وردپرس (wordpress)

آشنایی با فرم تماس ۷؛ نحوه نصب و تنظیمات افزونه Contact Form 7

برای ساخت فرم تماس و دیگر مدل های فرم های ارتباطی همیشه اولین پیشنهاد افزونه contact form 7 یا فرم تماس ۷ است. از این رو در این مقاله آموزش نصب و نحوه راه اندازی contact form 7 به صورت مرحله به مرحله در اختیار شما قرار گرفته است.

افزونه فرم تماس ۷ یا Contact Form 7 چیست ؟

این افزونه یکی از پرقدرت ترین افزونه های در ایجاد فرم تماس در وردپرس است. Contact Form 7 با بیش از ۵ میلیون دانلود یکی از بهترین افزونه های وردپرس، به حساب می‌آید.

برخی از قابلیت ها و مزایا افزونه فرم تماس ۷

پیش از آنکه بخواهیم درباره نحوه نصب و تنظیمات افزونه فرم تماس ۷ صحبت کنیم، برخی از قابلیت های این افزونه پر کاربرد را معرفی می کنیم:

  • ایجاد و مدیریت چندین فرم تماس
  • رایگان بودن آن
  • شخصی سازی فرم تماس ۷ به صورت آسان
  • ابزارهای ساده برای تغییر تنظیمات ایمیل فرم تماس ۷
  • افزودن فرم‌ها به صفحات دلخواه با استفاده از shortcode
  • پشتیبانی از ‌Aksimet spam filtering, Ajax-powered submitting و CAPTCHA
  • قابلیت اضافه کردن تعداد زیادی افزونه جهت افزایش کارایی

به شما پیشنهاد می شود برای کسب اطلاعات بیشتر مقاله ما با موضوع فناوری ajax چیست را مطالعه نمایید.

حالا بیایید با هم نگاهی به نحوه راه‌اندازی contact form 7 بیاندازیم.

نحوه نصب افزونه contact form 7

در ابتدا به نحوه نصب فرم تماس ۷ می پردازیم . برای نصب این افزونه در داشبورد وردپرس به بخش Plugins رفته و Add New را می‌زنیم.

نحوه نصب contact form 7

بعد در باکس جستجو عبارت Contact Form 7 را جستجو می‌کنیم. پس از اینکه نمایش داده شد ابتدا Install و سپس Active را می‌زنیم تا پلاگین، فعال شود. همچنین می توانید بصورت مستقیم پلاگین فرم تماس ۷ را از اینجا دانلود کنید و در افزونه های خود قرار دهید.

نصب و اکتیو نمودن پلاگین contact form 7

در بخش بعدی به آموزش کار با افزونه فرم تماس ۷ می پردازیم.

نحوه راه‌اندازی افزونه فرم تماس ۷

قرار گفتن گزینه contact در منو پنل کاربری وردپرس پس از نصب Contact Form 7

پس از نصب پلاگین contact form 7 حال نوبت تنظیمات فرم تماس ۷ در منو پنل کاربری وردپرس میرسد و گزینه ای با عنوان contact اضافه می شود. برای راه‌اندازی، به منوی Contact رفته، سپس Contact Form را باز کنید. در این بخش می‌توانید پنل اصلی مدیریت این پلاگین را مشاهده کرده و مدیریت فرم‌های مختلف را، انجام دهید.

 

 

 

همچنین فرم پیش فرض پلاگین با نام Contact Form 1 نیز در این بخش، قابل مشاهده و استفاده است.

نحوه راه‌اندازی پلاگین فرم تماس 7

فرم پیش فرض شامل تمام بخش‌های پایه مورد نیاز است. این فرم آماده استفاده بوده و می‌توانید به صفحات دلخواه خود، اضافه نمایید. همچنین می‌توانید برای ایجاد فرم دلخواه خود از گزینه Add New نیز، استفاده کنید.

هاست وردپرس

ایجاد یک فرم جدید در افزونه فرم تماس ۷

برای ایجاد یک فرم در افزونه فرم تماس ۷ قبل از هر چیزی برای آن یک اسم انتخاب کنید. قالب (template) شما نشان دهنده بخش‌های مختلفی است که در فرم، نمایش داده می‌شود.

قالب پلاگین فرم تماس 7

به صورت پیش فرض، Contact Form 7 تعدادی بخش را به فرم جدید، اضافه می‌کند. مواردی همچون اسم، ایمیل، عنوان، پیغام و ارسال از قبل اضافه شده‌اند. می‌شود گفت تقریبا تمامی آن‌ها کاربردی و قابل استفاده هستند.

در هر صورت با توجه به نیاز شما ممکن است که احتیاج داشته باشید تا بخش‌های بیشتری نیز به فرم اضافه کنید. برای این منظور از بخش بالای فرم، تگ (tag) مورد نظر خود را انتخاب کنید تا تگ مربوطه، به صورت خودکار در فرم ایجاد شود. به عنوان مثال، برای اضافه کردن یک بخش URL به فرم کافیست که همانند تصویر زیر روی گزینه URL، کلیک کنید.

اضافه کردن تگ به فرم تماس

اگر قصد اضافه کردن یک label را داشته باشید، می‌توانید از کد HTML که در تگ‌های قبلی استفاده شده و همراهی کننده تگ اصلی است، استفاده کنید. به عنوان مثال زمانی که روی کلید URL کلیک می‌کنیم پلاگین، یک تگ پیش ساخته [url url-935] را به فرم اضافه می‌کند. سپس ما می‌توانیم کد HTML را برای label به آن اضافه کنیم که خروجی کار، به شکل زیر خواهد بود:

<label> Your Website URL
        [url url-935] </label>

هم اکنون می‌توانید هر چقدر بخش مازاد که نیاز دارید به فرم اضافه کنید. فراموش نکنید که پس از اتمام کار حتما روی گزینه save کلیک کنید تا تغییرات ایجاد شده، ذخیره شوند.

طراحی سایت فروشگاهی

پیکربندی mail برای کنترل پیغام‌های ایمیل افزونه فرم تماس ۷

هر بخش اضافه‌ای که در فرم خود ایجاد می‌کنید، به صورت خودکار در بخش پیغام‌های قالب این فرم اضافه نمی‌شوند. به همین دلیل پس از اتمام شخصی سازی در بخش form به سراغ تب mail می‌رویم.

تب Mail در فرم تماس 7

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

برای تنظیمات ایمیل فرم تماس ۷ به بخش Message Body اسکرول کنید و تگی که قبلا در فرم استفاده کرده بودید را، وارد کنید. بدین شکل اطمینان حاصل می‌کنید که زمانی که ایمیلی توسط ‌contact form دریافت می‌کنید، تمامی اطلاعاتی که از ارسال کننده درخواست کرده بودید تا به اشتراک بگذارد را، دریافت خواهید کرد.

برای اضافه کردن یک بخش در قالب، کافی است که بخش‌های مد نظر را از قسمت form کپی و در اینجا قرار دهید. سپس می‌توانید متن خود را ما بین آن اضافه کنید. به عنوان نمونه به تصویر زیر توجه کنید:

تنظیمات message body در contact form 7

مجددا، حتما save را کلیک کنید!

هاست ایمیل

اضافه کردن افزونه فرم تماس ۷ در صفحه یا برگه

خب تا اینجا نحوه ایجاد فرم را، فرا گرفتیم. یک فرم ایجاد کنید و تنظیمات mail را انجام دهید. آخرین مرحله، اضافه کردن فرم ایجاد شده به یک صفحه یا برگه در وب‌سایت وردپرسی شما خواهدبود. به منوی contact رفته و contact forms را باز کنید. سپس short code مقابل فرم خود را، کپی کنید.

نمایش شورت کد در form contact 7

سپس پست یا برگه مد نظر خود را باز کنید. کد کپی شده را در بخشی از متن که قصد دارید نمایش داده شود، کپی کنید.

کپی کردن شورت کد contact form در محل مورد نظر در برگه یا نوشته

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

تغییر استایل فرم تماس ۷ چگونه است؟

در افزونه contact form 7 با استفاده از css می توان فرم سفارشی تعریف کرد و یا با قابلیت سفارشی سازی استایل که به طور پیش فرض در این افزونه قرار دارد، استایل فرم را تغییر داد و شخصی سازی فرم تماس ۷ را انجام دهید. روی add new کلیک کرده و در صفحه باز شده در بخش customstyle setting تغییرات دلخواه برای تغییر استایل فرم ۷ را وارد کنید.

امیدواریم با خواندن این مقاله با نحوه نصب راه اندازی و تنظیمات افزونه فرم تماس ۷ آشنا شده باشید.

با کارت بانکی باشگاه ایران هاست پولتان به حسابتان باز می گردد.

همین حالا رایگان عضو شوید

سیاوش غلامی

مدیر سرور ایران هاست - کارشناس ICT

‫۳ دیدگاه ها

  1. خیلی افزونش خوبه با افزونه های کمکی که داره خیلی سناریو ها رو میشه داخلش اجرا کرد ، البته افزونه gravity forms هم خوبه و زیبایی و شروط خاصی رو میشه در اون اجرا کرد.

  2. یکی از محبوب ترین افزونه های فرم تماس رو میشه contact form 7 نام برد، که با تغییر استایل فرم تماس ۷ میشه حتی از لحاظ زیبایی هم فرم متمایزی داشت

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

نوشته های مشابه

دکمه بازگشت به بالا