ContactForm 7 برای وردپرس به شما اجازه میده فرم و ایمیل رو به صورت انعطاف پذیری طراحی کنین. این آموزش ساختارش رو به شما نشون میده و نحوه عملکردش رو توضیح میده.

آنچه در این مطلب میخوانید:

ساختار

برای کار روی فرم‌ها، روی دکمه Contact در منوی سمت چپ کلیک کنین.

صفحه بعدی، شامل بخش‌های زیر هست:

فهرستی از فرم‌های موجود + گزینه Add new برای افزودن فرم‌های بیشتر به صفحات، پست‌ها یا ویجت‌های متنی.

عنوان فرم فعلی با شورتکدی که فرم رو به صفحه‌تون اضافه میکنه + گزینه‌های کپی یا حذف فرم. در رنگ قهوه‌ای دارای شورتکد برای کپی و چسباندن در صفحات، پست‌ها و… هست تا فرم رو نشون بدن.

خود فرم + گزینه‌ای برای تولید و افزودن تگ به فرم شما.

لازم نیست نگران مضمون نسبتا پیچیده تگ‌ها باشین. شما میتونین از ابزار GenerateTag برای تولید هر تعداد تگ که می‌خواهین استفاده کنین. مجموعه‌ای از گزینه‌ها رو برای انتخاب در فیلدها دریافت میکنین، مثل افزودن منوی کشویی، دکمه‌های رادیویی، کادرهای انتخاب، CAPTCHA، آپلود فایل و … . باید یک نام برای فیلد جدیدتون انتخاب کنین و گزینه‌های پیشنهادی رو پر کنین. بعد از انجام این کار، تگ به طور خودکار (در کادر با پس زمینه قهوه‌ای) ایجاد میشه. تنها کاری که باید انجام بدین اینه که کد تگ رو در فرم سمت راست کپی کنین.

بیاین برای مثال، نگاهی دقیق‌تر به اولین تگ فرم استاندارد بندازیم:

<p>Your Name (required)<br />
[text* your-name] </p>

این قسمتیه که بازدید کننده شما نامش رو در اون پر میکنه. تگ نشون میده که ما 1 پاراگراف داریم و تگ یک line break هست. این به این معنیه که خود فیلد ورودی در خط دوم خواهد بود. از خط اول فقط متن داریم : نام شما (الزامی). شما میتونین این متن رو به چیز دیگری مثل: نام کامل شما (الزامی) تغییر بدین. روی فیلد تاثیری نداره.

پست پیشنهادی : آموزش ایجاد صفحه مهارت skills page در وردپرس

کلمه دوم در تگ نامش هست. نام [text* your-name]. این نام مهمه چون بعدا در قالب ایمیل شما استفاده میشه. یعنی:

text: نشون میده که این فیلد متنی هست.

*: نشان دهنده الزامی بودن فیلد هست.

your-name: نام فیلد هست.

Mail settings (این جاییه که میتونین ایمیل رو برای دریافت پیام از طریق فرم تغییر بدین).

Message body ایمیلی که بعد از ارسال فرم توسط بازدیدکنندگان سایت دریافت میکنین.

تنظیمات

در اینجا میتونین به تنظیمات مربوط به هر فیلد برین:

[A] Basic header fields (To, From and Subject):

اینها فیلدهای هدر پیام اولیه و ضروری هستن و میتونین mail tagها رو در هر جایی از این فیلد جاگذاری کنین.

[B] Message body:

این متن پیام هست، میتونین mail tagها رو در هر جایی از این فیلد جاگذاری کنین.

[C] Additional headers:

میتونین فیلدهای هدر پیام‌های اضافی رو اینجا وارد کنین، مثل Cc و Bcc. در هر خط باید یک فیلد وجود داشته باشه. میتونین mail tagها رو در هر جایی از این فیلد جاگذاری کنین.

[D] File attachments:

اگر فایل‌های آپلود شده رو به این ایمیل پیوست میکنین، mail tagهای فایل‌های آپلود شده رو در این قسمت قرار بدین.

[E] Use of HTML:

به طور پیش‌فرض، متن ساده برای متن پیام استفاده میشه. برای استفاده از HTML این کادر رو علامت بزنین.

[F] Mail (2):

Mail (2) یک بخش ایمیل دیگر است، با این تفاوت که این بخش غیر اختیاری هست. Mail (2) کاملا مثل Mail کار میکنه. برای فعال کردن Mail (2) چک باکس Use mail (2) رو علامت بزنین.

پست پیشنهادی : آموزش تغییر مکان نقشه گوگل در وردپرس (بر اساس API)

شما میتونین قالب ایمیل‌ها رو در قسمت Mail مثل قالب فرم، ویرایش کنین. میتونین اونجا از تگ‌ها هم استفاده کنین، اما توجه داشته باشین که تگ‌های ایمیل با تگ‌های فرم‌ها متفاوت هستن.

تگ‌هایی که میتونین در قالب ایمیل استفاده کنین فقط حاوی یک کلمه در داخل پرانتز هستن و شبیه [your-name] هستن.

مثال

این دو تگ با یک نام مطابقت دارن. در ایمیل [your-name] با مقدار ورودی کاربر جایگزین میشه که از طریق فیلد فرم مربوطه ارسال میشه، که در این مورد [text* your-name] هست.

پیام‌هایی که بازدیدکنندگان شما هنگام استفاده از فرم میتونن ببینن (اگر روی اونها دوبار کلیک کنین قابل تنظیم هستن).

فیلدی برای برخی تنظیمات اضافی (که در اون میتونین کدی رو برای لغو برخی از عملکردهای اضافه شده در بالا اضافه کنین).

دکمه Save برای ذخیره تمام تغییرات شما.