إعدادات محرر البريد الإلكتروني بالسحب والإفلات في Stripo

Published: ٢٢ أكتوبر ٢٠٢٤ · Last updated: ١ أغسطس ٢٠٢٦ · By Marcus Biel

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

علامة تبويب المحتوى

تتيح لك علامة تبويب المحتوى تصميم محتوى بريدك الإلكتروني وتنظيمه. وتحتوي على قسمين رئيسيين: الهياكل والكتل.

1. الهياكل

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

• عمود واحد
• عمودان
• أعمدة متعددة

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

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

2. الكتل

الكتل هي عناصر المحتوى التي تضعها داخل الهياكل لإنشاء بريدك الإلكتروني.

أنواع الكتل المتاحة هي:

• الصورة: حمّل صورًا بتنسيقات PNG أو JPG أو GIF وخصّص مظهرها.
• النص: أضف النص ونسّقه لإيصال رسالتك.
• الزر: أضف أزرارًا قابلة للنقر مع نصوص وروابط وأنماط قابلة للتخصيص.
• المسافة الفارغة: أدرج مساحة فارغة لضبط التخطيط بين الكتل الأخرى.
• الفيديو: ضمّن محتوى فيديو من منصات مثل YouTube وVimeo وغيرها.
• HTML: أضف تعليمات HTML وCSS مخصصة لإجراء تخصيصات متقدمة لمحتوى البريد الإلكتروني.

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

شرح تفصيلي لكتل المحتوى

كتلة الصورة

تتيح لك كتلة الصورة في محرر البريد الإلكتروني بالسحب والإفلات في Stripo إضافة الصور إلى حملتك البريدية وتخصيصها.

إضافة كتلة صورة

يمكنك إضافة كتلة صورة إلى بريدك الإلكتروني بطريقتين:

الخيار 1

مرّر مؤشر الماوس فوق منطقة "أفلت المحتوى هنا" في أحد الهياكل، ثم انقر على أيقونة الصورة. سيحوّل ذلك الهيكل المحدد فورًا إلى كتلة صورة.

الخيار 2

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

تحميل صورة

بعد إضافة كتلة الصورة، تتوفر لديك طريقتان لتحميل صورة:

السحب والإفلات

يمكنك سحب ملف صورة (PNG أو JPG أو GIF) وإفلاته مباشرةً من جهاز الكمبيوتر في مربع التحميل الذي يظهر داخل كتلة الصورة.

التحميل من الكمبيوتر

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

تغيير الصورة

لاستبدال الصورة، استخدم خيار تغيير الصورة الموجود في علامة تبويب المحتوى. انقر على أيقونة تغيير الصورة الدائرية، حيث يمكنك تحميل صورة جديدة أو ربط صورة من عنوان URL خارجي.

تحرير الصورة

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

الوصول إلى محرر الصور

1. بعد تحميل الصورة، انقر على زر تحرير الصورة. ستُفتح واجهة محرر الصور.
2. يوفّر المحرر مجموعة واسعة من الأدوات المعروضة في شريط القائمة العلوي.

أدوات تحرير الصور المتاحة

• المرشحات طبّق مرشحات متنوعة بنقرة واحدة، مثل:

  • تدرج الرمادي
  • أسود وأبيض
  • زيادة الحدة
  • عكس الألوان
  • بني داكن
  • السطوع
  • اللون

• تغيير الحجم اضبط أبعاد الصورة. ويمكنك:

  • تحديد عرض وارتفاع معينين.
  • الحفاظ على نسبة العرض إلى الارتفاع.

• الاقتصاص حدّد جزءًا من الصورة للاحتفاظ به وأزل الأجزاء غير المرغوب فيها.

• التحويل دوّر الصورة أو اعكسها:

  • أفقيًا
  • رأسيًا

• الرسم استخدم أداة الرسم لإضافة عناصر حرة، مثل الخطوط أو الأشكال المخصصة، فوق الصورة.

• النص أضف نصًا مباشرةً إلى الصورة. خصّص:

  • الخط
  • الحجم
  • اللون
  • المحاذاة

• الأشكال والملصقات حسّن صورتك بإضافة:

  • أشكال جاهزة
  • ملصقات مرحة

• الإطارات اختر من مجموعة إطارات لمنح صورتك حدودًا أنيقة.

• الزوايا اضبط نمط الزوايا للحصول على مظهر متقن.

• الخلفية أزل خلفية الصورة أو استبدلها للحصول على مظهر أكثر نظافة.

حفظ التعديلات

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

إعدادات الصورة

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

الرابط

أضف رابطًا إلى الصورة. ويمكنك الاختيار من بين أنواع مختلفة من الروابط، مثل:

• موقع إلكتروني (HTTP، HTTPS)
• بريد (mailto:)
• ملف (ftp)
• مشاركة اجتماعية (Facebook وX (المعروف سابقًا باسم Twitter) وLinkedIn وPinterest)

يمكنك العثور على هذه الخيارات في القائمة المنسدلة لإعدادات الرابط.

النص البديل

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

المحاذاة

اختر كيفية محاذاة الصورة داخل الحاوية. يمكنك محاذاتها إلى اليسار أو الوسط أو اليمين.

الحجم

اضبط عرض الصورة وارتفاعها يدويًا باستخدام زري الجمع والطرح أو بكتابة الأبعاد المطلوبة.

يمكنك أيضًا تفعيل خيار "الضبط حسب العرض" لجعل الصورة تتلاءم تلقائيًا مع العرض الكامل للحاوية.

الصورة المتجاوبة

فعّل خيار "الصورة المتجاوبة" لضمان تكيف الصورة مع أحجام الشاشات المختلفة، ولا سيما على الأجهزة المحمولة.

الحشو

خصّص الحشو حول الصورة للتحكم في مقدار المساحة بين الصورة والمحتوى المحيط بها. يمكنك تطبيق الحشو بالتساوي أو تخصيصه لكل جانب (أعلى وأسفل ويسار ويمين).

روابط الارتساء

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

تخطيطات تعتمد على الجداول لتحسين التوافق. - تجنّب ميزات CSS المتقدمة مثل الرسوم المتحركة وFlexbox وGrid. - توقّع سلوكًا غير متسق مع استعلامات الوسائط وبعض خصائص CSS البسيطة. - الاختبار: اختبر رسائل البريد الإلكتروني دائمًا في عملاء متعددين (مثل Gmail وOutlook وApple Mail) لضمان عرضها بشكل صحيح. #### 6. الحشو يعمل إعداد الحشو على ضبط المساحة المحيطة بمحتوى HTML لديك: - الحشو الافتراضي: مضبوط على 0 افتراضيًا. - الحشو المخصص: فعّل مفتاح المزيد لضبط الحشو لكل جانب على حدة: - أعلى - يمين - أسفل - يسار تُعد هذه الميزة مثالية لمحاذاة محتوى HTML ضمن تخطيط البريد الإلكتروني. #### 7. إضافة رابط ارتساء تتيح لك ميزة إضافة رابط ارتساء إنشاء رابط قابل للنقر في موضع آخر من البريد الإلكتروني للانتقال إلى كتلة HTML. طريقة الاستخدام: - فعّل الخيار وأدخل اسم الارتساء في الحقل. القيود: - لا تدعم بعض عملاء البريد الإلكتروني روابط الارتساء، مثل: - تطبيق Gmail على iOS - Apple Mail على iOS - تطبيق Outlook (على Android وmacOS) - رسائل AMP الإلكترونية #### 8. كتابة HTML مخصص صُمم محرر HTML لكتابة بنية HTML المخصصة لبريدك الإلكتروني أو لصقها. أفضل الممارسات: - استخدم HTML بسيطًا ومدعومًا على نطاق واسع. - تجنّب التخطيطات أو الميزات المعقدة، مثل عناصر `

`. - التزم بالتصميمات المعتمدة على الجداول لضمان توافق أفضل. #### **9. نصائح للنجاح** 1. **ابدأ على نطاق صغير**: استخدم كتلة HTML لأقسام محددة إذا كنت جديدًا في تطوير البريد الإلكتروني. 2. **تحقّق من صحة التعليمات البرمجية**: تأكد من توافق HTML مع متطلبات عملاء البريد الإلكتروني. 3. **اختبر بدقة**: استخدم أدوات لمعاينة بريدك الإلكتروني واختباره عبر عملاء وأجهزة متعددة.