قالب HTML لنشرتك البريدية
الرسالة النصية العادية تكفي لملاحظة سريعة، لكن النشرة البريدية أو العرض أو رسالة الترحيب تحتاج عادةً إلى أكثر من ذلك: شعارك، وصورة، وزر واضح. هذه هي رسالة HTML. تبدو كصفحة ويب صغيرة، لكنها تُبنى بقواعد مختلفة تمامًا، لأن برامج البريد أكثر تشددًا بكثير من المتصفحات. إليك ما يحتويه القالب الجيد وكيف تجهّزه.
لماذا البريد ليس صفحة ويب
Gmail وOutlook وApple Mail وتطبيقات الهاتف، كل منها يعرض HTML بشكل مختلف قليلًا، وكثير منها يتجاهل كود الويب الحديث. لهذا تُبنى الرسائل بالطريقة القديمة:
- جداول للتخطيط، لا تخطيطات الويب الحديثة.
- أنماط مكتوبة على كل عنصر، لأن برامج كثيرة تحذف أقسام الأنماط.
- خطوط النظام، لأن خطوط الويب المخصصة كثيرًا ما لا تُحمَّل.
- لا سكربتات ولا نماذج ولا فيديو. برامج البريد لا تشغّلها. استخدم بدلًا منها صورة أو زرًا يقود إلى الفيديو أو النموذج.
أجزاء الرسالة الجيدة
- سطر المعاينة: النص القصير الذي يظهر بجانب الموضوع في صندوق الوارد. إنه سطر موضوعك الثاني، فلا تُهدره على «اعرض في المتصفح».
- الترويسة: شعارك، صغيرًا ومرتبطًا بموقعك.
- العنوان والصورة الرئيسية: موضوع الرسالة من نظرة واحدة.
- نص قصير: فقرتان أو ثلاث على الأكثر.
- زر رئيسي واحد: «تسوّق المجموعة»، «احجز طاولة». الزر المصنوع كرابط يعمل في كل مكان.
- التذييل: اسم الشركة، والعنوان، ووسائل التواصل، ورابط إلغاء الاشتراك.
العرض والهواتف
العرض المعتاد نحو 600 بكسل، وهو يناسب شاشة الحاسوب ولوحة القراءة في معظم البرامج. وعلى الهاتف، يجب أن يتحول التخطيط إلى عمود واحد، بنص كبير بما يكفي للقراءة وأزرار كبيرة بما يكفي للنقر. أكثر من نصف الرسائل تُفتح على الهواتف، فراجع نسخة الهاتف أولًا.
الصور والنص البديل
بعض البرامج تحجب الصور حتى يسمح بها القارئ. اكتب نصًا بديلًا لكل صورة، كي تبقى الرسالة مفهومة من دونها، ولا تضع نصًا مهمًا داخل صورة فقط. واستخدم فقط الصور التي يحق لك استخدامها. تُرفع الصور إلى خدمة المراسلات أو إلى موقعك، وتشير الرسالة إلى عناوينها.
رابط إلغاء الاشتراك
تشترط خدمات المراسلات والقواعد في دول كثيرة وجود طريقة سهلة لإلغاء الاشتراك في كل رسالة تسويقية. وتحتوي القوالب عادةً على عنصر نائب تستبدله برابط إلغاء الاشتراك أو الوسم الخاص بخدمتك.
كيف تجهّز المحتوى
- موضوع الرسالة ومن سيستلمها.
- الحقائق: الأسعار والتواريخ والرموز الترويجية، كما هي بالضبط.
- إلى أين يقود كل زر: عناوين الصفحات كاملة.
- بيانات التذييل كما يجب أن تظهر بالضبط.
- الألوان والأسلوب، أو رسالة تعجبك كتلميح.
اختبر قبل الإرسال
أرسل الرسالة إلى نفسك في Gmail وOutlook وعلى الهاتف. انقر على كل رابط وكل زر، وراجع سطر المعاينة، وانظر إلى الرسالة والصور معطّلة.
باختصار
رسالة HTML الجيدة تستخدم الجداول والأنماط المضمّنة، وعرضها نحو 600 بكسل، وتتحول إلى عمود واحد على الهاتف، وفيها زر واحد واضح وتذييل سليم. وإن فضّلت ألا تبنيها بنفسك، فاطلب رسالة HTML: تصف الرسالة والعرض وإلى أين تقود الأزرار، وتحصل على أرشيف فيه HTML جاهز وصور مرسومة لها، تستوردها إلى Mailchimp أو Brevo أو أي خدمة مراسلات أخرى. ولا يُحرَّر المبلغ إلا بعد قبولك العمل.