فورفایل

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

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

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

یکی از بخش‌های مهم هر سایت، صفحه تماس با ما می‌باشد که پل ارتباطی بین کاربران و مدیر سایت است. این برگه باعث بهبود رابط کاربری سایت، ارتباط بازدیدکنندگان با بخش مدیریت و همچنین افزایش اعتماد کاربران به سایت می‌شود. می‌توان به دلیل پرکاربرد بودن این برگه (در همه سایت‌ها وجود دارد) آن را یکی از برگه‌های مهم سایت به شمار آورد.

وردپرس به عنوان یکی از قدرتمندترین سیستم‌های مدیریت محتوا با داشتن افزونه‌های متعددی که برای ایجاد فرم تماس با ما کاربرد دارند، می‌تواند به راحتی و زیبایی هر چه تمام، فرم‌های تماس مورد نظرتان را ایجاد کند. فرم‌های ایجاد شده قابلیت استفاده از فیلدهای متنی متعدد، امکان بارگذاری فایل، استفاده از کدهای امنیتی و … را دارا می‌باشند. از افزونه‌های قدیمی و پرکاربرد می‌توان افزونه فرم تماس با ما ۷ یا Contact form 7 را یاد کرد که محبوبیت بالایی در میان وبمستران وردپرس دارد. در این مطلب قصد معرفی این افزونه حرفه‌ای را دارم؛ پس تا پایان با ما همراه باشید.

فرم تماس با ما در وردپرس با Contact Form 7

ساخت فرم تماس با ما در وردپرس به کمک این افزونه بسیار ساده و آسان است. می‌توانید بعد از نصب سریعاً یک فرم جدید بسازید و یا اینکه از فرم‌های آماده موجود استفاده کنید و در نهایت از شورت‌کدی که فرم تماس ۷ در اختیار شما قرار می‌دهد، در برگه یا نوشته سایت وردپرسی خود وارد کنید تا در خروجی فرم برای شما نمایش داده شود.

پیشنهاد بعدی  ساخت نقشه سایت در وردپرس با افزونه Google XML Sitemaps

شروع کار

ابتدا افزونه Contact Form 7 را نصب و فعال کنید. پس از نصب در قسمت مدیریت وردپرس شما بخشی به نام فرم تماس اضافه می‌شود (افزونه کاملاً فارسی شده است).

فرم تماس با ما در وردپرس با افزونه Contact Form 7 2 - ساخت فرم تماس با ما در وردپرس با افزونه Contact Form 7

این افزونه دارای سه زیر منو است:

فرم‌های تماس: نمایش فرم‌هایی که قبلاً ساخته شده

افزودن جدید: افزودن فرم تماس با ما در وردپرس جدید

یکپارچه‌سازی: ارتقا به نسخه پولی (پیشرفته)

افزودن جدید

برای ساخت فرم تماس جدید روی گزینه add new یا افزودن جدید کلیک کنید.

فرم تماس با ما در وردپرس با افزونه Contact Form 7 3 - ساخت فرم تماس با ما در وردپرس با افزونه Contact Form 7

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

بخش فرم

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

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

برای مثال به تصویر پایین دقت کنید:

فرم تماس با ما در وردپرس با افزونه Contact Form 7 4 - ساخت فرم تماس با ما در وردپرس با افزونه Contact Form 7

بخش ایمیل

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

فرم تماس با ما در وردپرس با افزونه Contact Form 7 5 - ساخت فرم تماس با ما در وردپرس با افزونه Contact Form 7

اگر به هر نحوی ایمیل برای شما ارسال نشد، می‌توانید از ایمیل دوم استفاده کنید.

استفاده از ایمیل دوم

در پایین قسمت ایمیل بخش ایمیل ۲ را فعال کنید و ایمیل مورد نظر خود را وارد کنید.

پیشنهاد بعدی  بهبود رتبه سایت در جستجوهای محلی

فرم تماس با ما در وردپرس با افزونه Contact Form 7 6 - ساخت فرم تماس با ما در وردپرس با افزونه Contact Form 7

بخش پیام

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

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

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

فرم تماس با ما در وردپرس با افزونه Contact Form 7 8 - ساخت فرم تماس با ما در وردپرس با افزونه Contact Form 7

در این بخش می‌توانید یه سری تنظیمات یا ویژگی‌هایی به فرم تماس با ما در وردپرس اضافه کنید (البته اگر به کدنویسی و css مسلط هستید).

پس از ساخت فرم و تکمیل تنظیمات روی گزینه ذخیره یا save کلیک کنید.

نحوه نمایش فرم

قطعاً برایتان سؤال پیش آمده که چگونه باید فرم را داخل سایت نمایش دهیم؟

برای نمایش دادن فرم تماس با ما در وردپرس از روش زیر استفاده کنید:

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

فرم تماس با ما در وردپرس با افزونه Contact Form 7 9 - ساخت فرم تماس با ما در وردپرس با افزونه Contact Form 7

و حالا کافیست شورت‌کد را در برگه یا نوشته مورد نظر قرار داده و ذخیره کنید.

فرم تماس با ما در وردپرس با افزونه Contact Form 7 10 - ساخت فرم تماس با ما در وردپرس با افزونه Contact Form 7

مطابق تصویر بالا شورتکدی را که کپی کردید در برگه‌ی جدید وارد کنید. بعد از آن برگه را در سایت منتشر کنید و به پیش نمایش برگه بروید.

فرم تماس با ما در وردپرس با افزونه Contact Form 7 11 - ساخت فرم تماس با ما در وردپرس با افزونه Contact Form 7

همان‌طور که مشاهده می‌کنید فرم تماس با ما، به‌صورت تصویر بالا در خروجی برای ما نمایش داده می‌شود. می‌توانید به عنوان تست فرم را کامل کنید.

نکته: اگر ایمیل‌ها را در اسپم ایمیل خود مشاهده کردید، برای یک بار ایمیل دریافتی را no spam کنید تا دفعات بعدی در inbox آن را دریافت کنید.

پیشنهاد بعدی  مدیریت تبلیغات در وردپرس با افزونه Ad Inserter

موفق و سربلند باشید.

دیدگاه‌ها (0)

*
*

برای امنیت، استفاده از سرویس reCAPTCHA گوگل مورد نیاز است که تابع Privacy Policy and Terms of Use است.

question