فرم تماس در وردپرس با افزونه Contact Form 7 + آموزش ویدیویی

افزونه فرم تماس 7 وردپرس

آخرین بروزرسانی ۷ام فروردین, ۱۳۹۹

همان‌طور که می‌دانید تقریبا در تمامی سایت‌ها صفحه تماس با ما وجود دارد. پس قطعا وجود یک فرم تماس با ما الزامیست. در وردپرس افزونه‌های متعدد فرم‌ساز وجود دارد که امروز به ساخت فرم تماس در وردپرس با افزونه Contact Form 7 می‌پردازیم.

این افزونه جزو افزونه‌های بسیار محبوب و کاربردی وردپرس می‌باشد.

آموزش ویدیویی در انتهای مطلب قرار دارد.

فرم تماس در وردپرس با افزونه contact form 7

بعد از دانلود و فعالسازی افزونه وردپرس ( لینک دانلود از مخزن وردپرس در انتهای همین مطلب می‌باشد ) به پنل ادمین وردپرس شما منویی با نام تماس اضافه می‌شود.

برای ساخت یک فرم تماس به قسمت افزودن جدید بروید.

بعد از رفتن به صفحه ساخت فرم، در بالای صفحه یک عنوان برای فرم خود بسازید.

ساخت فرم تماس

در این قسمت چند بخش به نام‌‌های فرم، ایمیل، پیام و تنظیمات اضافی وجود دارد.

بخش های تنظیمات فرم تماس افزونه Contact Form 7

– بخش فرم

در این بخش یک ویرایشگر می‌بینید که فیلد یا زمینه‌های فرم ما (مانند نام) در آن وجود دارد. به راحتی می‌توان با مواردی که در نوار بالای ویرایشگر فرم وجود دارد فرم دلخواه خود را ایجاد کنید.

بخش فرم تماس افزونه Contact Form 7

برای مثال بیاید یک فیلد تلفن به فرم خود اضافه کنیم. با کلیک روی گزینه “تلفن” یک پنجره برای تنظیمات آن باز می‌شود.

تنظیمات فیلدهای فرم

نوع زمینه: با تیک زدن این گزینه، وارد کردن شماره برای کاربر الزامی می‌شود.

 نام: نام فیلد. می‌توانید آن را به حالت پیشفرض بگذارید.

مقدار پیش فرض: مقداری که به عنوان پیشفرض در داخل فیلد نمایش داده می‌شود. مثلا: شماره خود را وارد کنید. اگر تیک گزینه “این متن به عنوان نگهدارنده در زمینه استفاده می شود” را بزنید، وقتی کاربر روی فیلد کلیک کند مقدار پیشفرض پاک می‌شود.

ویژگی شناسه: ID فیلد

ویژگی کلاس: کلاس فیلد. اگر css بلد باشید می‌توانید ظاهر فرم تماس خود را شخصی‌سازی نمایید.

دقت کنید که اگر می‌خواهید فیلد جدیدی که اضافه کرده‌اید، عنوان داشته باشد باید آن را مانند بقیه فیلدها درون تگ <label></label> بگذارید.

– بخش ایمیل فرم تماس وردپرس

در این قسمت تنظیمات مربوط به ایمیل وجود دارد.

به: ایمیلی که پیام‌های دریافت شده فرم تماس به آن ارسال شود.

از طرف: پیام ها از طرف چه کسی یا ایمیلی به ایمیل شما فرستاده ‌شود. (از برچسب [your-name] استفاده کنید)

موضوع: موضوع ایمیل‌ها ( از برچسب [your-subject] استفاده کنید)

بخش ایمیل فرم

در پایین این قسمت بخشی به نام “ایمیل 2” وجود دارد. این قسمت معمولا برای پاسخ دهنده خودکار استفاده می‌شوند. با زدن تیک آن می‌توانید از این ویژگی استفاده نمایید.

تنظیمات ایمیل 2

معمولا تنظیمات پیشفرض ایمیل 2 مناسب هستند اما در صورت نیاز می‌توانید آن را تغییر دهید (مانند موضوع)

– بخش پیام فرم تماس

بخش پیام فرم

در این بخش پیام‌های مربوط به ارور یا موفق بودن ارسال ایمیل وجود دارد که می‌توانید آن را ویرایش کنید.

– بخش تنظیمات اضافی

در این بخش می‌توانید با کدهای css خود، ظاهر فرم را تغییر دهید.

تنظیمات اضافی فرم

پس از انجام مراحل بالا روی دکمه ذخیره کلیک کنید.

فرم تماس وردپرس را چگونه نمایش دهم؟

از زیر منوی تماس در منوی ادمین وردپرس به قسمت فرم‌های تماس بروید. در این بخش فرم‌هایی که تابحال ساخته‌اید وجود دارند.

هر فرم تماس در وردپرس یک شورت کد (shortCode) دارد که با قرار دادن آن در یک برگه (مثلا تماس با ما) فرم شما در آن به نمایش در می‌آید.

شورت کد فرم تماس

اضافه کردن شورت کد فرم تماس در ویرایشگر وردپرس

در آخر، فرم تماس در وردپرس شما مانند تصویر زیر خواهد شد. (همراه این افزونه وردپرس اگر کمی css بلد باشید می‌توانید فرم‌های بسیار زیبایی بسازید)

نمایش فرم تماس در وردپرس با افزونه Contact Form 7

نکته: در بعضی ورژن‌های این افزونه وردپرس، زبان فارسی وجود ندارد. در این صورت فایل ترجمه فارسی را به صورت جداگانه دانلود کنید و در پوشه language افزونه خود بریزید. افزونه کاملا فارسی خواهد شد.

 

خب این آموزش وردپرس ما هم تمام شد.

موفق باشید 🙂

آموزش ویدیویی

برچسب ها:

پاسخی بگذارید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *