ساخت فرم تماس با ما در وردپرس با contact form 7+ویدئوی آموزشی

فرم تماس با ما در وردپرس

بروزرسانی در تاریخ ۷ بهمن ۱۳۹۶ توسط عباس خلجی
سلام دوستان؛
در همه سایت‌های امروزی برگه تماس با ما برای ارتباط بازدید کننده یا کاربران با مدیریت سایت وجود دارد. این برگه باعث بهبود رابط کاربری سایت، ارتباط بازدید کنندگان با بخش مدیریت و همچنین افزایش اعتماد کاربران به سایت می‌شود. می‌توان به دلیل پرکاربرد بودن این برگه (در همه سایت ها وجود دارد!) آن را یکی از برگه‌های مهم سایت به شمار آورد.
افزونه های متعددی برای ساخت فرم تماس با ما در وردپرس وجود دارند که می‌توانید با آن‌ها فرم‌های متنوعی را ایجاد کنید.
از افزونه‌های قدیمی و پرکاربرد می‌توان افزونه ” فرم تماس با ما ۷ ” یا Contact form 7 را یاد کرد که محبوبیت بالایی را در میان وبمستران وردپرسی دارد.

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

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

شروع کار

contact form 7-فرم تماس با ما در وردپرس

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

فرم تماس-فرم تماس با ما در وردپرس

این پلاگین دارای سه زیر منو است :

  1. فرم‌های تماس: نمایش فرم‌هایی که قبلا ساخته شده
  2. افزودن جدید: افزودن فرم تماس با ما در وردپرس جدید
  3. یکپارچه‌سازی ارتقا به نسخه پولی (پیشرفته)

افزودن جدید

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

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

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

بخش فرم

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

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

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

فرم - فرم تماس با ما در وردپرس

بخش ایمیل

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

ایمیل - فرم تماس با ما در وردپرس

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

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

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

ایمیل2-فرم تماس با ما در وردپرس

بخش پیام

پیام-فرم تماس با ما در وردپرس

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

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

تنظیمات اضافی- فرم تماس با ما در وردپرس

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

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

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

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

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

copy shortcode-فرم تماس با ما در وردپرس

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

اضافه کردن شورت کد-فرم تماس با ما در وردپرس

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

contact us-فرم تماس با ما در وردپرس

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

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

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

دانلود افزونه contact form 7

دانلود صفحه افزونه
راه آسان‌تری برای ارتباط با کاربران‌مان پیدا کرده‌ایم :) کانال تلگرام همیار وردپرس

اگر می‌خواهید از آخرین و محبوب‌ترین مقالات ما در ایمیل خود مطلع شوید، همین الان ایمیل خود را در کادر زیر وارد کنید:

تعداد علاقه‌مندانی که تاکنون عضو خبرنامه ما شده‌اند:

۲۳۵,۷۸۱ نفر

پاسخ دهید

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

دیدگاه‌های این نوشته جدید شاخص

  1. […] Contact Form 7 […]

  2. با سلام. یه سوال داشتم. تو مدیریت وردپرس در قسمت دسته ها که میرم و نمایش رو می زنم بجای اینکه نوشته های اون دسته بندی رو نمایش بده میاد ویو صفحه اصلی رو نمایش میده ولی آدرسش همونه! یعنی ریدایرکت نشده! چکار کنم درست شه؟

  3. سلام
    ممکنه یه افزونه ایجاد فرم حرفه ای معرفی بفرمائید.

  4. 1 سال عضو همیار وردپرس

    سلام
    من افزونه رو نصب کردم بدون هیچ تغییری شورت کد رو گذاشتم اما وقتی پیام میفرستم همش ارور میده.
    “مشکلی در ارسال پیام شما بوجود آمده است، لطفا دوباره تلاش کنید.”
    همه فیلدارو پر کردم!
    فرم دیگه ای ساختم بازم نشد!

  5. با سلام
    می خواستم بپرسم از این افزونه صرفا برای ساخت فرم تماس با مدلهای مختلف می شه استفاده کرد یا هر نوع فرمی؟
    با تشکر

  6. با سلام
    من یه مشکلی دارم که خیلی وقته درگیرش هستم .. یک فرمی رو آماده کردم بصورت جدول … حالا می خوام به کمک CSS و از طریق کلاس سایز برخی فیلد ها رو کشیده تر کنم از طریق width … اما داخل خود فرم ، استایل قالب سایت هم از Class و ID استفاده کردم باز هم مشکل حل نشد … میشه کمکم کنید … تو نت هم خیلی گشتم ولی مطب موثری پیدا نکردم
    ممنون از شما

  7. سلام من از contact form 7 استفاده کردم ولی بعد از تکمیل فرم ایمیل ارسال نمیشه

  8. سلام چطوری باید پیام بعد از ارسالو بعد از چند ثانیه پاک کرد؟

  9. […] منبع […]

  10. 7 ماه عضو همیار وردپرس

    با افزونه Flamingo میشه ایمیل های دریافتی از فرم تماس ۷ رو توی خود مدیریت سایت دید…! نویسنده محترم خواهشا این افزونه یا افزونه مشابه و بهتر را در همین پست معرفی کنند…

    • 5 ماه عضو همیار وردپرس

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

      https://hamyarwp.com/flamingo/

  11. نمیشه

  12. […] دوستان؛ همانطور که حتما می دانید فرم تماس ۷ یا Contact Form7 یکی از اولین و معروف ترین فرم سازها […]

    • سلام
      بنده همین افزونه رو نصب کردم و فرم تماس ساختم اما هر بار که تست میکنم مینویسه
      “مشکلی در ارسال پیام شما بوجود آمده است، لطفا دوباره تلاش کنید”
      تمام تنظیمات رو بررسی کردم درسته
      ممنون میشم راهنمایی کنین

  13. […] submissions in the database: با فعال کردن این گزینه از این پس فرم های تماس در وردپرس ارسال شده در دیتابیس ذخیره می شود.Add a nonce to the contact form: […]

مطالب زیر را حتما بخوانید

محبوبترین‌های آموزش آنلاین

مشاهده همه آموزش‌های آنلاین