وقتی هفته نامه طراحی وب فارسی ایجاد و قرار شد هر هفته لینک ها معرفی شود، یک بخش کار ارسال خبرنامه بود. در ادامه در ارتباط با نحوه آماده سازی و ارسال ایمیل در این هفته نامه می خوانید.
طراحی
هدف از طراحی یک ساختار ساده و نزدیک به وب سایت و همانند آن متن های بزرگ برای راحت خواندن در نظر گرفته شد.
اسکچی که طرح بر مبنای آن آماده شد را می توانید در این آدرس مشاهده کنید.
قالب ایمیل واکنشگرا
این روزها استفاده از موبایل بیشتر و بیشتر می شود و افراد زیادی (از جمله خودمون) برای خواندن ایمیل ها از گوشی موبایلشون استفاده می کنند. به همین منظور تصمیم گرفتیم قالب ایمیلی آماده کنیم که در تمامی اندازه ها به خوبی نمایش داده شود.
برای انجام این کار ما از فریم ورک Ink که به منظور ایجاد ایمیل های واکنشگرا ایجاد شده استفاده کردیم. سورس قالب ایمیل را می توانید در این آدرس مشاهده و در صورت تمایل از آن استفاده نمائید.
برخی تجربیات در این رابطه:
- برای ایجاد قالب ایمیل باید از Table استفاده کنید
- استایل ها باید Inline باشد
- بدترین دشمن شما Gmail و Outlook است
- برخی کلاینت ها فونت های کاستوم را بارگذاری نمی کنند (مثل همین جیمیل)
- اندازه فونت ها در اپلیکیشن های Gmail و Inbox گوگل ریزتر از بقیه است
- از یک فریم ورک استفاده کنید چراکه بسیاری از مشکلات را برای شما حل می کنند
- منتظر تفاوت های عجیب غریب و عدم پشتیبانی زیاد از قابلیت های وب باشید
ارسال خبرنامه
ما برای مدیریت و ارسال خبرنامه ها از سرویس MailChimp استفاده می کنیم که در زمینه خودش جز بهترین ها در دنیا هست. این سرویس یک نسخه رایگان دارد که می تواند شامل 2هزار عضو و ارسال 12هزار ایمیل در ماه باشد.
ایمیل های ثبت شده در سایت به صورت خودکار در این سایت ثبت شده و هر هفته نیز خبرنامه را از طریق محیط مدیریت سایت برای اعضا ارسال می کنیم. همچنین آمار بسیار خوب و دقیقی از تعداد کلیک ها و ایمیل های باز شده نیز توسط این سرویس در اختیار شما قرار می گیرد.
ایجاد دستی ایمیل در هر هفته؟
یک مشکلی که ما با آن روبرو بودیم فرآیند دستی ایجاد و ارسال ایمیل در هر هفته بود. MailChimp یکسری API برای ارسال خودکار قرارداده ولی با توجه به ساختار وب سایت، استفاده از آن مقدور نیست. اما مشکل بزرگتر آماده کردن ایمیل براساس محتوای هر هفته بود.
برای حل این مشکل ما بعد از آماده سازی قالب ایمیل آن را به شکل یک Template برای Jekyll تعریف کردیم و هر هفته با ایجاد یک فایل ساده، کد خبرنامه ما براساس محتوای ایجاد شده توسط Jekyll ایجاد می شود. بطور مثال در این آدرس می توانید کد هفته نامه شماره 3 را مشاهده کنید.
جمع بندی
این اولین تجربه ما در ایجاد یک قالب ایمیل Responsive بود. با یک جستجو در اینترنت می توانید به منابع خوبی برای انجام این کار دست پیدا کنید. در صورت مشاهده مشکل می توانید با اعلام کلاینت مورد استفاده و یک تصویر در بخش Issues پروژه، به ما در بهبود این خبرنامه کمک کنید.
پی نوشت: این مطلب چندین ماه پیش نوشته شده و الان هفته نامه هر 2 هفته یکبار ارسال می شود.