كيفية إنشاء رسائل بريد إلكتروني بتنسيق HTML

إنشاء رسائل بريد إلكتروني بتنسيق HTML ليس بالأمر الصعب كما يبدو. لست بحاجة إلى أن تكون مطورًا ، ولا تحتاج حقًا إلى معرفة كيفية البرمجة.

إذا سبق لك استخدام محرر البريد الإلكتروني WYSIWYG (ما تراه هو ما تحصل عليه) ، فقد قمت بالفعل بإنشاء بريد إلكتروني بتنسيق HTML. تتكون كل وحدة من الوحدات التي تقوم بسحبها وإفلاتها من HTML و CSS المضمنة ، مما يحدد كيف يجب أن تبدو عناصر البريد الإلكتروني المختلفة وتتصرف.

لذا ، إذا كانت معظم برامج تحرير البريد الإلكتروني تتيح لك التصميم باستخدام أدوات السحب والإفلات ، فلماذا تحتاج إلى معرفة أي HTML لإنشاء رسائل بريد إلكتروني؟

سؤال جيد.

بينما يمنحك معظم محرري البريد الإلكتروني قدرًا لا بأس به من التحكم داخل الوحدات النمطية ، فلن تتمكن من تعديل كل جانب أساسي من جوانب بريدك الإلكتروني. ستحتاج على الأرجح إلى HTML لتعديل أشياء مثل:

• حجم الخط
• نص بديل
• الحدود
• الهوامش
• حشوة
• حجم الصورة
• الألوان

هل استخدمت محرر البريد الإلكتروني في Twilio SendGrid ؟ يتيح لك إنشاء رسائل بريد إلكتروني بمزيج من وحدات السحب والإفلات وتحرير HTML. تمنحك قوة التحرير والسرد من هذا القبيل تحكمًا كاملاً في شكل ومظهر رسائل البريد الإلكتروني الخاصة بك ، مما يضمن تجربة علامة تجارية متسقة من الدرجة الأولى في كل رسالة.

لحسن الحظ ، لا يعد ترميز بريد إلكتروني بتنسيق HTML أمرًا صعبًا للغاية. أدناه ، سنقدم لك النصائح ومعرفة بنية البريد الإلكتروني التي تحتاجها لإنشاء رسائل بريد إلكتروني أفضل.

5 نصائح لترميز بريد إلكتروني بتنسيق HTML

يعد ترميز بريد إلكتروني بتنسيق HTML أمرًا بسيطًا نسبيًا ، ولكن عملاء البريد الإلكتروني وصناديق البريد الإلكتروني يمكن أن يكون صعبًا. اتبع أفضل الممارسات هذه لضمان ظهور رسائلك بشكل رائع ، بغض النظر عن عميل المستلمين أو متصفحهم أو جهازهم.

1. اجعل رسائل البريد الإلكتروني تستجيب

يفتح المستلمون رسائل البريد الإلكتروني عبر مختلف أنظمة التشغيل والأجهزة وأحجام الشاشات والمتصفحات وتطبيقات البريد الإلكتروني. سيعرض كل عامل من هذه العوامل بريدك الإلكتروني بشكل مختلف ، لذا فإن مهمتك هي التأكد من أن بريدك الإلكتروني مستجيب ويعمل على النحو المنشود في معظم صناديق البريد الوارد.

يمكنك العثور على الكثير من قوالب البريد الإلكتروني سريعة الاستجابة ، ولكن المهمة تكون أكثر تعقيدًا عند كتابة رمز بريد إلكتروني بتنسيق HTML من البداية. إليك بعض الأشياء التي ستساعد في جعل رسائلك الإلكترونية أكثر استجابة:

• تضمين استعلامات الوسائط: تتيح لك استعلامات الوسائط تعديل قوالب البريد الإلكتروني الخاصة بك إلى أجهزة مختلفة.
• استخدم عمودًا واحدًا: قد يكون من السهل قراءة رسائل البريد الإلكتروني المكونة من عمودين على سطح المكتب ، ولكن يمكن أن تصبح كثيفة بعض الشيء على الأجهزة المحمولة.
• زيادة حجم الخط: لا تقلل من حجم الخط الذي يحتوي على 13 أو 14 نقطة.
• تباعد الروابط الخاصة بك: لا تريد أن ينقر القراء بطريق الخطأ على الرابط الخطأ لأن روابطك كانت قريبة جدًا من بعضها.
• إضافة علامات بديلة: تصف علامات Alt صورك في حالة فشل تحميل الصور.

2. أضف الصور باعتدال

الصور هي إضافات رائعة لحملات البريد الإلكتروني الخاصة بك ، ولكن احرص على عدم المبالغة في استخدامها. يمكن أن يؤدي وجود عدد كبير جدًا من الصور إلى إطالة أوقات التحميل وتجعل من الصعب عرض رسائل البريد الإلكتروني.

استخدم صورًا أصغر يتم تحميلها بشكل أسرع ولا تشغل الشاشة بأكملها. أضف أيضًا عناصر تحجيم سريعة الاستجابة مثل "العرض" و "العرض الأقصى" لضمان تحميل صورك بشكل صحيح على كل جهاز وعميل بريد إلكتروني.

3. حافظ على البساطة

تذكر الغرض من البريد الإلكتروني الخاص بك. يضيع العديد من مصممي البريد الإلكتروني في عالم الفن والإبداع ، متناسين الهدف العام للبريد الإلكتروني - وهو ليس جني الأموال.

أولاً ، تريد أن يفتح الأشخاص رسائل البريد الإلكتروني الخاصة بك. بعد ذلك ، تريد منهم النقر واتخاذ إجراء. قد يكون ذلك لزيارة موقع الويب الخاص بك ، أو قراءة منشور مدونة ، أو إجراء عملية شراء ، أو الاشتراك في حدث.

اجعل الأمور بسيطة. قدِّم قيمة للمستلمين ، واجذبهم بالمحتوى ، ثم وجههم نحو دعوتك إلى العمل. هذا هو. في معظم الأحيان ، كل شيء آخر زغب.

عند إضافة عناصر HTML مختلفة إلى بريدك الإلكتروني ، اسأل نفسك السؤال: "هل يساعد هذا البريد الإلكتروني في تحقيق الغرض منه؟" إذا لم يكن كذلك ، فقم بإلغائه من تصميم بريدك الإلكتروني.

4. استخدم قوالب البريد الإلكتروني المنشأة مسبقًا

يمكنك العثور على قوالب بريد إلكتروني بتنسيق HTML معدة مسبقًا مع كل ما تحتاجه لإرسال حملة ممتازة. لقد قامت القوالب بالفعل بالعمل الشاق لإنشاء تصميم بريد إلكتروني سريع الاستجابة وحسن المظهر.

إذا أعجبك قالب بريد إلكتروني ولكنك غير راضٍ عنه بنسبة 100٪ ، يمكنك غالبًا تنزيل HTML وإجراء التعديلات التي تريدها. يمكن أن تكون هذه طريقة ممتازة لتحرير البريد الإلكتروني لأولئك الجدد على HTML.

5. اختبر رسائل البريد الإلكتروني الخاصة بك

لا ترسل بريدًا إلكترونيًا أبدًا دون اختباره أولاً. تتمثل الطريقة القديمة للقيام بذلك في إرسال بريد إلكتروني تجريبي إلى عناوين بريد إلكتروني مختلفة (عبر عملاء البريد الإلكتروني) ومحاولة فتحه على أجهزة مختلفة. إذا كان هذا يبدو وكأنه الكثير من الوقت الضائع والصداع ، فأنت على حق.

لحسن الحظ ، هناك طريقة أفضل هذه الأيام.

تم دمج أداة اختبار البريد الإلكتروني الخاصة بـ Twilio SendGrid مع محرر التصميم الخاص بك ، مما يساعدك في استكشاف المشكلات وإصلاحها من تطبيق واحد. سيساعدك هذا في معرفة كيفية عرض بريدك الإلكتروني عبر العملاء والمتصفحات والأجهزة. على سبيل المثال ، يمكنك أن ترى كيف سيبدو بريدك الإلكتروني على جهاز محمول باستخدام Gmail وسطح المكتب باستخدام Outlook.

يمكن أن تساعدك أدوات اختبار البريد الإلكتروني أيضًا في العثور على الروابط والأزرار المعطلة والمحتوى غير المرغوب فيه ومشكلات التنسيق.

هيكل البريد الإلكتروني بتنسيق HTML

تحتوي رسائل البريد الإلكتروني بتنسيق HTML على بنية بسيطة:

• نوع الوثيقة
• رأس
• الجسم

نوع الوثيقة

استخدم <! DOCTYPE> لإخبار المتصفح بما يمكن توقعه - في هذه الحالة ، سيكون بريدًا إلكترونيًا بتنسيق HTML.

رأس

استخدم قسم الرأس لتضمين عناصر مثل التصميم والحجم والنص التعريفي.

الجسم

استخدم النص الأساسي للعناصر المرئية لبريدك الإلكتروني ، مثل النصوص والصور والجداول والروابط وما شابه.

قالب بريد إلكتروني مع كود HTML

فيما يلي مثال على قالب بريد إلكتروني برمز HTML. يمكنك عرض كيفية عرض قالب البريد الإلكتروني للنشرة الإخبارية للسفر عبر أجهزة سطح المكتب والكمبيوتر اللوحي والأجهزة المحمولة.

مثل ما ترى؟ انقر فوق "تنزيل النموذج" ، وسنرسل لك نسخة من كود HTML إلى صندوق الوارد الخاص بك. يمكنك بعد ذلك نسخ / لصق الرمز في محرر تصميم البريد الإلكتروني الخاص بك لاستيراد النموذج وتخصيصه لعلامتك التجارية وحملتك.

تحقق من قوالب البريد الإلكتروني الأخرى من Twilio SendGrid

هل تريد المزيد من قوالب البريد الإلكتروني؟ محظوظ بالنسبة لك ، لدينا معرض مليء بهم . سواء كنت بحاجة إلى رسالة إخبارية أو إعادة تعيين كلمة المرور أو قالب تذكير بالمواعيد ، فإن معرض القوالب المجاني لدينا يحتوي على كل شيء.

بالإضافة إلى ذلك ، فإن هذه التصميمات سريعة الاستجابة ، مما يضمن ظهور بريدك الإلكتروني بشكل رائع عبر العملاء والمتصفحات والأجهزة. أوه ، وهل ذكرنا أن القوالب مجانية؟

ابدأ في إنشاء رسائل بريد إلكتروني بتنسيق HTML أفضل اليوم باستخدام قالب تم إنشاؤه مسبقًا.