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

چرا برای خبرنامه از Contact Form 7 استفاده کنیم؟
- عدم نیاز به نصب افزونههای سنگین
اکثر سایتهای وردپرسی از قبل افزونه فرم تماس ۷ را دارند. بنابراین نیازی به نصب اسکریپتهای سنگین جدید نیست. - کنترل کامل روی ظاهر (CSS)
شما میتوانید فرم را مطابق با طراحی قالب سایت خود استایلدهی کنید. - ذخیرهسازی امن در دیتابیس
با کمک افزونه مکمل Flamingo (که توسط خود سازنده فرم تماس ۷ طراحی شده)، تمام ایمیلها در پیشخوان وردپرس ذخیره میشوند و قابل استخراج هستند.
گام اول - نصب افزونههای مورد نیاز
برای اجرای این روش به دو افزونه نیاز دارید:
- افزونه Contact Form 7 (برای ایجاد ساختار و فیلدهای فرم)
- افزونه Flamingo (برای ذخیرهسازی ایمیلهای ثبتشده در دیتابیس وردپرس)
نکته: فرم تماس ۷ به صورت پیشفرض اطلاعات را در دیتابیس ذخیره نمیکند و فقط آنها را ایمیل میکند. وظیفه افزونه فلامینگو این است که لیست اعضا را در پیشخوان وردپرس ذخیره کند.
گام دوم - ساخت فرم خبرنامه و تنظیم فیلدها
پس از نصب و فعالسازی هر دو افزونه، از منوی پیشخوان وردپرس به بخش «فرم تماس» > «افزودن جدید» بروید. یک عنوان (برای مثال «فرم خبرنامه») برای آن انتخاب کنید.
در بخش ویرایشگر فرم، تمام کدهای پیشفرض را پاک کنید و کد بهینهشده زیر را قرار دهید:
|
1 2 3 4 5 6 7 8 9 10 11 |
<div class="cf7-newsletter-wrapper"> <div class="cf7-newsletter-field"> [text your-name placeholder "نام شما (اختیاری)"] </div> <div class="cf7-newsletter-field"> [email* your-email placeholder "ایمیل خود را وارد کنید..."] </div> <div class="cf7-newsletter-submit"> [submit "عضویت در خبرنامه"] </div> </div> |
نکته در مورد نام فیلدها
نام فیلدها را روی your-name و your-email نگه دارید. افزونه Flamingo به صورت هوشمند این دو نام استاندارد را شناسایی میکند و بدون نیاز به هیچ تنظیم اضافهای، نام و ایمیل کاربران را در دفترچه تلفن خود ثبت میکند. همچنین اگر میخواهید نرخ عضویت بالاتر برود، میتوانید فیلد نام را به کلی حذف کنید تا کاربر فقط با وارد کردن ایمیل عضو شود.
گام سوم - جلوگیری از ارسال ایمیل به مدیر
Contact Form 7 به طور پیشفرض به ازای هر بار پر شدن فرم، یک ایمیل به مدیر سایت میفرستد. در فرمهای خبرنامه که ممکن است روزانه دهها نفر در آن عضو شوند، دریافت این ایمیلها مزاحم است و منابع سرور را هم درگیر میکند (چون اطلاعات در فلامینگو ذخیره میشود، نیازی به ایمیل نداریم).
برای غیرفعال کردن ارسال ایمیل در این فرم خاص، در همان صفحه ویرایش فرم به سربرگ «تنظیمات اضافی» (Additional Settings) بروید و کد زیر را در آن قرار دهید:
|
1 |
skip_mail: on |
همچنین پیشنهاد میشود در سربرگ «پیامها» (Messages)، متن اولین گزینه (پیام موفقیتآمیز بودن ارسال) را به جملهای متناسب با خبرنامه تغییر دهید. مثلا چیزی شبیه این متن «ایمیل شما با موفقیت در خبرنامه ثبت شد. از همراهی شما سپاسگزاریم!»
گام چهارم - زیباسازی و تکخطی کردن فرم با CSS
اگر شورتکد (Shortcode) فرم را در فوتر یا سایدبار سایت قرار دهید، فیلدها زیر هم نمایش داده میشوند. برای اینکه فرم خبرنامه ظاهری مدرن و تکخطی (کنار هم) بگیرد، کد CSS زیر را به بخش «نمایش» > «سفارشیسازی» > «CSS اضافی» قالب خود اضافه کنید:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 |
.cf7-newsletter-wrapper { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; max-width: 600px; margin: 0 auto; } .cf7-newsletter-field { flex: 1 1 200px; } .cf7-newsletter-field input { width: 100%; padding: 10px 15px; border: 1px solid #ddd; border-radius: 6px; font-size: 14px; box-sizing: border-box; } .cf7-newsletter-submit input { background-color: #2563eb; color: #ffffff; border: none; padding: 11px 24px; border-radius: 6px; cursor: pointer; font-size: 14px; transition: background 0.3s ease; } .cf7-newsletter-submit input:hover { background-color: #1d4ed8; } /* مخفی کردن اسپینر پیشفرض برای جلوگیری از به هم ریختن ظاهر */ .cf7-newsletter-submit .wpcf7-spinner { display: none; } |
گام پنجم - مشاهده و خروجی گرفتن از ایمیلها
هر زمان که کاربری فرم خبرنامه را پر کند، اطلاعات او در بخش فلامینگو ذخیره میشود. برای دسترسی به لیست ایمیلها و استفاده از آنها در پنلهای ایمیل مارکتینگ:
- در پیشخوان وردپرس به منوی «Flamingo» > «دفترچه آدرس» ( یا پیامهای ورودی) بروید.
- از فیلتر بالای صفحه، نام فرم خبرنامه خود را انتخاب کنید و دکمه «صافی» را بزنید.
- روی دکمه «برونبری» (Export) کلیک کنید تا تمام ایمیلها در قالب یک فایل استاندارد
CSVدانلود شوند.
چطور ایمیلهای خبرنامه را ارسال کنیم؟
توجه داشته باشید که روش گفته شده تنها برای جمعآوری بهینه ایمیلها است و وردپرس ابزار مناسبی برای ارسال ایمیل گروهی نیست (زیرا باعث بلاک شدن IP هاست و رفتن ایمیلها به پوشه اسپم میشود).
برای ارسال خبرنامه به ایمیلهای جمعآوری شده دو راه پیش رو دارید:
- روش دستی
فایل CSV استخراج شده از فلامینگو را در سرویسهای ایمیل مارکتینگ ایرانی (مثل نجوا، پاکت یا میلچی) یا خارجی (مثل Mailchimp یا Brevo) آپلود کنید و کمپین ایمیلی خود را بفرستید. - روش خودکار
بسیاری از سرویسهای ایمیل مارکتینگ و افزونههای رابط (مثل CF7 to Webhook یا افزونههای اختصاصی Mailchimp for CF7) این امکان را میدهند که فرم تماس ۷ را از طریق API به پنل ایمیل مارکتینگ خود وصل کنید تا به محض ثبتنام کاربر، ایمیل او بدون نیاز به خروجی دستی، وارد لیست مخاطبان شما شود و ایمیل خوشآمدگویی دریافت کند.
سلام مطالب تون عالی بود. ببخشید بعد اینکه از طریق عضویت ایمیل های کاربران جمع کردیم برای اینکه اطلاعات خبر نامه بهشون ایمیل بشه باید چیکار کرد؟؟
با سلام
جهت ارسال ایمیل یا باید هاست مناسب ارسال ایمیل خریداری نمایید و اسکریپتهای خبرنامه را روی آن نصب کنید
یا از سرویسهای آنلاین ارسال خبرنامه به صورت رایگان و تجاری استفاده کنید
سلام با گرویتب فرم میشه یه همچین چیزی ساخت؟ قالبم فلتسامع
با سلام
بله حتما قابل انجام است ولی میبایست تجربه و آشنایی لازم با این افزونه را داشته باشید