آموزش طراحی فرم المنتور و اتصال به میلر لایت

حتما تا به حال با سرویس های ایمیل مارکتینگ آشنایی داشته اید. سرویس های نظیر Mailerlite و Mailchimp که در حوزه ایمیل مارکتینگ فعالیت دارند. این سرویس ها دارای قابلیت های مختلفی از جمله میدریت ایمیل ها، ارسال ایمیل های تبلیغاتی و … می باشند.

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

در این آموزش قصد داریم تا با استفاده از ویجت فرم المنتور و اتصال به سرویس Mailerlite ایمیل کاربران را در این سرویس ذخیره کنیم.

به روش های مختلفی میتوان ایمیل را از کاربر دریافت کرد. قرار دادن فرم اشتراک خبرنامه در فوتر سایت، قرار دادن فرم ایمیل در وبلاگ، دانلود فایل در ازای دریافت ایمیل و … ولی تمامی این روش ها بستگی به نوع استراتژی شما در سایت دارد.

اما در این آموزش ما دانلود فایل در ازای دریافت ایمیل را با هم دیگه یاد میگیریم.

دانلود فایل در ازای دریافت ایمیل و اتصال به میلر لایت (Mailerlite)

طراحی فرم المنتور پاپ آپ

ابتدا از بخش قالب ها، افزودن جدید را بزنید.

بخوانید : آموزش طراحی فرم ورود (Login) پاپ آپ با استفاده از المنتور

در پنجره باز شده، نوع قالب را روی پاپ آپ قرار بدید. یک نام بنویسید و دکمه ایجاد قالب را بزنید.

می توانید از میان پاپ آپ های آماده یکی را انتخاب کرده و درج کنید. یا پاپ فرم را از ابتدا طراحی کنید.

خب اگر قصد طراحی از صفر را دارید از این مرحله همراه ما باشید.

خب به تنظمات پاپ آپ رفته عرض را روی 640 پیکسل و ارتفاع را روی 445 پیکسل قرار دهید.

یک ویجت آیکون قرار داده و آیکون دانلود را روی آن تنظیم کنید. همچنین یک ویجت سربرگ قرار دهید و محتوای آن را پر کنید.

ویجت فرم را در زیر این 2 ویجت قرار دهید.

حالا روی ویجت فرم کلیک کنید و به تنظیمات این ویجت برید. برای دریافت ایمیل نیازی به فیلد های نام، پیغام نداریم. پس این 2 فیلد را حذف می کنیم.

خب حالا فرم را سفارشی سازی کنید و کمی به آن استایل بدید. ما در اینجا شعاع دکمه را روی 50 درصد قرار داده ایم تا دکمه و فیلد ایمیل کمی گرد شوند.

اتصال فرم به میلر لایت

بعد از اعمال تغییرات، به تب اول یعنی محتوا رفته و تب واکنش بعد از ارسال را کلیک کنید. حالا در اینجا می خواهیم فرم ایمیل را به سرویس Mailerlite متصل کنیم.

روی بخش افزودن واکنش کلیک کنید. لیستی از سرویس ها و امکاناتی که می توان به فرم ایمیل المنتور متصل کرد را مشاهده می کنید. در بین لیست گزینه ریدایرکت و سریس Mailerlite را انتخاب کنید.

گزینه ریدایرکت برای ثبت لینک دانلود بعد از دریافت ایمیل و گزینه سرویس Mailerlite برای ذخیره ایمیل ارسال شده توسط کاربر می باشد.

خب بعد از اینکه این 2 گزینه را انتخاب کردید. 2 تب دیگر به همین نام ها به تنظیمات فرم المنتور اضافه خواهد شد.

روی تب ریدایرکت کلیک کرده و لینک دانلود فایل مورد نظرتون رو قرار دهید.

حالا روی تب سرویس Mailerlite کلیک کنید و گزینه کلید API را روی Custom قرار دهید. در قسمت کلید API سفارشی، کلید مخصوص به حساب کاربری خود در سایت Mailerlite را وارد کنید.

در انتها روی دکمه انتشار کلیک کرده و بدون هیچ شرطی روی دکمه ذخیره و بستن کلیک کنید.

دریافت کلید سفارشی از سایت Mailerlite

برای دریافت کلید API سرویس Mailerlite، ابتدا وارد حساب کاربری خود شده و در سمت راست روی پروفایل کلیک کنید. سپس در بین گزینه ها Integrations را بزنید.

سپس در مرحله بعد، در بخش MailerLite API بر روی سرویس Developer API کلیک کنید.

حالا در اینجا کلید API را کپی کرده و در بخش کلید سفارشی فرم المنتور وارد کنید.

بعد از اینکه کلید API را در فرم المنتور قرار دهید، لیست گروه های ایمیل شما نمایش داده می شود.

یکی از گروه هایی که قصد دارید ایمیل ها در آن ذخیره شود را انتخاب کنید و پاپ آپ را ذخیره کنید.

قرار دادن فرم پاپ آپ روی دکمه دانلود

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

سپس در روی آیکون آچار کلیک کنید و فیلد اول را روی باز کردن پاپ آپ قرار دهید.

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

سپس صفحه را ذخیره کنید. حالا با کلیک کردن روی دکمه دانلود، فرم پاپ آپ باز شده و در صورت وارد کردن ایمیل، فایل دانلود خواهد شد.

در آخر هم می تونید نمونه اجرا شده در سایت المنتور فارسی را مشاهده کنید.

اگر در اجرای این آموزش به مشکلی بر خوردید، از طریق بخش نظرات مطرح کنید.