افزونه «فرم تماس ۷» یا «Contact Form 7» یکی از قدیمیترین، محبوبترین و سادهترین افزونههای فرمساز برای وردپرس است. با بیش از ۵ میلیون نصب فعال، این افزونه به شما امکان میدهد تا فرمهای تماس ساده و کاربردی را بدون نیاز به دانش کدنویسی ایجاد کنید. در این آموزش، مراحل ساخت و افزودن یک فرم تماس به سایتتان را با استفاده از این افزونه بررسی میکنیم.
گام اول: نصب و فعالسازی افزونه
ابتدا باید افزونه Contact Form 7 را نصب کنید. برای این کار به پیشخوان وردپرس رفته، از منوی «افزونهها»، «افزودن» را انتخاب کنید. در کادر جستجو عبارت «Contact Form 7» را تایپ کرده، افزونه را نصب و سپس فعال نمایید. پس از فعالسازی، یک گزینه جدید به نام «فرم تماس» به منوی پیشخوان شما اضافه میشود.
گام دوم: ساخت یا ویرایش فرم
با کلیک بر روی منوی «فرم تماس»، لیستی از فرمهای موجود را مشاهده خواهید کرد. این افزونه به صورت پیشفرض یک فرم نمونه با نام «فرم تماس ۱» ایجاد میکند. میتوانید روی آن کلیک کرده و آن را ویرایش کنید یا با کلیک بر روی دکمه «افزودن» در بالای صفحه، یک فرم جدید بسازید.
در صفحه ویرایش فرم، چهار تب اصلی وجود دارد:
- فرم: در این بخش، ساختار HTML فرم خود را مشخص میکنید. میتوانید فیلدهای مختلفی مانند نام، ایمیل، وبسایت، متن پیام، منوی کشویی، چکباکس و... را با استفاده از دکمههای بالای ویرایشگر اضافه کنید. هر فیلد با یک «برچسب فرم» یا «Form-tag» مشخص میشود. برای مثال، فیلد نام به صورت `[text* your-name]` نمایش داده میشود.
- ایمیل: در این تب، الگوی ایمیلی که پس از پر شدن فرم برای شما ارسال میشود را تنظیم میکنید. میتوانید مشخص کنید که ایمیل به چه آدرسی ارسال شود، عنوان آن چه باشد و محتوای آن چگونه از مقادیر وارد شده در فرم (با استفاده از همان برچسبهای فرم) تشکیل شود.
- پیامها: در این بخش میتوانید پیامهای مختلفی که به کاربر نمایش داده میشود (مانند پیام موفقیتآمیز بودن ارسال یا خطای اعتبارسنجی) را سفارشیسازی کنید.
- تنظیمات اضافی: برای افزودن کدهای سفارشی یا فعال کردن حالتهای خاص مانند حالت فقط مشترکین کاربرد دارد.
پس از انجام تنظیمات دلخواه، روی دکمه «ذخیره» کلیک کنید.
گام سوم: افزودن فرم به صفحه
پس از ذخیره کردن فرم، افزونه یک «کد کوتاه» یا «Shortcode» منحصربهفرد به شما میدهد. این کد چیزی شبیه به `[contact-form-7 id="123" title="Contact form 1"]` است. این کد کوتاه را کپی کنید.
حالا به صفحهای بروید که میخواهید فرم تماس در آن نمایش داده شود (مثلاً صفحه «تماس با ما»). صفحه را در حالت ویرایش باز کنید. اگر از ویرایشگر بلوک گوتنبرگ استفاده میکنید، یک بلوک «کد کوتاه» اضافه کرده و کد را در آن قرار دهید. اگر از ویرایشگر کلاسیک استفاده میکنید، کافی است کد کوتاه را مستقیماً در ویرایشگر متن جایگذاری کنید. صفحه را بهروزرسانی یا منتشر کنید. اکنون با مراجعه به آن صفحه در سایت خود، فرم تماس را مشاهده خواهید کرد.