ساخت فرم تماس با ما در وردپرس با 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. سلام.
    من این کد رو برای ثبت سفارش داخل فرم قرار دادم، ولی وقتی ایمیل ارسال میشه لینک صفحه ای که از داخل اون سفارش ثبت شده غیر فعال هست.
    نام سفارش

  2. سلام وقت بخیر.من از این افزونه دارم استفاده میکنم ولی زمانی که از توی پنل به یک دیدگاه میخوام پاسخ بدم یک ارور نشون میده که متنش عدد ۱ هستش دلیلیش چی میتونه باشه.؟

  3. سلام وقت بخیر
    من با این فرم تماس وقتی نظر کاربران رو تایید میکنم و میخوام بهشون پاسخ بدم یک ارور به من بر میگردونه که متنش فقط عدد یک هست و نمیتونم به نظر کاربر پاسخ بدم. دلیلش چی میتونه باشه؟

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

  5. 2 سال عضو همیار وردپرس

    دوستان عزیز خداوکیلی سخته کار با این نرم افزار
    من۱۵سال دارم و کار با این نرم افزار و کامل بلدم.
    اصلا من خودم هاستینگ دارم.
    باور نمیکنید سایت میدم بهتون.
    دیگه باید با این پلاگین بلد باشید کار کنید.
    با تشکر.
    رئیس هاست فست.

  6. با سلام میشه با این افزونه فرم استخدام هم ساخت؟

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

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

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

    سلام..وقتی یک فرم استخدامی داریم و پر میشه اطلاعاتش کجا ذخیره میشه؟

  9. سلام ممنونم بابت آموزشتون
    چطوری میتونم فرم تماسم را با css زیباترکنم؟

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

    برای من اصلا کار نمیده این افزونه … باید چکار کنم؟
    مدام این پیغام را میده
    مشکلی در ارسال پیام شما بوجود آمده است، لطفا دوباره تلاش کنید.
    ایمیلمم وارد کردم

  11. سلام متاسفانه ایمیلی برای من ارسال نمیشه مشکلش از کجا میتونه باشه

  12. […] بنویسید. در نهایت برای تنظیم فرم تماس از افزونه فرم تماس ۷ در وردپرس استفاده […]

  13. […] بنویسید. در نهایت برای تنظیم فرم تماس از افزونه فرم تماس ۷ در وردپرس استفاده […]

  14. سلام…ببخشین پیام هایی که از این طریق ارسال میشن داخل ایمیل میرن یا داخل ورد پرس هم میشه اونها رو دید؟

  15. سلام
    آیا این امکان وجود داره که پس از تکمیل فرم ۷ پیامکی برای تکمیل کننده فرم ارسال بشه ؟

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

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

  16. […] در این مقاله از همیار وردپرس قصد دارم تا به نحوه ساخت فرم دریافت سفارش در گراویتی فرم بپردازم که با استفاده از […]

  17. من نصب کردم و ایمیل رو هم گذاشتم ولی کلا این خطا رو مینویسه:
    “مشکلی در ارسال پیام شما بوجود آمده است، لطفا دوباره تلاش کنید.”
    لطفا راهنمایی کنید.

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

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

  • دوره ۱۳ جامع وبمستران هوشمند

    ۶.۸ میلیون تومان
    ساخت کسب‌و‌کار اینترنتی امروزه یکی از اساسی‌ترین کارها برای ایجاد یا توسعه درآمدزایی میباشد. هر ایده‌ای که دارید میتوانید آنلاین در فضای اینترنتی راه اندازی نمایید فقط کافیست که بخواهید. یا اگر چندین سال...
  • دوره جامع ۰ تا ۱۰۰ آموزش طراحی سایت و آموزش طراحی فروشگاه اینترنتی

    ۱.۹ میلیون تومان
    آموزش صفر تا صد دوره طراحی سایت یاد میدهد به شما که چگونه یک طرح گرافیکی بزنید‌‌‌‌‌‌ ،‌کد نویسی کنید و یاد بگیرید که چگونه آن را تبدیل به قالب وردپرس و ووکامرس کنید .با این آموزش میتوانید ،هر نوع سایت خبری و...
  • کسب‌ و کارهای اینستاگرامی

    ۲۹۰ هزار تومان
    اینستاگرام فرصتی فوق‌العاده است. با توجه به اینکه هر روز آمار استفاده کنندگان ایرانی از اینستاگرام افزوده می‌شود و واقعا خود اینستاگرام هم به شدت قوی و مرتب بروزرسانی می‌کند، بازار خیلی خوبی برای تجارت...
مشاهده همه آموزش‌های آنلاین