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

درود،

امروز با آموزش ساخت فرم تماس با ما با افزونه Contact Form 7 در خدمت شما هستیم. افزونه Contact Form 7 به شما این امکان را میدهد که به سادگی یک فرم را مانند فرم تماس با به سایت خود اضافه کنید.

چرا به یک فرم تماس با ما نیاز داریم؟

چرا باید از یک فرم تماس با ما استفاده کنیم؟ در حالی که میتوانیم به راحتی ایمیل خود را در سایت قرار دهیم و کاربران میتوانند برایمان ایمیل ارسال کنند.

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

۳ دلیل برای استفاده کردن از فرم تماس با ما:

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

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

صرفه جویی در زمان – تصور کنید وقتی یک کاربر به شما ایمیلی ارسال میکند در پاسخ به کاربر باید ذکر کنید که در مراحل بعدی چه کار هایی باید انجام گیرد. اما با ساخت یک فرم میتوانید ذکر کنید که کاربر در مراحل بعدی که کار های باید انجام دهد.

دانلود افزونه Contact Form 7:

برای دانلود نسخه ۴.۸ این افزونه اینجا کلیک کنید …

همچنین میتوانید این افزونه را در سایت رسمی وردپرس دانلود نمایید: صفحه افزونه

سپس افزونه را بر روی وردپرس خود نصب کنید.

آموزش نصب افزونه وردپرس

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

پس از نصب این افزونه در پنل مدیریت خود در منوی سمت راست آپشن جدیدی به نام Contacts را مطابق تصویر زیر مشاهده خواهید کرد:

با کلیک بر روی Contact به صفحه زیر هدایت میشوید که لیست فرم های ایجاد شده را نمایش میدهد. در این صفحه یک فرم از قبل ایجاد شده را مشاهده میکنید که افزونه بطور پیشفرض ایجاد کرده است.

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

در ابتدای صفحه یک فیلد مشاهده میکنید که نام فرم شما را تعیین میکنید( برای مثال: تماس با ما ). در قسمت پایین آن چند تب(Tab) مشاهده میکنید.

اولین قسمت تب Form میباشد این قسمت درواقع ساختار فرم شما را تشکیل میدهد که افزونه بطور پیش فرض یک فرم دارای فیلد های: نام شما ، ایمیل ، موضوع و پیام شما میباشد.

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

زبان پیش فرض برای فرم ساخته زبان انگلیسی میباشد که شما میتوانید با تغییر پارامتر های انگلیسی مانند تصویر زیر فرم خود را فارسی سازی نمایید:

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

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

با کلیک بر روی انتشار میتوانید برگه تماس با ما را ایجاد نمایید.

و در نهایت به فرمی مانند فرم بالا خواهید رسید.

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

قسمت بعدی که قصد معرفی اون رو داریم تب Mail میباشد. در این قسمت شما تعیین میکنید که پیام هایی که کاربران ارسال میکنند ار طریق فرمی که ساخته اید به چه ایمیلی ارسال شود.برای اینکار در اولین فیلد (To) ایمیل خود را وارد نمایید.

در فیلدهای بعدی هم یعنی From ، Subject و Message Body میتوانید الگو و یا ظاهر متن و موضوعی که در قالب ایمیل ارسال میشود را تغییر بدهید. همچنین میتوانید از شورت کد هایی که به شما داده شده است نیز استفاده کنید.

از دیگر امکانات این قسمت Mail (2) میباشد و فعال کردن تیک این گزینه در پایین همین صفحه میتوانید یک ایمیل دیگر نیز وارد کنید که درصورتی که عملیات ارسال پیام به ایمیل اول با مشکل مواجه شد ، پیام به ایمیل دوم ارسال شود.

قسمت بعدی تب Massages میباشد. این قسمت برای نمایش پیام های خطا و یا موفقیت آمیز بودن عملیات ارسال پیام میباشد که برای کاربران نمایش داده میشود. زبان پیش فرض این پیام ها انگلیسی است اما شما میتوانید آنها را به پیامی که مایل هستید برای کاربر نمایش داده شود مانند تصویر زیر تغییر دهید.

برای مثال: Your message has been sent successfully را میتوانید به “پیام شما با موفقیت ارسال شد” تغییر دهید. جهت ترجمه این جملات میتوانید از مترجم گوگل استفاده کنید.

و در پایان به تب Additional Settings مرسیم. در این قسمت درصورتی که زبان های برنامه نویسی تحت وب تسلط داشته باشید میتوانید تنظیماتی اضافه را با توجه به نیاز خود به افزونه اضافه کنید.

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

موفق و پیروز باشید.

 

امتیازدهی به این مطلب
[کل: 2 میانگین: 5]

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

  1. Avatar
    مجید

    سلام
    خیلی ممنون بابت آموزش عالی تون
    سوالی داشتم از خدمتتون ممنون میشم پاسخم رو بدید
    من برای خبر نامۀ سایتم دقیقا مثل شما یک فرم ساده با کانتکت فرم درست کردم، اما خیلی ایمیل اسپم دریافت میکنم. با وجود اینکه اکسمنت هم دارم که ربطی نداره فکر کنم.
    آیا باید در خبر نامه هم کپچا گذاشت من تا به حال به ندرت دیدم در فرم خبرنامه کپچا استفاده کنند!!

    متشکرم از راهنمایی شما

    • عباس مهربانیان
      عباس مهربانیان

      درود،
      خبرنامه ای که در حال حاضر بر روی سایت ما قرار داره توسط یک پلاگین ساخته شده و به سایت feedburner متصل هست که خود این سایت از یک کپچا برای تایید کاربر استفاده میکنه.
      اما متاسفانه با وجود متصل بودن به سایت feedburner هنوز هم میشود ایمیل هایی حتی از سایت ۱۰minutemail نیز به خبرنامه اضافه کرد.
      در آینده سعی میکنیم یک پلاگین که بتونه ایمیل های معتبر را فقط قبول کنه در سایت معرفی کنیم.
      باتشکر از همراهی شما

دیدگاهتان را بنویسید

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

هفت − دو =