كيفية إرسال HTML مخصص مع Gmail

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

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

وقد دفع هذا التغيير المستخدمين إلى استكشاف طرق بديلة لإرسال رسائل بريد إلكتروني مخصصة بتنسيق HTML عبر Gmail، وهو ما سنتعمق فيه في هذه المقالة.

انتقل إلى أحد الأقسام هنا، أو اقرأ الدليل الكامل:

• إرسال رسائل بريد إلكتروني مخصصة بتنسيق HTML عبر Gmail
• نسخ HTML المقدم مباشرة إلى Gmail
• قيود استخدام قوالب HTML المخصصة
• رسائل البريد الإلكتروني ذات النص العادي مقابل رسائل البريد الإلكتروني بتنسيق HTML
• أرسل رسائل بريد إلكتروني مخصصة بتنسيق HTML باستخدام Mailmeteor!

إرسال رسائل بريد إلكتروني مخصصة بتنسيق HTML عبر Gmail

يستخدم Gmail محرر ما تراه هو ما تحصل عليه (WYSIWYG)، مما يعني أن إرسال كود HTML الأولي مباشرةً ليس خيارًا قابلاً للتطبيق. لأن المستلم سيرى بالفعل كود HTML الأولي بدلاً من المستند المعروض.

على سبيل المثال، قم بإلقاء نظرة على قالب البريد الإلكتروني الوهمي هذا.

لقد مر وقت كان بإمكانك فيه إنشاء شيء كهذا مباشرة في Gmail، ولكن إذا حاولت نسخ كود HTML ولصقه في محرر Gmail، فهذا ما يحدث:

نظرًا لأن Gmail يستخدم محرر WYSIWYG، فإن هذا يؤدي إلى حصول المستلم على ما تراه هنا بالضبط، وهو بريد إلكتروني ليس أكثر من كود HTML مكتوب بنص عادي:

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

نسخ HTML المقدم مباشرة إلى Gmail

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

1. قم بإعداد كود HTML الخاص بك
   • افتح محرر نصوص مثل Notepad (Windows) أو TextEdit (Mac).
   • اكتب أو الصق كود HTML الخاص بك في محرر النصوص. يمكن أن يتضمن هذا الرمز نصًا وصورًا وروابط وتنسيقات، تمامًا مثل صفحة الويب القياسية ولكن مع بعض القيود التي سنناقشها لاحقًا.
   • احفظ الملف بامتداد ".html"، مثل "template.html".
2. المعاينة في متصفح الويب
   • انقر نقرًا مزدوجًا فوق ملف HTML الذي أنشأته للتو لفتحه في متصفح الويب الافتراضي لديك. سيؤدي هذا إلى عرض بريدك الإلكتروني تمامًا كما سيظهر للمستلم.
   • يمكنك العودة إلى محرر النصوص وتغيير المحتويات إذا كنت ترغب في ذلك، فقط تذكر حفظ الملف بعد إكمال تغييراتك، وتحديث صفحة المتصفح لتحديث تغييراتك.
3. حدد الكل وانسخ
   • في المتصفح، اضغط على Ctrl+A (Windows) أو Cmd+A (Mac) لتحديد كل المحتوى الموجود في البريد الإلكتروني بتنسيق HTML.
   • بعد ذلك، اضغط على Ctrl+C (في Windows) أو Cmd+C (في Mac) لنسخ المحتوى المحدد. يمكنك أيضًا النقر بزر الماوس الأيمن وتحديد نسخ من القائمة.
4. لصق في Gmail
   • افتح Gmail وابدأ في إنشاء بريد إلكتروني جديد.
   • انقر فوق نص البريد الإلكتروني حيث تريد إدراج محتوى البريد الإلكتروني بتنسيق HTML الخاص بك. لا يمكنك إدراج HTML في سطر الموضوع، لذا فإن خيارك الوحيد هو نص البريد الإلكتروني.
   • الآن، اضغط على Ctrl+V (في نظام Windows) أو Cmd+V (في نظام Mac) للصق المحتوى الذي نسخته من المتصفح. أو يمكنك النقر بزر الماوس الأيمن وتحديد "لصق" من القائمة.
   • يجب أن يتم لصق البريد الإلكتروني بتنسيق HTML مباشرةً في محرر Gmail، ويجب أن تراه معروضًا كما في الصورة أدناه.
5. أرسل البريد الإلكتروني
   • أكمل بريدك الإلكتروني بالموضوع والمستلم وأي نص أو عناصر إضافية.
   • انقر فوق الزر "إرسال"، وسيتم تسليم بريدك الإلكتروني بتنسيق HTML المخصص إلى المستلم.

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

استخدام ملحق متصفح محرر HTML

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

توفر هذه الملحقات، المتوفرة على نطاق واسع للمتصفحات الشائعة مثل Google Chrome، وسيلة للمستخدمين ذوي الخبرة لكتابة كود HTML وتحريره يدويًا قبل إرسال بريدك الإلكتروني عبر Gmail. يعد محرر HTML المجاني لـ Gmail من cloudHQ أحد الخيارات الأكثر شيوعًا لمستخدمي Chrome.

ما عليك سوى تثبيت الامتداد، والتوجه إلى Gmail الخاص بك للوصول إلى محرر HTML ذو الشاشة المقسمة حيث يمكنك إجراء التغييرات وعرض تأثيراتها مباشرة، كل ذلك من خلال حساب Gmail الخاص بك.

قيود استخدام قوالب HTML المخصصة

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

قل وداعًا للخطوط!

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

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

يجب أن تكون الصور مستضافة بشكل عام

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

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

لا يوجد دعم لأوراق الأنماط الخارجية

لن تعمل أوراق الأنماط الخارجية في بريدك الإلكتروني. إذا كنت بارعًا في استخدام CSS، ففكر في استخدام CSS المضمنة والأنماط المضمنة لتحقيق التنسيق والتصميم المطلوبين لبريدك الإلكتروني.

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

التزم بالتخطيطات المستندة إلى الجدول

في حين أن الكثير من HTML الحديثة تستخدم عناصر <div> للتخطيطات والتصميم، فإن رسائل البريد الإلكتروني لا تزال تستخدم التخطيطات القديمة الجيدة المستندة إلى الجدول. لذا، إذا كنت بحاجة إلى إنشاء أي عناصر شبكة أو مربعات، فستحتاج إلى القيام بذلك باستخدام علامات الجدول المختلفة مثل <table> ، <tr> ، و`<td>.

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

رسائل البريد الإلكتروني ذات النص العادي مقابل رسائل البريد الإلكتروني بتنسيق HTML

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

دعونا نسلط الضوء على الفروق الرئيسية بين تنسيقي البريد الإلكتروني هذين:

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

أرسل رسائل بريد إلكتروني مخصصة بتنسيق HTML باستخدام Mailmeteor!

Mailmeteor هي أداة قوية لتسويق البريد الإلكتروني تعمل على تبسيط عملية إرسال رسائل بريد إلكتروني مخصصة بتنسيق HTML إلى عدة مستلمين عبر Gmail. تتكامل هذه الوظيفة الإضافية المفيدة بسلاسة مع Gmail وجداول بيانات Google لتتيح لك إنشاء رسائل بريد إلكتروني مخصصة وإرسالها بسهولة.

• تخصيص البريد الإلكتروني: قم بإنشاء رسائل بريد إلكتروني مخصصة للغاية باستخدام علامات الدمج المخصصة من البيانات الموجودة في جداول بيانات Google، أو استخدام نظام الويب الأساسي مع حقول مثل الأسماء أو تفاصيل الشركة أو أي متغير مخصص آخر.
• محرر قوالب HTML: استفد من محرر HTML المتميز وقم بإدراج البيانات المخصصة مباشرة في قوالب البريد الإلكتروني الخاصة بك.
• تتبع البريد الإلكتروني: تتبع رسائل البريد الإلكتروني الخاصة بك بعد مغادرتها صندوق البريد الخاص بك، ومعرفة ما إذا كان المستلمون يفتحونها وإجراء اختبارات أ/ب مع تعليقات موثوقة.
• مكتبة النماذج: قم بالوصول إلى مكتبة قوالب البريد الإلكتروني المصممة مسبقًا أو قم بإنشاء قوالب بريد إلكتروني بتنسيق HTML خاصة بك لاستخدامها في حملاتك.