ساخت فرم تماس با ما در وردپرس با 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. 3 سال عضو همیار وردپرس

    سلام
    از این افزونه مثل سایت خودتون میشه استفاده کرد؟
    منظورم این هست که با این افزونه کاربران وب سایت ما میتونن بیان نظر بنویسن و حتی بقیه هم بتونن نظرات رو بخونن و برای نظرات دیگران جواب بنویسن؟

    دقیقا مثل وب سایت خودتون

    با تشکر

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

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

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

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

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

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

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

    ۴.۱ میلیون تومان ۲.۹ میلیون تومان
    گرافیک هنر نیست گرافیک یک علم است . حتماً شما از اهمیت یک طراحی خوب اطلاع دارید. رقابت فشرده تبلیغاتی کسب وکارهای کوچک و بزرگ در هر رسانه‌ای همیشه به چشم می‌خورد، در این ترافیک تبلیغات یک طرح خوب و یک ارائه...
مشاهده همه آموزش‌های آنلاین