سلام! این آموزش به شما نشون میده چطور فرم تماس رو در وردپرس بر اساس پلاگین Contact form 7 پیکربندی کنین.
در وردپرس، اغلب فرم تماس با استفاده از پلاگین Contact form 7 پیکربندی میشه.
بیاین نحوه تنظیمش رو یاد بگیریم.
- وارد داشبورد وردپرستون بشین.
- به قسمت Contact -> Contact Forms برین:
- روی عنوان contact form کلیک کنین تا برای ویرایش باز بشه:
حالا که رابط ویرایش Contact form 7 باز شده، میتونین پیکربندی فرم رو شروع کنین.
صفحه ویرایش فرم شامل 4 تب اصلی هست: Form, Mail, Messages و Additional Settings:
بیاین هر تب رو بررسی کنیم تا ببینیم برای چه مواردی استفاده مبشه.
تب Form شامل ساختار فرم هست. اینجا میتونین نحوه نمایش فرم و فیلدهای اون رو تنظیم کنین:
همونطور که در تصویر بالا میبینین، فرم شامل فیلدهای Name، E-mail، Phone و Message و همچنین دکمههای Clear و Send هست.
فیلدها رو میتونین با استفاده از mail-tagهای فرم اضافه/ویرایش کنین، به عنوان مثال text، email، checkboxes، radio buttons و…
بیاین به تب Mail بریم، که مسئول تنظیم آدرس ایمیل، جایی که ایمیلها میرسن هست.
تب شامل فیلدهایی مثل To، From، Subject، Additional Headers و Message Body هست:
در بالای تب Mail، میتونین mail-tagهایی رو ببینین که برای استفاده از فیلد در دسترس هستن:
mail-tagها رمانی که اونها رو به فیلد فرم اضافه میکنین به طور خودکار تولید میشن، بنابراین میتونین 4 mail-tag رو برای استفاده در فیلدها مشاهده کنین، چون فقط چهار تگ ایجاد کردین (Name, E-mail, Phone و Message)
توجه داشته باشین! برای پیکربندی صحیح فرم، فیلدهای شما باید فقط حاوی تگهای پستی باشن که در ساختار فرم در تب Form استفاده میشه، در غیر این صورت، فرم کار نخواهد کرد.
آدرس ایمیلی که ایمیلها باید در اونجا ارسال بشن رو در قسمت To وارد کنین.
فیلد From باید شامل رشته زیر باشه:
[نام شما] <noreply@templatetesting.com>
که به جای templatetesting.com باید از نام دامنه خودتون استفاده کنین.
مطمئن شین که بقیه قسمتها رو با تگهای مربوطه پر کنین.
حالا به تب Messages میریم.
این تب شامل متن تمام پیامهایی هست که هنگام انجام اقدامات خاص با فرم میبینین، به عنوان مثال Sender’s message was sent successfully یا Validation errors occurred و… :
در نهایت تب Additional Settings این امکان رو میده که snippetهای سفارشی رو اونجا اضافه کنین.
بعد از اتمام پیکربندی فرم برای اعمال تغییرات، حتما روی دکمه Save کلیک کنین: