ساخت سریع فرم تماس با ما در وردپرس با افزونه Supsystic

مطمئناً پس از خواندن این عنوان و یاد گرفتن نحوه درست کردن فرم تماس با ما در وردپرس با افزونه Supsystic باید فرم های کسل کننده و تکراری ارتباط و تماس با ما را در Wordpress فراموش کنید! زیرا این فناوری یک انقلاب در اتصال است که می تواند ارزشمندترین داده هایی که می خواهید را در اختیار مشتریان بالقوه شما قرار دهد و برعکس! پس وقت را تلف نکنید و همراه ما بیایید تا به کمک Supsystic که یک افزونه فرم ساز نهایی در وردپرس است، فرم تماس به خصوص وب سایت خود را طراحی کنید.

سریع ترین مراحل ساخت فرم تماس با ما در وردپرس با افزونه Supsystic

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

مرحله اول: نصب افزونه فرم تماس WP با Supsystic

وارد فضا وردپرس شده و در قسمت Plugins گزینه Add New را بزنید و عبارت Form Contact by Supsystic را جستجو کرده و نصب آن را انجام دهید. پس از نصب افزونه را با گزینه Activate Plugin فعال سازی کرده و به بخش Contact Form by Supsystic بروید. 

• نصب فرم با Supsystic PRO

ابتدا حساب شخصی تان در وب سایت Supsystic.Com را ایجاد کرده و افزونه را خریداری کنید. زمانی که لینک مخصوص به شما ارسال شد، فایل Supsystic_contact_form_pro.zip را دانلود کرده و در Plugins قسمت Add New را کلیک کنید و Upload افزونه را انجام دهید. اکنون که نسخه پرو افزونه را در اختیار دارید باید مراحل زیر را دنبال کنید:

1. در منو وردپرس به Contact Form by Supsystic را بروید.
2. تب License را در افزونه باز کنید.
3. لایسنس و رمز کلیدی را وارد کنید.
4. گزینه Check را کلیک کنید.

مرحله دوم: ایجاد فرم تماس با ما

به کمک گزینه Add New Contact Form نام فرم تماسی که می خواهید را وارد کرده و از قالب های شگفت انگیزی که برای شما نمایش داده می شود یکی را انتخاب کرده و قالب را ذخیره کنید.
نکته مهم! توجه داشته باشید که در صورت تمایل می توانید در مراحل بعدی تغییرات لازم برای قالب فرم تماس آماده ای که انتخاب کرده اید را اعمال کنید.

مرحله سوم: ایجاد تنظیمات در پیکربندی افزونه فرم تماس با ما

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

می توانید ویژگی هایی مانند موارد زیر را تعویض کرده و تغییرات دلخواه خود را ایجاد کنید:

1. فرم، تصویر و رنگ کلی پس زمینه
2. رنگ فریم در اطراف فیلد
3. رنگ و پس زمینه برای گزینه ارسال
4. رنگ و پس زمینه برای گزینه Reset

در ادامه تب زیر می تواند در شخصی سازی گزینه های زیر به شما کمک کند:

1. ایجاد پیام خطایی که می خواهید در صورت وجود Error نشان داده شود.
2. تنظیم اطلاعات مورد نیاز شما از مراجعین مانند نام، ایمیل، پیام، بررسی و ارسال
3. امکان استفاده از فیلد جدید با Add New Field

همچنین گزینه هایی که در تصویر مشخص شده است برای تنظیم دقیق اطلاعات مورد نیاز شما در فرم می باشد که توضیحات آن ها در ادامه آمده است:

1. Text / Textarea برای دریافت نظرات
2. Email امکان برای وارد کردن Email
3. Select Box برای افزودن فرم لیست مانند
4. Radiobutton / Radiobuttons List برای افزودن گزینه به شکل فیلد
5. Checkbox / Checkbox List برای گزینه های تیک زدن
6. Country List برای انتخاب کشور مقصد مشتریان
7. Number برای وارد کردن شماره تماس
8. Date / Month / Week / Time برای انتخاب تاریخ
9. Color برای انتخاب رنگ
10. Range برای جابجایی موقعیت با Tag
11. URL برای اضاه کردن لینک
12. File Upload برای امکان آپلود و پیوست فایل ها
13. reCaptcha برای جلوگیری از هرزنامه
14. Hidden field برای ایجاد فایل های مخفی
15. Submit Button برای ارسال فرم
16. Reset Button برای پاک کردن تمام اطلاعات
17. HTML/Text Delimeter برای کاربران با اطلاعات قبلی
18. Google Map برای وارد کردن نقشه و مکان

از ویژگی های حرفه ای که می توانید در ادامه شخصی سازی در نظر بگیرید می توان به تصویر زیر اشاره کرد:

در صورت خریداری نسخه PRO می توانید گزینه های شخصی سازی بیشتری مانند ایجاد مشترک بدون تایید صادرات مشترکین، کاربر WP، پیام "تأیید ارسال شد"، پیام موفقیت اشتراک، پیام خطا ایمیل و ... را در اختیار داشته و تنظیمات لازم را انجام دهید:

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

علاوه بر نکات بالا می توانید در حین گرافیک نهایی و آمار فرم های تماس با ما در وب سایت خود را مشاهده کرده و دریافتی و غیر موفق بودن آن ها را بررسی کنید:

در صورتی که به قوانین و مزیت های HTML ،CSS آگاه هستید، می توانید ویرایش های لازم را از طریق Supsystic انجام دهید. اما به خاطر داشته باشید که در این مرحله WPCom_Markdown Class وجود نخواهد داشت. همچنین برای Clone کردن فرم های تماس موجود و مشاهده تمام این فرم ها می توانید در تصویر بالا گزینه Clone را انتخاب کرده و پس از وارد کردن اطلاعات درخواستی OK و در نهایت Show All Contact Forms را بزنید. 

نکته مهم! می توانید برای غیر فعال کردن موقت فرم تماس با ما در وب سایت، از گزینه Turn Off استفاده کرده و برای فعال سازی مجدد از گزینه Turn On کمک بگیرید. 

مرحله چهارم: ایجاد پیش نمایش در تنظیمات

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

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

پس از مشاهده پیش نمایش فرم تماس می توانید کد آن را کپی کرده و در قسمت بلاگ ها و یا در هر صفحه ای در وب سایت که تمایل به ارتباط بیشتر با مشتریان خود دارید Paste کنید. در پایان باید افزونه WP Contact Form را اضافه کرده و منتظر ایجاد فرم تمایس به صورت خودکار در وب سایت خود شوید. 

سخن آخر

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