ممتاز. لدي الآن ما يكفي من البيانات لكتابة مقال مدونة شامل ومستند بشكل جيد. دعني أنشئ المقالة.
يبدأ دليل تصميم البريد الإلكتروني في Mailchimp من هنا. التصميم الجيد ليس مجرد زينة. إنه الفرق بين حملة تحقق تحويلات وأخرى تُحذف قبل الانتقال الثاني.
حملات التسويق عبر البريد الإلكتروني لها متوسط عائد استثمار قدره 36 مرة، مما يعني أن الشركات تكسب 36 دولاراً مقابل كل دولار تنفقه. لكن هذا العائد يعتمد بالكامل على ما إذا تم فتح رسائلك الإلكترونية وقراءتها والعمل بناءً عليها. الخيارات التصميمية التي تتخذها داخل Mailchimp تحدد جميعها.
يغطي هذا الدليل كل جوانب دليل تصميم البريد الإلكتروني في Mailchimp: من أبعاد التخطيط والطباعة إلى أزرار الحث على اتخاذ إجراء ونسب الصور وتحسين الهاتف المحمول وأدوات التصميم بالذكاء الاصطناعي في Mailchimp. سواء كنت تبني من قالب أو تكتب HTML مخصص، فهذه هي القرارات التي تحرك المقاييس.
النقاط الأساسية
يأتي ما بين 50 و60% من فتح رسائل البريد الإلكتروني من أجهزة الهاتف المحمول في عام 2024، مما يجعل التصميم الموجه للجوال متطلباً أساسياً وليس ترقية اختيارية.
تم تصميم قوالب Mailchimp بحيث لا تزيد عن 600 بكسل عرض لتناسب إمكانيات عرض معظم عملاء البريد الإلكتروني.
التصميم الجيد للبريد الإلكتروني يدور حول الهرمية البصرية: يجب أن يعرف القراء في غضون ثوان ما يجب أن يفعلوه، مع عنوان أساسي واحد وتباعد واضح وخطوط قابلة للقراءة وموضع واضح للحث على الإجراء وتخطيط صديق للهاتف المحمول.
قاعدة 60/40 (60% نص و40% صور) هي الإرشادات الأكثر قبولاً على نطاق واسع لنسبة الصورة إلى النص، حيث يعترف SpamAssassin، أحد أكثر أنظمة الكشف عن البريد المزعج استخداماً، بأنها حد أساسي عام.
يسمح لك Brand Kit في Mailchimp بحفظ وتحديث شعاراتك والخطوط والألوان وشخصية العلامة التجارية حتى تتمكن أدوات الذكاء الاصطناعي من إنشاء رسومات وتخطيطات على العلامة التجارية بسرعة لرسائلك الإلكترونية وتدفقات الأتمتة.
1. ابدأ كل تصميم بهدف واضح
قبل أن تفتح قالباً وتبدأ التصميم، خذ خطوة للخلف وحدد ما تريد تحقيقه. هل تقود حركة المرور إلى منشور مدونة؟ تشجيع المستقبلين على التسوق من مجموعتك الأخيرة؟ الترويج لحدث؟ يجب أن يؤثر هدفك على كل قرار تصميمي تتخذه، من رأس البريد الإلكتروني إلى نداء الإجراء النهائي. عندما يتوافق تصميمك مع هدف واحد مركز، ستكون رسالة التسويق عبر البريد الإلكتروني أوضح وأكثر جاذبية.
هذا هو المكان الذي تخطئ فيه معظم حملات Mailchimp. محاولة قول كل شيء في رسالة واحدة هي عادة أسرع طريقة لتقليل النقرات.
ممتاز. لدي الآن ما يكفي من البيانات لكتابة مقال مدونة شامل ومستند بشكل جيد. دعني أنشئ المقالة.
يبدأ دليل تصميم البريد الإلكتروني في Mailchimp من هنا. التصميم الجيد ليس مجرد زينة. إنه الفرق بين حملة تحقق تحويلات وأخرى تُحذف قبل الانتقال الثاني.
حملات التسويق عبر البريد الإلكتروني لها متوسط عائد استثمار قدره 36 مرة، مما يعني أن الشركات تكسب 36 دولاراً مقابل كل دولار تنفقه. لكن هذا العائد يعتمد بالكامل على ما إذا تم فتح رسائلك الإلكترونية وقراءتها والعمل بناءً عليها. الخيارات التصميمية التي تتخذها داخل Mailchimp تحدد جميعها.
يغطي هذا الدليل كل جوانب دليل تصميم البريد الإلكتروني في Mailchimp: من أبعاد التخطيط والطباعة إلى أزرار الحث على اتخاذ إجراء ونسب الصور وتحسين الهاتف المحمول وأدوات التصميم بالذكاء الاصطناعي في Mailchimp. سواء كنت تبني من قالب أو تكتب HTML مخصص، فهذه هي القرارات التي تحرك المقاييس.
النقاط الأساسية
يأتي ما بين 50 و60% من فتح رسائل البريد الإلكتروني من أجهزة الهاتف المحمول في عام 2024، مما يجعل التصميم الموجه للجوال متطلباً أساسياً وليس ترقية اختيارية.
تم تصميم قوالب Mailchimp بحيث لا تزيد عن 600 بكسل عرض لتناسب إمكانيات عرض معظم عملاء البريد الإلكتروني.
التصميم الجيد للبريد الإلكتروني يدور حول الهرمية البصرية: يجب أن يعرف القراء في غضون ثوان ما يجب أن يفعلوه، مع عنوان أساسي واحد وتباعد واضح وخطوط قابلة للقراءة وموضع واضح للحث على الإجراء وتخطيط صديق للهاتف المحمول.
قاعدة 60/40 (60% نص و40% صور) هي الإرشادات الأكثر قبولاً على نطاق واسع لنسبة الصورة إلى النص، حيث يعترف SpamAssassin، أحد أكثر أنظمة الكشف عن البريد المزعج استخداماً، بأنها حد أساسي عام.
يسمح لك Brand Kit في Mailchimp بحفظ وتحديث شعاراتك والخطوط والألوان وشخصية العلامة التجارية حتى تتمكن أدوات الذكاء الاصطناعي من إنشاء رسومات وتخطيطات على العلامة التجارية بسرعة لرسائلك الإلكترونية وتدفقات الأتمتة.
1. ابدأ كل تصميم بهدف واضح
قبل أن تفتح قالباً وتبدأ التصميم، خذ خطوة للخلف وحدد ما تريد تحقيقه. هل تقود حركة المرور إلى منشور مدونة؟ تشجيع المستقبلين على التسوق من مجموعتك الأخيرة؟ الترويج لحدث؟ يجب أن يؤثر هدفك على كل قرار تصميمي تتخذه، من رأس البريد الإلكتروني إلى نداء الإجراء النهائي. عندما يتوافق تصميمك مع هدف واحد مركز، ستكون رسالة التسويق عبر البريد الإلكتروني أوضح وأكثر جاذبية.
هذا هو المكان الذي تخطئ فيه معظم حملات Mailchimp. محاولة قول كل شيء في رسالة واحدة هي عادة أسرع طريقة لتقليل النقرات.
قبل بناء أي شيء، أجب عن ثلاثة أسئلة:
ما هو الإجراء الوحيد الذي أريده من القارئ أن يتخذه؟
من بالضبط يتلقى هذا البريد الإلكتروني؟
كيف يبدو النجاح لهذا الإرسال؟
يجب أن تخدم قرارات التصميم المتبقية، بما فيها التخطيط والصور وطول النسخة، تلك الإجابات. لا شيء آخر.
2. أساسيات التخطيط: العرض والهيكل واختيار العمود
يجب أن يكون عرض بريدك الإلكتروني HTML في أي مكان من 600 إلى 800 بكسل، حيث تدعم العديد من عملاء البريد الإلكتروني نافذة معاينة ليست واسعة جداً. في الممارسة العملية، تم تصميم قوالب Mailchimp بحيث لا تزيد عن 600 بكسل عرض لتناسب إمكانيات عرض معظم عملاء البريد الإلكتروني، وهذا هو الافتراضي الأكثر أماناً لأقصى توافق في العرض.
التخطيط الذي تختاره يحدد أساس بريدك الإلكتروني بالكامل. يعمل التخطيط بعمود واحد بشكل جيد لعرض أجهزة الهاتف المحمول ويحافظ على التصميم بسيطاً، بينما يمكن للتصميم متعدد الأعمدة عرض منتجات أو ميزات متعددة في وقت واحد.
إليك كيفية الاختيار بينهما:
عمود واحد: الأفضل للنشرات الإخبارية والإعلانات والرسائل الإلكترونية للتوعية وأي محتوى يكون ترتيب القراءة مهماً فيه. يتم عرضه بشكل نظيف على جميع أحجام الشاشة.
متعدد الأعمدة: يعمل بشكل جيد لشبكات المنتجات ومقارنات الميزات أو جمع المحتوى المنسق. يتطلب الاختبار على الهاتف المحمول حيث أن التصميمات متعددة الأعمدة عادة ما تنقسم عبر الشاشات الصغيرة للأجهزة المحمولة.
الهرمية المعلوماتية مهمة جداً. يجب أن تكون تفاصيل الحدث والمحتوى الحرج دائماً في الأعلى وبارزة في الحجم. إذا كان موجوداً، يجب تحديد نداء الإجراء بوضوح وسهولة التمييز في نظرة واحدة.
البساطة مهمة. لا تصمم بريداً إلكترونياً كما تفعل مع موقع ويب. بشكل عام، كلما كان بريدك الإلكتروني أقصر، كان أدائه أفضل.
3. الطباعة: الخطوط والحجم وسهولة القراءة
الطباعة هي واحدة من أكثر الرافعات غير المُقدَّرة في تصميم البريد الإلكتروني. تقلل اختيارات الخط السيئة من سهولة القراءة وتؤدي إلى تقويض الانطباع المهني الذي تحتاجه علامتك التجارية لتقديمه.
الطباعة مهمة. حجم الخط وعائلة الخط يحدثان فرقاً كبيراً في سهولة القراءة. من المهم أن يكون لديك "خطافك" في الجزء العلوي من البريد الإلكتروني، حيث قد لا يقوم عملاء البريد الإلكتروني للهاتف المحمول بتنزيل الرسالة بالكامل.
لنص الجسم قابل للقراءة على الهاتف المحمول، يُنصح بحد أدنى لحجم الخط بحجم 16 بكسل. توصي Apple بـ 17 إلى 22 بكسل؛ توصي Google بـ 18 إلى 22 بكسل. وجد دليل Mailchimp المرجعي أن 16 بكسل Georgia كانت قابلة للقراءة وفعالة.
قواعد الطباعة العملية لرسائل Mailchimp الإلكترونية:
استخدم خطوط آمنة للويب (Arial و Georgia و Helvetica و Verdana) للنص الأساسي لضمان العرض عبر جميع عملاء البريد الإلكتروني.
حدد نفسك بحد أقصى عائلتي خطوط: واحدة للعناوين وواحدة لنص الجسم.
اضبط ارتفاع السطر على 1.4 إلى 1.6 مرة من حجم الخط للقراءة المريحة.
لا تضمن أبداً نصاً حرجاً داخل الصور. إذا تم حظر الصور، فإن هذا النص يختفي بالكامل.
استخدم خطوط آمنة للويب بحجم وسمك واضحين لجعل زر الحث على الإجراء سهل القراءة وجذاباً.
4. الصور: كيفية استخدامها دون الإضرار بالتسليم
تجعل الصور رسائل البريد الإلكتروني أكثر جاذبية، لكن يجب استخدامها بقصد.
الصور هي طريقة ممتازة لجعل المحتوى أكثر جاذبية وجاذبية واحترافية. ومع ذلك، استخدم الصور لتقوية رسالتك وليس لتشتيت الانتباه عنها.
قاعدة 60/40 في الممارسة
بالنسبة لرسائل البريد الإلكتروني للتسويق أو الترويج، النسبة المقترحة هي 60% نص إلى 40% صورة. يوازن هذا بين الجاذبية البصرية والتسليم، باستخدام نسخة مقنعة مدعومة بصور منتجات قوية. بالنسبة للنشرات الإخبارية، يُنصح بنسبة 70% نص إلى 30% صورة، حيث تأتي القيمة الأساسية من المحتوى المكتوب بينما تخدم الصور لتحسين وتقسيم النص.
الاختبار مقابل 23 من أكثر مرشحات البريد المزعج شيوعاً وجد أنه إذا كانت الرسالة الإلكترونية تحتوي على 500 حرف أو أكثر، فإن نسبة المحتوى إلى الصورة لا تؤثر على التسليم. أي أن الحفاظ على توازن صحي لا يزال ممارسة ذكية، خاصة للجماهير B2B ومستخدمي Outlook.
قواعد الصور الرئيسية في Mailchimp:
أضف دائماً نص بديل وصفي. عدم توفير نص بديل وصفي يجعل بريدك الإلكتروني غير متاح عند حظر الصور أو للمستخدمين الذين يعتمدون على قارئات الشاشة.
احفظ الصور تحت 200 كيلوبايت. تستغرق الصور الكبيرة وقتاً أطول للتحميل وتأكل بيانات قيمة.
تجنب رسائل البريد الإلكتروني التي تحتوي على صور فقط. يظل البريد الإلكتروني المكون بالكامل من الصور علماً أحمر كبيراً للتسليم، إلى حد كبير بسبب المخاوف بشأن الالتفاف حول المرشحات النصية، بالإضافة إلى تشكيل تحديات في إمكانية الوصول وسوء تجربة المستخدم.
يعرض معظم عملاء البريد الإلكتروني الآن الصور بشكل افتراضي. وجدت Litmus أن جميع عملاء البريد الإلكتروني للهاتف المحمول يسمحون بالصور بشكل افتراضي بعد اختبار واسع النطاق للتنزيلات التلقائية للصور.
5. أزرار نداء الإجراء: خيارات التصميم التي تحفز النقرات
زر نداء الإجراء الخاص بك هو أهم عنصر وظيفي في أي بريد إلكتروني في Mailchimp. كل شيء آخر في التصميم موجود لإحضار القارئ إلى تلك النقرة.
بدون نداء إجراء فعال، لا يعرف العملاء ما يجب عليهم فعله بمجرد فتح بريدك الإلكتروني. يمكن لأزرار البريد الإلكتروني تشجيع المشتركين على اتخاذ إجراء، مما يعيدهم إلى موقعك على الويب حيث يمكنهم التحويل.
صمم أزرار نداء الإجراء التي تبرز وتحفز النقرات. استخدم الألوان المتناقضة والكلمات الفعلية المقنعة التي توضح بوضوح ما يحدث عندما ينقر المشتركون. أبق على أزرار نداء الإجراء بسيطة وموجهة نحو الإجراء من خلال التركيز على إجراء أساسي واحد لكل بريد إلكتروني لتجنب الخلط بين جمهورك وتخفيف رسالتك.
بالنسبة للجوال، يكون حجم الزر مهماً أكثر مما يدرك معظم المسوقين. يجب أن تكون أهداف اللمس لنداء الإجراء، مثل الأزرار، حد أدنى 46 بكسل مربع. توصي Apple بـ 44 بكسل مربع؛ توصي Google بـ 48 بكسل مربع.
مبادئ تصميم نداء الإجراء الإضافية:
تحميل أزرار HTML أسرع وتعرض في جميع العملاء، حتى عند إيقاف الصور، مما يجعل بريدك الإلكتروني أكثر فعالية لأن المستخدمين سيرون نداء الإجراء الخاص بك ويعرفون ما يجب فعله بعد ذلك.
يجب أن يكون نداء الإجراء الخاص بك عبارة عن بضع كلمات فقط لإخبار العملاء بالضبط ما يجب عليهم فعله.
ضع نداء الإجراء الأساسي أعلى الطية حيثما أمكن. يجب أن يكون زر نداء الإجراء مرئياً دون التمرير.
على الهاتف المحمول، فكر في جعل أزرار نداء الإجراء المهمة تمتد على طول البريد الإلكتروني بالكامل، لتغطي القراء الذين يستخدمون يدهم اليمنى واليسرى.
للمزيد حول كتابة سطور الموضوع التي تجعل الناس يصلون إلى نداء الإجراء في المقام الأول، اقرأ دليلنا حول أفضل ممارسات سطر موضوع البريد الإلكتروني التي تعزز معدلات الفتح بنسبة 27%.
6. التصميم الموجه للجوال في Mailchimp
تمثل عملاء الهاتف المحمول 41.6% من فتح رسائل البريد الإلكتروني، تليها فتح بريد الويب بنسبة 40.6% وفتح سطح المكتب بنسبة 16.2%. التصميم الموجه لسطح المكتب أولاً ثم التكيف مع الهاتف المحمول هو نهج معكوس يكلفك الانخراط.
أهمية تصميم البريد الإلكتروني المتوافق مع الهاتف المحمول بالغة الأهمية لنجاح حملات التسويق عبر البريد الإلكتروني. مع فتح معظم رسائل البريد الإلكتروني الآن على أجهزة الهاتف المحمول، فإن التأكد من أن رسائلك الإلكترونية تبدو جيدة على الهاتف المحمول ليس مجرد توصية، بل إنه ضرورة.
ترى الشركات زيادة بنسبة 15% في نقرات الهاتف المحمول عند إنشاء تصميم بريد إلكتروني سريع الاستجابة.
قائمة التحقق من التصميم الموجه للجوال لحملات Mailchimp:
استخدم تخطيطات عمود واحد كبنية افتراضية.
اضبط أحجام الخطوط الدنيا على 16 بكسل لنص الجسم.
استخدم أزرار نداء إجراء بعرض كامل على الهاتف المحمول بحيث يمكن النقر عليها بأي من اليد.
احتفظ بسطور الموضوع تحت 40 حرفاً. تعرض أجهزة سطح المكتب 60 حرفاً من سطر موضوع البريد الإلكتروني. يحصل المشتركون الذين يستخدمون الهواتف الذكية على رؤية ما بين 25 و30 حرفاً، لذا ضع المعلومات الأساسية أولاً.
يمنح رأس البريد الإلكتروني المقنع القراء سبباً إضافياً للنقر ويرشدهم بسلاسة إلى مقدمة المحتوى. يزيد إضافة رأس البريد من معدلات الفتح بنسبة 13.72%.
باستخدام Mailchimp، يمكنك بسهولة معاينة رسائلك الإلكترونية للتأكد من أنها تبدو جيدة عبر عملاء بريد ويب وهاتف محمول مختلفين باستخدام أداة معاينة الصندوق الوارد المدمجة قبل الإرسال.
7. استخدام Brand Kit وأدوات التصميم بالذكاء الاصطناعي في Mailchimp
دمجت Mailchimp الذكاء الاصطناعي في سير عمل التصميم بطريقة مفيدة حقاً للفرق بدون مصممين متخصصين.
يسمح لك Brand Kit في Mailchimp بحفظ وتحديث شعاراتك والخطوط والألوان وشخصية العلامة التجارية. يستخدم الذكاء الاصطناعي والموارد في مجموعة العلامات التجارية الخاصة بك لإنشاء رسومات وتخطيطات أنيقة وعلى العلامة التجارية بسرعة لرسائلك الإلكترونية ومنشورات وسائل التواصل الاجتماعي وتدفقات الأتمتة والمزيد.
الذكاء الاصطناعي في الخلفية كبير. يدخل المستخدم ببساطة عنوان URL الخاص بموقعه على الويب في Content Studio في Mailchimp، ويقوم الذكاء الاصطناعي تلقائياً باكتشاف وتحليل وتصنيف جميع عناصر العلامة التجارية القابلة للاكتشاف. تلتقط الخدمة الشعارات والألوان الأساسية وأزواج الألوان الخلفية والنص والخطوط وأنماط الخطوط والصور الأساسية ودليل أسلوب الموقع الكامل بما في ذلك أنماط الأزرار وأنماط التنقل والعلاجات الخلفية.
للحصول على تعليقات حول النسخ والتصميم، يحلل Content Optimizer، المدعوم بتقنية مشابهة لـ ChatGPT، نسختك وتصميمك ويقدم اقتراحات لتحسين سهولة القراءة والنبرة ونداء الإجراء.
فيما يتعلق بما يتعامل معه الذكاء الاصطناعي بشكل جيد: يمكن للمساعد الإبداعي بناء بريد إلكتروني دعوة ندوة عبر الويب في حوالي 4 دقائق مقابل 25 دقيقة للبناء من الصفر. التخطيط الذي ينشئه الذكاء الاصطناعي عادة ما يكون جاهزاً بنسبة 80%، مع الحاجة فقط إلى تعديل صورة الرأس ولون زر نداء الإجراء. يواجه صعوبات مع تخطيطات معقدة متعددة الأعمدة ورسائل بريد إلكترونية للتجارة الإلكترونية بشبكات منتجات ديناميكية وأي شيء يتطلب HTML أو CSS مخصصة.
للحفاظ على علامة تجارية متسقة في صناديق الوارد لجمهورك، من المهم أن يكون لديك قالب بريد إلكتروني تستخدمه لحملاتك. مجموعة Brand Kit القوية مقترنة بمجموعة صغيرة من القوالب القابلة لإعادة الاستخدام تلغي عدم التسق الذي ينتج عن بناء كل حملة من الصفر.
للحصول على نظرة أعمق على التخصيص بعيداً عن التصميم، اطلع على دليلنا حول تقنيات تخصيص البريد الإلكتروني السبع التي تعزز التحويلات بنسبة 47%.
8. الاختبار والمعاينة والإرسال بثقة
عمل التصميم لا ينتهي عندما تنقر على الحفظ. ستبدو الحملات التي تصممها في Mailchimp دائماً مختلفة قليلاً عند عرضها في صناديق وارد المستقبلين. يعرض عملاء البريد الإلكتروني المختلفون والأجهزة رسائل البريد الإلكتروني HTML وفقاً لمحركات العرض الفردية الخاصة بهم.
قبل إرسال بريد إلكتروني، اختبر محتواك حتى لا ترسل رسائل بريد إلكترونية بيانات مفقودة أو روابط مكسورة. تساعد أدوات المعاينة والاختبار في Mailchimp على ضمان تحميل صورك بشكل صحيح وأن جميع الارتباطات التشعبية والأزرار تعمل. أرسل رسائل بريد إلكترونية اختبار قليلة لنفسك للتأكد من أن كل شيء يبدو كما تريد.
قائمة التحقق قبل الإرسال:
معاينة على سطح المكتب والهاتف المحمول باستخدام معاينة الصندوق الوارد في Mailchimp.
أرسل رسالة بريد إلكترونية اختبار لنفسك وجهاز واحد على الأقل آخر.
تحقق من جميع الروابط، خاصة أزرار نداء الإجراء.
تحقق من عرض الصور بشكل صحيح ووجود نص بديل.
أكد أن نص سطر الموضوع ورأس البريد يبدوان صحيحين في كلا العملاء.
تحقق من أنك تجنبت جميع الأحرف الكبيرة وعلامات التعجب الكثيرة والكلمات أو العبارات الصارخة، التي تبحث عنها مرشحات البريء المزعج.
ما هو عرض البريد الإلكتروني الموصى به لقوالب Mailchimp؟
تم تصميم قوالب Mailchimp بحيث لا تزيد عن 600 بكسل عرض لتناسب إمكانيات عرض معظم عملاء البريد الإلكتروني. بينما يمكنك توسيع قالب بشكل أوسع، هذا هو المعيار الذي يتم عرضه بشكل موثوق عبر Gmail و Outlook و Apple Mail وعملاء الهاتف المحمول.
هل يجب أن أستخدم تخطيطات عمود واحد أم متعددة الأعمدة في Mailchimp؟
هذا يعتمد على نوع محتواك. يعمل التخطيط بعمود واحد بشكل جيد لعرض أجهزة الهاتف المحمول ويحافظ على التصميم بسيطاً، بينما يمكن للتصميم متعدد الأعمدة عرض منتجات أو ميزات متعددة في وقت واحد. بالنسبة لمعظم حالات الاستخدام، عمود واحد هو الافتراضي الأكثر أماناً لأنه يتم عرضه بشكل متوقع على كل حجم شاشة.
ما هو حجم الخط الذي يجب أن أستخدمه في رسائل Mailchimp الإلكترونية للهاتف المحمول؟
يُنصح بحد أدنى لحجم الخط بحجم 16 بكسل للهاتف المحمول. توصي Apple بـ 17 إلى 22 بكسل وتوصي Google بـ 18 إلى 22 بكسل. أي شيء أصغر من 16 بكسل يتطلب من المستخدمين القرص والتكبير، مما يقلل بشكل كبير من الانخراط.
كيف أحافظ على اتساق العلامة التجارية عبر حملات Mailchimp الإلكترونية؟
احفظ شعاراتك والخطوط والألوان وشخصية العلامة التجارية في Brand Kit في Mailchimp. ستستخدم المنصة الذكاء الاصطناعي وتلك الموارد لإنشاء رسومات وتخطيطات أنيقة وعلى العلامة التجارية بسرعة لرسائلك الإلكترونية ومنشورات وسائل التواصل الاجتماعي وتدفقات الأتمتة. قم بإقران ذلك بمجموعة صغيرة من قوالب الحملات القابلة لإعادة الاستخدام وسيظل إخراج التصميم الخاص بك متسقاً دون البدء من الصفر في كل مرة.
قبل بناء أي شيء، أجب عن ثلاثة أسئلة:
ما هو الإجراء الوحيد الذي أريده من القارئ أن يتخذه؟
من بالضبط يتلقى هذا البريد الإلكتروني؟
كيف يبدو النجاح لهذا الإرسال؟
يجب أن تخدم قرارات التصميم المتبقية، بما فيها التخطيط والصور وطول النسخة، تلك الإجابات. لا شيء آخر.
2. أساسيات التخطيط: العرض والهيكل واختيار العمود
يجب أن يكون عرض بريدك الإلكتروني HTML في أي مكان من 600 إلى 800 بكسل، حيث تدعم العديد من عملاء البريد الإلكتروني نافذة معاينة ليست واسعة جداً. في الممارسة العملية، تم تصميم قوالب Mailchimp بحيث لا تزيد عن 600 بكسل عرض لتناسب إمكانيات عرض معظم عملاء البريد الإلكتروني، وهذا هو الافتراضي الأكثر أماناً لأقصى توافق في العرض.
التخطيط الذي تختاره يحدد أساس بريدك الإلكتروني بالكامل. يعمل التخطيط بعمود واحد بشكل جيد لعرض أجهزة الهاتف المحمول ويحافظ على التصميم بسيطاً، بينما يمكن للتصميم متعدد الأعمدة عرض منتجات أو ميزات متعددة في وقت واحد.
إليك كيفية الاختيار بينهما:
عمود واحد: الأفضل للنشرات الإخبارية والإعلانات والرسائل الإلكترونية للتوعية وأي محتوى يكون ترتيب القراءة مهماً فيه. يتم عرضه بشكل نظيف على جميع أحجام الشاشة.
متعدد الأعمدة: يعمل بشكل جيد لشبكات المنتجات ومقارنات الميزات أو جمع المحتوى المنسق. يتطلب الاختبار على الهاتف المحمول حيث أن التصميمات متعددة الأعمدة عادة ما تنقسم عبر الشاشات الصغيرة للأجهزة المحمولة.
الهرمية المعلوماتية مهمة جداً. يجب أن تكون تفاصيل الحدث والمحتوى الحرج دائماً في الأعلى وبارزة في الحجم. إذا كان موجوداً، يجب تحديد نداء الإجراء بوضوح وسهولة التمييز في نظرة واحدة.
البساطة مهمة. لا تصمم بريداً إلكترونياً كما تفعل مع موقع ويب. بشكل عام، كلما كان بريدك الإلكتروني أقصر، كان أدائه أفضل.
3. الطباعة: الخطوط والحجم وسهولة القراءة
الطباعة هي واحدة من أكثر الرافعات غير المُقدَّرة في تصميم البريد الإلكتروني. تقلل اختيارات الخط السيئة من سهولة القراءة وتؤدي إلى تقويض الانطباع المهني الذي تحتاجه علامتك التجارية لتقديمه.
الطباعة مهمة. حجم الخط وعائلة الخط يحدثان فرقاً كبيراً في سهولة القراءة. من المهم أن يكون لديك "خطافك" في الجزء العلوي من البريد الإلكتروني، حيث قد لا يقوم عملاء البريد الإلكتروني للهاتف المحمول بتنزيل الرسالة بالكامل.
لنص الجسم قابل للقراءة على الهاتف المحمول، يُنصح بحد أدنى لحجم الخط بحجم 16 بكسل. توصي Apple بـ 17 إلى 22 بكسل؛ توصي Google بـ 18 إلى 22 بكسل. وجد دليل Mailchimp المرجعي أن 16 بكسل Georgia كانت قابلة للقراءة وفعالة.
قواعد الطباعة العملية لرسائل Mailchimp الإلكترونية:
استخدم خطوط آمنة للويب (Arial و Georgia و Helvetica و Verdana) للنص الأساسي لضمان العرض عبر جميع عملاء البريد الإلكتروني.
حدد نفسك بحد أقصى عائلتي خطوط: واحدة للعناوين وواحدة لنص الجسم.
اضبط ارتفاع السطر على 1.4 إلى 1.6 مرة من حجم الخط للقراءة المريحة.
لا تضمن أبداً نصاً حرجاً داخل الصور. إذا تم حظر الصور، فإن هذا النص يختفي بالكامل.
استخدم خطوط آمنة للويب بحجم وسمك واضحين لجعل زر الحث على الإجراء سهل القراءة وجذاباً.
4. الصور: كيفية استخدامها دون الإضرار بالتسليم
تجعل الصور رسائل البريد الإلكتروني أكثر جاذبية، لكن يجب استخدامها بقصد.
الصور هي طريقة ممتازة لجعل المحتوى أكثر جاذبية وجاذبية واحترافية. ومع ذلك، استخدم الصور لتقوية رسالتك وليس لتشتيت الانتباه عنها.
قاعدة 60/40 في الممارسة
بالنسبة لرسائل البريد الإلكتروني للتسويق أو الترويج، النسبة المقترحة هي 60% نص إلى 40% صورة. يوازن هذا بين الجاذبية البصرية والتسليم، باستخدام نسخة مقنعة مدعومة بصور منتجات قوية. بالنسبة للنشرات الإخبارية، يُنصح بنسبة 70% نص إلى 30% صورة، حيث تأتي القيمة الأساسية من المحتوى المكتوب بينما تخدم الصور لتحسين وتقسيم النص.
الاختبار مقابل 23 من أكثر مرشحات البريد المزعج شيوعاً وجد أنه إذا كانت الرسالة الإلكترونية تحتوي على 500 حرف أو أكثر، فإن نسبة المحتوى إلى الصورة لا تؤثر على التسليم. أي أن الحفاظ على توازن صحي لا يزال ممارسة ذكية، خاصة للجماهير B2B ومستخدمي Outlook.
قواعد الصور الرئيسية في Mailchimp:
أضف دائماً نص بديل وصفي. عدم توفير نص بديل وصفي يجعل بريدك الإلكتروني غير متاح عند حظر الصور أو للمستخدمين الذين يعتمدون على قارئات الشاشة.
احفظ الصور تحت 200 كيلوبايت. تستغرق الصور الكبيرة وقتاً أطول للتحميل وتأكل بيانات قيمة.
تجنب رسائل البريد الإلكتروني التي تحتوي على صور فقط. يظل البريد الإلكتروني المكون بالكامل من الصور علماً أحمر كبيراً للتسليم، إلى حد كبير بسبب المخاوف بشأن الالتفاف حول المرشحات النصية، بالإضافة إلى تشكيل تحديات في إمكانية الوصول وسوء تجربة المستخدم.
يعرض معظم عملاء البريد الإلكتروني الآن الصور بشكل افتراضي. وجدت Litmus أن جميع عملاء البريد الإلكتروني للهاتف المحمول يسمحون بالصور بشكل افتراضي بعد اختبار واسع النطاق للتنزيلات التلقائية للصور.
5. أزرار نداء الإجراء: خيارات التصميم التي تحفز النقرات
زر نداء الإجراء الخاص بك هو أهم عنصر وظيفي في أي بريد إلكتروني في Mailchimp. كل شيء آخر في التصميم موجود لإحضار القارئ إلى تلك النقرة.
بدون نداء إجراء فعال، لا يعرف العملاء ما يجب عليهم فعله بمجرد فتح بريدك الإلكتروني. يمكن لأزرار البريد الإلكتروني تشجيع المشتركين على اتخاذ إجراء، مما يعيدهم إلى موقعك على الويب حيث يمكنهم التحويل.
صمم أزرار نداء الإجراء التي تبرز وتحفز النقرات. استخدم الألوان المتناقضة والكلمات الفعلية المقنعة التي توضح بوضوح ما يحدث عندما ينقر المشتركون. أبق على أزرار نداء الإجراء بسيطة وموجهة نحو الإجراء من خلال التركيز على إجراء أساسي واحد لكل بريد إلكتروني لتجنب الخلط بين جمهورك وتخفيف رسالتك.
بالنسبة للجوال، يكون حجم الزر مهماً أكثر مما يدرك معظم المسوقين. يجب أن تكون أهداف اللمس لنداء الإجراء، مثل الأزرار، حد أدنى 46 بكسل مربع. توصي Apple بـ 44 بكسل مربع؛ توصي Google بـ 48 بكسل مربع.
مبادئ تصميم نداء الإجراء الإضافية:
تحميل أزرار HTML أسرع وتعرض في جميع العملاء، حتى عند إيقاف الصور، مما يجعل بريدك الإلكتروني أكثر فعالية لأن المستخدمين سيرون نداء الإجراء الخاص بك ويعرفون ما يجب فعله بعد ذلك.
يجب أن يكون نداء الإجراء الخاص بك عبارة عن بضع كلمات فقط لإخبار العملاء بالضبط ما يجب عليهم فعله.
ضع نداء الإجراء الأساسي أعلى الطية حيثما أمكن. يجب أن يكون زر نداء الإجراء مرئياً دون التمرير.
على الهاتف المحمول، فكر في جعل أزرار نداء الإجراء المهمة تمتد على طول البريد الإلكتروني بالكامل، لتغطي القراء الذين يستخدمون يدهم اليمنى واليسرى.
للمزيد حول كتابة سطور الموضوع التي تجعل الناس يصلون إلى نداء الإجراء في المقام الأول، اقرأ دليلنا حول أفضل ممارسات سطر موضوع البريد الإلكتروني التي تعزز معدلات الفتح بنسبة 27%.
6. التصميم الموجه للجوال في Mailchimp
تمثل عملاء الهاتف المحمول 41.6% من فتح رسائل البريد الإلكتروني، تليها فتح بريد الويب بنسبة 40.6% وفتح سطح المكتب بنسبة 16.2%. التصميم الموجه لسطح المكتب أولاً ثم التكيف مع الهاتف المحمول هو نهج معكوس يكلفك الانخراط.
أهمية تصميم البريد الإلكتروني المتوافق مع الهاتف المحمول بالغة الأهمية لنجاح حملات التسويق عبر البريد الإلكتروني. مع فتح معظم رسائل البريد الإلكتروني الآن على أجهزة الهاتف المحمول، فإن التأكد من أن رسائلك الإلكترونية تبدو جيدة على الهاتف المحمول ليس مجرد توصية، بل إنه ضرورة.
ترى الشركات زيادة بنسبة 15% في نقرات الهاتف المحمول عند إنشاء تصميم بريد إلكتروني سريع الاستجابة.
قائمة التحقق من التصميم الموجه للجوال لحملات Mailchimp:
استخدم تخطيطات عمود واحد كبنية افتراضية.
اضبط أحجام الخطوط الدنيا على 16 بكسل لنص الجسم.
استخدم أزرار نداء إجراء بعرض كامل على الهاتف المحمول بحيث يمكن النقر عليها بأي من اليد.
احتفظ بسطور الموضوع تحت 40 حرفاً. تعرض أجهزة سطح المكتب 60 حرفاً من سطر موضوع البريد الإلكتروني. يحصل المشتركون الذين يستخدمون الهواتف الذكية على رؤية ما بين 25 و30 حرفاً، لذا ضع المعلومات الأساسية أولاً.
يمنح رأس البريد الإلكتروني المقنع القراء سبباً إضافياً للنقر ويرشدهم بسلاسة إلى مقدمة المحتوى. يزيد إضافة رأس البريد من معدلات الفتح بنسبة 13.72%.
باستخدام Mailchimp، يمكنك بسهولة معاينة رسائلك الإلكترونية للتأكد من أنها تبدو جيدة عبر عملاء بريد ويب وهاتف محمول مختلفين باستخدام أداة معاينة الصندوق الوارد المدمجة قبل الإرسال.
7. استخدام Brand Kit وأدوات التصميم بالذكاء الاصطناعي في Mailchimp
دمجت Mailchimp الذكاء الاصطناعي في سير عمل التصميم بطريقة مفيدة حقاً للفرق بدون مصممين متخصصين.
يسمح لك Brand Kit في Mailchimp بحفظ وتحديث شعاراتك والخطوط والألوان وشخصية العلامة التجارية. يستخدم الذكاء الاصطناعي والموارد في مجموعة العلامات التجارية الخاصة بك لإنشاء رسومات وتخطيطات أنيقة وعلى العلامة التجارية بسرعة لرسائلك الإلكترونية ومنشورات وسائل التواصل الاجتماعي وتدفقات الأتمتة والمزيد.
الذكاء الاصطناعي في الخلفية كبير. يدخل المستخدم ببساطة عنوان URL الخاص بموقعه على الويب في Content Studio في Mailchimp، ويقوم الذكاء الاصطناعي تلقائياً باكتشاف وتحليل وتصنيف جميع عناصر العلامة التجارية القابلة للاكتشاف. تلتقط الخدمة الشعارات والألوان الأساسية وأزواج الألوان الخلفية والنص والخطوط وأنماط الخطوط والصور الأساسية ودليل أسلوب الموقع الكامل بما في ذلك أنماط الأزرار وأنماط التنقل والعلاجات الخلفية.
للحصول على تعليقات حول النسخ والتصميم، يحلل Content Optimizer، المدعوم بتقنية مشابهة لـ ChatGPT، نسختك وتصميمك ويقدم اقتراحات لتحسين سهولة القراءة والنبرة ونداء الإجراء.
فيما يتعلق بما يتعامل معه الذكاء الاصطناعي بشكل جيد: يمكن للمساعد الإبداعي بناء بريد إلكتروني دعوة ندوة عبر الويب في حوالي 4 دقائق مقابل 25 دقيقة للبناء من الصفر. التخطيط الذي ينشئه الذكاء الاصطناعي عادة ما يكون جاهزاً بنسبة 80%، مع الحاجة فقط إلى تعديل صورة الرأس ولون زر نداء الإجراء. يواجه صعوبات مع تخطيطات معقدة متعددة الأعمدة ورسائل بريد إلكترونية للتجارة الإلكترونية بشبكات منتجات ديناميكية وأي شيء يتطلب HTML أو CSS مخصصة.
للحفاظ على علامة تجارية متسقة في صناديق الوارد لجمهورك، من المهم أن يكون لديك قالب بريد إلكتروني تستخدمه لحملاتك. مجموعة Brand Kit القوية مقترنة بمجموعة صغيرة من القوالب القابلة لإعادة الاستخدام تلغي عدم التسق الذي ينتج عن بناء كل حملة من الصفر.
للحصول على نظرة أعمق على التخصيص بعيداً عن التصميم، اطلع على دليلنا حول تقنيات تخصيص البريد الإلكتروني السبع التي تعزز التحويلات بنسبة 47%.
8. الاختبار والمعاينة والإرسال بثقة
عمل التصميم لا ينتهي عندما تنقر على الحفظ. ستبدو الحملات التي تصممها في Mailchimp دائماً مختلفة قليلاً عند عرضها في صناديق وارد المستقبلين. يعرض عملاء البريد الإلكتروني المختلفون والأجهزة رسائل البريد الإلكتروني HTML وفقاً لمحركات العرض الفردية الخاصة بهم.
قبل إرسال بريد إلكتروني، اختبر محتواك حتى لا ترسل رسائل بريد إلكترونية بيانات مفقودة أو روابط مكسورة. تساعد أدوات المعاينة والاختبار في Mailchimp على ضمان تحميل صورك بشكل صحيح وأن جميع الارتباطات التشعبية والأزرار تعمل. أرسل رسائل بريد إلكترونية اختبار قليلة لنفسك للتأكد من أن كل شيء يبدو كما تريد.
قائمة التحقق قبل الإرسال:
معاينة على سطح المكتب والهاتف المحمول باستخدام معاينة الصندوق الوارد في Mailchimp.
أرسل رسالة بريد إلكترونية اختبار لنفسك وجهاز واحد على الأقل آخر.
تحقق من جميع الروابط، خاصة أزرار نداء الإجراء.
تحقق من عرض الصور بشكل صحيح ووجود نص بديل.
أكد أن نص سطر الموضوع ورأس البريد يبدوان صحيحين في كلا العملاء.
تحقق من أنك تجنبت جميع الأحرف الكبيرة وعلامات التعجب الكثيرة والكلمات أو العبارات الصارخة، التي تبحث عنها مرشحات البريء المزعج.
ما هو عرض البريد الإلكتروني الموصى به لقوالب Mailchimp؟
تم تصميم قوالب Mailchimp بحيث لا تزيد عن 600 بكسل عرض لتناسب إمكانيات عرض معظم عملاء البريد الإلكتروني. بينما يمكنك توسيع قالب بشكل أوسع، هذا هو المعيار الذي يتم عرضه بشكل موثوق عبر Gmail و Outlook و Apple Mail وعملاء الهاتف المحمول.
هل يجب أن أستخدم تخطيطات عمود واحد أم متعددة الأعمدة في Mailchimp؟
هذا يعتمد على نوع محتواك. يعمل التخطيط بعمود واحد بشكل جيد لعرض أجهزة الهاتف المحمول ويحافظ على التصميم بسيطاً، بينما يمكن للتصميم متعدد الأعمدة عرض منتجات أو ميزات متعددة في وقت واحد. بالنسبة لمعظم حالات الاستخدام، عمود واحد هو الافتراضي الأكثر أماناً لأنه يتم عرضه بشكل متوقع على كل حجم شاشة.
ما هو حجم الخط الذي يجب أن أستخدمه في رسائل Mailchimp الإلكترونية للهاتف المحمول؟
يُنصح بحد أدنى لحجم الخط بحجم 16 بكسل للهاتف المحمول. توصي Apple بـ 17 إلى 22 بكسل وتوصي Google بـ 18 إلى 22 بكسل. أي شيء أصغر من 16 بكسل يتطلب من المستخدمين القرص والتكبير، مما يقلل بشكل كبير من الانخراط.
كيف أحافظ على اتساق العلامة التجارية عبر حملات Mailchimp الإلكترونية؟
احفظ شعاراتك والخطوط والألوان وشخصية العلامة التجارية في Brand Kit في Mailchimp. ستستخدم المنصة الذكاء الاصطناعي وتلك الموارد لإنشاء رسومات وتخطيطات أنيقة وعلى العلامة التجارية بسرعة لرسائلك الإلكترونية ومنشورات وسائل التواصل الاجتماعي وتدفقات الأتمتة. قم بإقران ذلك بمجموعة صغيرة من قوالب الحملات القابلة لإعادة الاستخدام وسيظل إخراج التصميم الخاص بك متسقاً دون البدء من الصفر في كل مرة.
