آموزش افزونه Supsystic برای ایجاد فرم تماس با ما در وردپرس

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

آشنایی با افزونه Supsystic

همانطور که پیش تر گفتیم ، با استفاده از افزونه Supsystic هم می‌توانید یک فرم تماس را در سایت های وردپرسی پیاده سازی کنید . کار با افزونه Supsystic بسیار ساده است و تنها با قرار دادن یک شورت کد در صفحه یا نوشته می‌توانید فرم تماس با ما را در وب‌سایت خود برای کاربران به نمایش بگذارید.

آموزش کار با افزونه Supsystic برای ساخت فرم تماس با ما

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

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

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

افزودن فرم جدید در افزونه Contact Form by Supsystic

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

بخش Show All Forms در افزونه Supsystic

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

Design

در این تب شما می‌توانید توسط گزینه Width اندازه فرم خود را با پیکسل یا درصد مشخص کنید. گزینه دوم و سوم در این صفحه نیز برای این است که شما بتوانید نوع و رنگ‌بندی پس‌زمینه خود را تعیین کنید. با گزینه Submit Buttons Style هم می‌توانید رنگ‌بندی و استایل دکمه را تعیین نمایید.

Fields

این قسمت برای این است که شما بتوانید تنظیمات مربوط به فیلدها را انجام دهید و آنها را به‌دلخواه خود تغییر دهید. در اینجا اولین گزینه Field Invalid Error Message است و شما برای اینکه بتوانید پیغام خطای فیلد را وارد کنید می‌توانید از این گزینه استفاده کنید. همچنین با استفاده از گزینه Add New Field می‌توانید در صفحه‌ای که برای شما باز می‌شود فیلد موردنظر خود را انتخاب کنید.

نحوه استفاده از افزونه Supsystic

بعد از انجام مراحل بالا ، و انجام پیکربندی تنظیمات افزونه ، کافیه که اولین فرم تون رو بسازید ! سپس باید به فکر نمایش دادن آن در وبسایت باشید . منظورم از نمایش دادن ، اینه که باید فرم رو در دسترس کاربران سایتتون قرار دهید .  اولین کاری که باید انجام دهید این است که یک برگه یا نوشته جدید ایجاد کنید. سپس باید شورت کدی که در ابتدا کپی کرده‌اید را در این صفحه قرار دهید. (هنگامی که یک فرم میسازید ، به شما شورت کدی میدهد که آن را باید در صفحه یا نوشته خود منتشر کنید ) در نهایتبروی علامت + در ویرایشگر گوتنبرگ کلیک کنید و شورت کد را در قسمت کد کوتاه قرار دهید.