آموزش ساخت فرم تماس با افزونه Contact Form 7

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

 

معرفی افزونه Contact Form 7

افزونه Contact Form 7 یکی از محبوب‌ترین و کاربردی‌ترین افزونه‌های وردپرس برای ایجاد فرم‌های تماس است. این افزونه توسط Takayuki Miyoshi توسعه یافته و از زمان انتشار اولیه‌اش در سال ۲۰۰۷ تاکنون، میلیون‌ها بار دانلود و نصب شده است. این افزونه به شما کمک می‌کند تا به راحتی و بدون نیاز به دانش برنامه‌نویسی، فرم‌های تماس مختلفی را ایجاد و آن‌ها را مطابق میل خود شخصی‌سازی کنید. افزونه Contact Form 7 با قابلیت‌های فراوان و انعطاف‌پذیری بالایی که دارد، می‌تواند به عنوان ابزار اصلی ساخت فرم‌های تماس در وردپرس به کار گرفته شود. این افزونه فیلدهای مختلفی را مثل متن، ایمیل، شماره تماس، چک‌باکس، رادیو باتن و … پشتیبانی می‌کند و به شما کمک می‌کند تا فرم‌هایی متناسب با نیاز خود طراحی کنید.

 

اهمیت فرم‌های تماس در سایت‌ها

امروزه، رقابت بین کسب و کارها از فضای واقعی وارد فضای مجازی شده است؛ به همین خاطر ارتباط مستقیم و مؤثر با مشتریان یکی از کلیدهای موفقیت هر کسب‌وکار اینترنتی است. فرم‌های تماس یکی از اصلی‌ترین ابزارهای ایجاد ارتباط با مشتری هستند. در این قسمت از مقاله می‌خواهیم بررسی کنیم که فرم‌هایی تماس از چه جهت اهمیت دارند و چه کارهایی انجام می‌دهند:

افزایش نرخ تبدیل بازدیدکننده به مشتری: فرم‌ تماس به کاربر این امکان را می‌دهد که به سادگی با شما ارتباط برقرار کند. این ارتباط، نرخ تبدیل بازدیدکنندگان به مشتریان را افزایش می‌دهد؛ زیرا کاربران به راحتی می‌توانند سؤالات خود را بپرسند یا مشورت بگیرند.

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

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

بهبود تجربه‌ی کاربری: یکی از مزیت‌های فرم‌‌های تماس این است که به کاربر این امکان را می‌دهند تا بدون نیاز به جستجو در سایت، به سرعت راه ارتباط با شما را شناسایی کنند. این موضوع باعث می‌شود تا مشتری تجربه‌ی کاربری بهتری داشته باشد و ترغیب شود تا دوباره به سایت شما مراجعه کند.

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

 

مزیت‌های افزونه Contact Form 7

افزونه Contact Form 7 به دلیل مزیت‌های که دارد، یکی از محبوب‌ترین افزونه‌ها برای ساخت فرم‌های تماس محسوب می‌شود. برخی از مزایای این افزونه عبارت‌اند از:

 

۱) سفارشی‌سازی کامل فرم‌ها

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

 

۲) پشتیبانی از reCAPTCHA

یکی از مشکلات متداول در فرم‌های تماس، اسپم‌ها و هرزنامه‌هایی است که توسط ربات‌ها ارسال می‌شود. افزونه Contact Form 7 از سرویس reCAPTCHA گوگل پشتیبانی می‌کند. reCAPTCHA به شما کمک می‌کند فرم‌های خود را از اسپم و حملات ربات‌ها حفظ کنید. با این ویژگی دیگر می‌توانید اطمینان داشته باشید که فقط پیام‌های واقعی از طرف کاربران واقعی دریافت می‌کنید.

 

۳) ارسال ایمیل‌های سفارشی

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

 

۴) پشتیبانی از افزونه‌های جانبی

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

 

۵) پشتیبانی از چندین زبان و ترجمه

افزونه Contact Form 7 از چندین زبان زنده‌ی دنیا پشتیبانی می‌کند و شما می‌توانید فرم‌های خود را به زبان‌های مختلف ایجاد کنید. این ویژگی به درد سایت‌هایی می‌خورد که مخاطبان بین‌المللی دارند.

 

۶) قابلیت همگام‌سازی با سرویس‌های ایمیل مارکتینگ

یکی از مزایای بزرگ Contact Form 7 این است که می‌توانید آن را با سرویس‌هایی مثل MailChimp یا Constant Contact همگام‌سازی کنید. این قابلیت به شما کمک می‌کند تا ایمیل‌های کاربران را جمع‌آوری کنید و آن‌ها را به لیست‌های ایمیل خود بیفزایید.

 

 آموزش نصب افزونه Contact Form 7

شما به دو صورت می‌توانید افزونه Contact Form 7 نصب کنید:

 

 ۱- نصب افزونه از مخزن وردپرس:

– برای نصب افزونه Contact Form 7، ابتدا وارد پنل مدیریت وردپرس خود شوید.

– سپس از پیشخوان وردپرس، بخش «افزونه‌ها» را بیابید و گزینه‌ی «افزودن» را انتخاب کنید.

– در نوار جستجوی موجود در قسمت بالای صفحه، عبارت “Contact Form 7” را سرچ کنید.

– پس از یافتن افزونه، گزینه‌ی «هم‌اکنون نصب کن» را انتخاب کنید.

– پس از نصب افزونه، گزینه «فعال‌سازی» نمایش داده می‌شود. روی این گزینه کلیک کنید تا افزونه فعال شود.

 

 ۲- نصب دستی افزونه:

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

– نام افزونه Contact Form 7 را در گوگل سرچ کنید و فایل آن را دانلود نمایید.

– به پنل مدیریت وردپرس خود بروید و از بخش «افزونه‌ها» گزینه‌ی «افزودن» را انتخاب کنید. سپس با کلیک روی گزینه‌ی «بارگذاری افزونه» فایل zip دانلود شده را آپلود کنید.

– پس از آپلود، روی دکمه «هم‌اکنون نصب کن» کلیک کنید و سپس با انتخاب گزینه‌ی «فعال‌سازی»، افزونه را به کار بیندازید.

 

آموزش ایجاد فرم تماس با Contact Form 7

پس از نصب و فعال‌سازی افزونه، گزینه‌ی «فرم‌های تماس» به پیشخوان وردپرس شما اضافه می‌شود.

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

 

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

نکته! ستاره (*) در این بخش نشان‌دهنده‌ی اجباری بودن آن فیلد است. یعنی در صورتی که کاربر این فیلد را خالی بگذارد، نمی‌تواند فرم را ثبت کند.

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

 

روی علامت + کلیک کنید و کد کوتاه را انتخاب نمایید. حالا کدی که کپی کرده بودید را در کادر مربوطه وارد کنید.

 

کار دیگری که می‌توانید بکنید این است که «مرور کردن همه» را انتخاب کنید و با اسکرول کردن منو، از بخش ابزارک‌ها، «فرم تماس» را پیدا کنید و از این طریق فرم تماس خود را به وجود آورید.

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

 

چنین برگه‌ای مشاهده خواهید کرد.

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

 

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

 

این صفحه مربوط به گزینه‌‌ی متن تک خطی است. نام فیلد جدید خود را انتخاب کنید. اگر اطلاعات این فیلد اجباری است گزینه‌ی «زمینه الزامی» را تیک بزنید.

 

حالا یک فیلد جدید برای شما نمایش داده می‌شود؛ اما همان‌طور که می‌بینید تیتر ندارد. برای ایجاد تیتر باید بالای شورت کد یک تگ لیبل ایجاد کنید، تیتر موردنظر را وارد کنید و سپس تگ لیبل خود را ببندید.

 

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

 

برای این کار لازم است که نام هر فیلد را از قسمت فرم کپی کنید. سپس وارد تب «ایمیل» شوید و آن را در متن ایمیل خود قرار دهید.

 

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

نکته! مواردی که کمرنگ هستند مواردی است که از آن‌ها در ایمیل خود استفاده کرده‌اید و موارد پر رنگ مواردی است که در ایمیل از آن‌ها بهره نبرده‌اید.

 

بعد از اینکه متن ایمیل خود را به طور کامل نوشتید روی گزینه‌ی «ذخیره» کلیک کنید.

خیلی از سایت‌ها بعد از پر کردن فرم، یک ایمیل تشکر برای کاربر ارسال می‌کنند و اعلام می‌کنند که در اسرع وقت با آن‌ها تماس خواهند گرفت. برای این کار از پایین صفحه «ایمیل ۲» را فعال کنید و مانند کادرهای بالا متن ایمیل را مطابق میل خود تغییر دهید.

 

همان‌طور که می‌بینید در تب «پیام»، پیام‌های مختلفی مشاهده می‌شود. این قسمت نشان می‌دهد که دقیقاً چه پیامی در موقعیت‌های مختلف برای کاربر نمایش داده می‌شود که شما می‌توانید از این بخش آن‌ها را تغییر دهید.

 

در تب «تنظیمات اضافی» هم می‌توانید با توجه به شرایطی که در لینک آبی رنگ قرار دارد، یک سری تنظیمات اضافی را برای فرم تماس خود اعمال کنید.

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

 

افزونه‌های مکمل Contact Form 7

اگر نیاز به امکانات پیشرفته‌تری دارید، می‌توانید از افزونه‌های مکمل استفاده کنید. برخی از این افزونه‌های مکمل عبارت‌اند از:

 

– افزونه‌ی Flamingo‌

افزونه Flamingo یک افزونه جانبی برای Contact Form 7 است که به شما این امکان را می‌دهد تا پیام‌های ارسالی از طریق فرم‌های تماس را در دیتابیس وردپرس ذخیره کنید. با نصب این افزونه می‌توانید تمام فرم‌های دریافتی را در داشبورد وردپرس مشاهده و مدیریت کنید.

 

– افزونه‌ی Contact Form 7 Conditional Fields

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

 

– افزونه‌‌ی Contact Form 7 Multi-Step Forms

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

 

– افزونه‌ی Contact Form 7 Style

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

 

 

ایجاد فرم تماس خود را به دموتیک بسپارید!

ما در این مقاله تمام مراحل ایجاد یک فرم تماس را برایتان توضیح دادیم. با طی کردن این مراحل می‌توانید یک فرم تماس برای خود ایجاد کنید؛ اما راه دیگری هم وجود دارد. شما می‌توانید این کار را به متخصصان مجموعه‌ی ما بسپارید و زمان خود را صرف کارهایی کنید که نمی‌توانید برون‌سپاری کنید. ما ابتدا انتظار و اهداف شما را از داشتن فرم تماس بررسی می‌کنیم. سپس افزونه‌های مکملی که برای دستیابی به این انتظارات و اهداف لازم است را با افزونه contact form 7 ادغام می‌کنیم و در نهایت به خلق فرمی مطابق با نیازهای شما می‌پردازیم. دموتیک با اتکا به تجربه‌های مثبت خود در زمینه‌ی ایجاد فرم تماس، می‌تواند یک فرم کاربرپسند برای شما بسازد. برای تجربه‌ی داشتن یک فرم تماس کاربردی همین الان با تیم خدمات دموتیک تماس بگیرید. اگر هم به هر دلیل قصد دارید خودتان این فرم را ایجاد کنید، می‌توانید از طریق کامنت‌ها هر سؤالی که برایتان پیش آمد را مطرح کنید تا متخصصان تیم ما به محض بررسی، به آن پاسخ دهند.

 

نتیجه‌گیری

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