انتقل إلى المحتوى

إنشاء محتوى البريد الإلكتروني باستخدام محرر السحب والإفلات

فيديو يوتيوب: أنشئ محتوى بريد إلكتروني جذابًا في دقائق باستخدام محرر البريد الإلكتروني بالسحب والإفلات من Pushwoosh

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

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

إذا كنت تفضل التحكم الكامل في تصميمك، فاختر قالب فارغ لبناء بريد إلكتروني مخصص بالكامل من الألف إلى الياء.

اختر قالب البريد الإلكتروني في محرر Pushwoosh

علامات التبويب الرئيسية في محرر السحب والإفلات

Anchor link to

يتكون محرر السحب والإفلات من أربع علامات تبويب رئيسية:

المحتوى (Content)

Anchor link to

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

الكتل (Blocks)

Anchor link to

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

الهيكل (Body)

Anchor link to

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

الصور (Images)

Anchor link to

تمكّنك علامة التبويب هذه من البحث عن صور مخزنة أو إنشاء صور فريدة باستخدام الذكاء الاصطناعي.

تخصيص تخطيط البريد الإلكتروني

Anchor link to

أولاً، انتقل إلى علامة تبويب الكتل (Blocks) لتوفير هيكل أساسي لبريدك الإلكتروني.

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

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

في علامة التبويب الكتل (Blocks)، لديك خيار تحديد خصائص لكل من الأعمدة والصفوف.

بالنسبة لـ الأعمدة (Columns)، يمكنك تخصيص ما يلي:

  • لون الخلفية
  • الحشوة (Padding)
  • الإطار (Border)

بالنسبة لـ الصفوف (Rows)، يمكنك تحديد ما يلي:

  • لون الخلفية
  • لون خلفية المحتوى
  • صورة الخلفية. يمكنك إما تحميل صورة، أو تحديد واحدة من مكتبة الصور المخزنة، أو توفير رابط URL مخصص للصورة.

إنشاء محتوى البريد الإلكتروني

Anchor link to

بعد بناء الهيكل الأساسي لبريدك الإلكتروني، حان الوقت لبدء إضافة المحتوى.

ضمن علامة التبويب المحتوى (Content)، يمكنك إدراج عناصر محتوى مختلفة في بريدك الإلكتروني، بما في ذلك:

  • عنوان (Heading)
  • نص (Text)
  • صورة (Image)
  • زر (Button)
  • HTML
  • فاصل (Divider)
  • قائمة (Menu)
  • رابط إلغاء الاشتراك (Unsubscribe link)

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

إضافة عنوان

Anchor link to

لإدراج عنوان، ما عليك سوى سحب عنصر العنوان (Heading) إلى هيكل البريد الإلكتروني.

يمكنك كتابة عنوانك، أو يمكنك استخدام أداة العناوين الذكية بالذكاء الاصطناعي (Smart Headings AI) لمساعدتك في إنشاء عناوين فعالة. للقيام بذلك، انقر على الحصول على اقتراحات (Get Suggestions) واكتب بضع كلمات. ستقدم الأداة خيارات عناوين متنوعة.

بالإضافة إلى ذلك، يمكنك تحديد نبرة صوت مرغوبة لعنوانك.

اختر نبرة للعنوان الذي تم إنشاؤه بواسطة الذكاء الاصطناعي

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

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

تخصيص العنوان

Anchor link to

يمكنك أيضًا تخصيص عنوانك مباشرة من شريط الأدوات. للقيام بذلك، ما عليك سوى اختيار علامات الدمج (Merge tags)، وفي القائمة المنسدلة اختر العلامة التي ترغب في دمجها في عنوانك.

أدرج علامة دمج في العنوان

من الجزء الأيمن، لديك أيضًا المرونة لتعديل إعدادات النص المختلفة، مثل:

  • مستوى العنوان
  • عائلة الخط، ووزنه، وحجمه
  • لون النص
  • محاذاة النص
  • ارتفاع السطر
  • أنماط الروابط
  • الحشوة (Padding)
  • التصميم المتجاوب، والمزيد.

إضافة نص

Anchor link to

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

عند النقر على النص، سيظهر شريط أدوات يوفر خيارات لتنسيق النص.

شريط أدوات تنسيق النص

تخصيص النص

Anchor link to

لتخصيص نصك، انقر على علامات الدمج (Merge tags) في شريط الأدوات واختر العلامة التي تريد تضمينها من القائمة المنسدلة.

أدرج علامة دمج في النص

لتحسين جودة كتابتك باستخدام الذكاء الاصطناعي، حدد النص الذكي (Smart Text) في شريط الأدوات واختر طريقة محددة تود أن يساعدك بها الذكاء الاصطناعي في نصك.

إضافة صور

Anchor link to

لإدراج عنصر صورة في بريدك الإلكتروني، اسحب عنصر الصورة (Image) إلى المكان الذي تريده في بريدك الإلكتروني.

لديك عدة خيارات لإضافة صورة:

  • لتحميل صورة، انقر على تحميل صورة (Upload Image) في الجزء الأيمن.
  • أضف رابطًا لصورة ترغب في استخدامها في حقل رابط الصورة (Image URL).
  • لتحديد صورة من الصور المخزنة، انقر على المزيد من الصور (More Images) ثم اختر صور مخزنة (Stock Photos) للعثور على الصورة المطلوبة.
إضافة صورة
  • يمكنك أيضًا استخدام أداة الصورة السحرية بالذكاء الاصطناعي (Magic Image AI) لإنشاء الصور الفريدة التي تحتاجها.

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

تطبيق تأثيرات الصورة

يمكنك أيضًا مراجعة سجل التغييرات التي أجريتها على الصورة والتراجع عنها بالنقر على أيقونة السجل (History) الموجودة في الأعلى.

عرض سجل تعديل الصورة

إضافة أزرار

Anchor link to

لتضمين زر في بريدك الإلكتروني، اسحب عنصر الزر (Button) من الجزء الأيمن للمحرر.

يمكنك إما إدخال نص الزر المخصص الخاص بك أو الاستفادة من أداة الأزرار الذكية بالذكاء الاصطناعي (Smart Buttons AI) لإنشاء النص لك.

بعد ذلك، حدد نوع الإجراء للزر عند النقر عليه، وقدم رابط URL وعلامة تبويب مستهدفة.

اضبط إجراء الزر ورابط URL

بالإضافة إلى ذلك، لديك خيار تكوين خيارات الزر، وتفضيلات التباعد، وإعدادات التصميم المتجاوب.

إضافة HTML

Anchor link to

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

إضافة قوائم

Anchor link to

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

أضف قائمة بريد إلكتروني مع روابط

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

إضافة فواصل

Anchor link to

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

لإضافة فاصل، اسحب عنصر الفاصل (Divider) من الجزء الأيمن وقم بتخصيص مظهره.

إضافة مؤقت

Anchor link to

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

  1. اسحب عنصر المؤقت (Timer) إلى تخطيط بريدك الإلكتروني أو رسالتك.
  2. اضبط تاريخ ووقت انتهاء العد التنازلي.
  3. اختر المنطقة الزمنية حتى يتم عرض العد التنازلي بشكل صحيح لجمهورك.
  4. حدد لغة لتسميات وحدات الوقت (أيام، ساعات، دقائق، ثوانٍ).
  5. قم بتبديل التسميات لتشغيلها أو إيقافها حسب ما إذا كنت تريد إظهار أسماء الوحدات.
  6. قم بتخصيص مظهر المؤقت ليتناسب مع تصميمك.
إضافة مؤقت

إضافة روابط

Anchor link to

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

أدرج رابطًا في النص

عند إضافة أو تحرير رابط داخل بريدك الإلكتروني، لديك عدة خيارات لتحديد سلوك الرابط. تشمل الإجراءات المتاحة:

  • فتح موقع ويب (Open website)
  • رابط نسخة الويب (Web version link)
  • عدم تتبع الإحصائيات (No track statistics)
  • رابط إلغاء الاشتراك (Unsubscribe link)
اختر نوع إجراء الرابط

فتح موقع ويب

Anchor link to

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

في حقل URL، أدخل عنوان الويب الكامل للموقع الذي تريد الارتباط به.

اضبط خيار الهدف (Target) لتحديد كيفية فتح الرابط:

  • علامة تبويب جديدة (New Tab): يفتح الرابط في علامة تبويب متصفح جديدة.
  • نفس علامة التبويب (Same Tab): يحل الرابط محل الصفحة الحالية في نفس علامة التبويب.
اضبط رابط URL وعلامة التبويب المستهدفة

رابط نسخة الويب

Anchor link to

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

لتمكين هذه الميزة، يرجى الاتصال بفريق الدعم لدينا.

عدم تتبع الإحصائيات

Anchor link to

استخدم هذا الخيار إذا كنت لا تريد أن يتتبع النظام النقرات أو التفاعلات مع الرابط. لن يتم تسجيل أي بيانات تتبع عندما يتفاعل المستلمون مع هذا الرابط.

رابط إلغاء الاشتراك

Anchor link to

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

إذا كنت ترغب في تضمين إلغاء الاشتراك مباشرة عبر HTML في بريدك الإلكتروني، أضف رابط إلغاء الاشتراك إلى بريدك الإلكتروني على النحو التالي:

<a href=%%PW_EMAIL_UNSUBSCRIBE%%> Unsubscribe </a>

سيتم استبدال قيمة السمة %%PW_EMAIL_UNSUBSCRIBE%% برابط إلغاء الاشتراك الخاص بـ Pushwoosh في لحظة إرسال رسالة البريد الإلكتروني. عندما يتبع المستلمون الرابط، فإنهم ينسحبون من رسائل البريد الإلكتروني الخاصة بك ويتم احتسابهم في معدل إلغاء الاشتراك لتلك الرسالة الإلكترونية المحددة في سجل الرسائل.

كود HTML لرابط إلغاء الاشتراك

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

إليك كيفية إنشاء رابط إلغاء اشتراك مخصص:

  1. قم بتمييز النص الذي تريد استخدامه كرابط إلغاء الاشتراك.
  2. انقر على أيقونة الرابط (Link) في شريط أدوات التنسيق.
  3. في النافذة المنبثقة، حدد خيار رابط إلغاء الاشتراك (Unsubscribe link) من القائمة المنسدلة نوع الإجراء (Action type).

إضافة ترويسة مسبقة

Anchor link to

من علامة التبويب الهيكل (Body)، لديك خيار تضمين ترويسة مسبقة، وهي نص ملخص موجز يظهر بعد سطر الموضوع عندما يعرض المستلمون البريد الإلكتروني في صندوق الوارد الخاص بهم.

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

حفظ كتل المحتوى للاستخدام المستقبلي

Anchor link to

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

  1. بمجرد الانتهاء من الكتلة، انقر على خيار حفظ الكتلة (Save Block).
حفظ كتلة المحتوى
  1. في النافذة المنبثقة، أدخل اسم فئة لتنظيم كتل المحتوى الخاصة بك (على سبيل المثال، “عروض ترويجية”، “نشرات إخبارية”). أضف علامات (Tags) ذات صلة، مفصولة بفواصل (على سبيل المثال، “تخفيضات، خصم، صيف”)، للمساعدة في تصنيف كتل المحتوى والبحث عنها.
أضف علامات إلى الكتلة المحفوظة

بعد إدخال الفئة والعلامات، انقر على زر حفظ (Save) لتخزين الكتلة للاستخدام المستقبلي.

حفظ كتلة المحتوى المصنفة

يمكنك الآن الوصول إلى كتل المحتوى المحفوظة في قسم الكتل (Blocks) في محرر البريد الإلكتروني. يتيح لك هذا إعادة استخدام المحتوى عبر حملات البريد الإلكتروني المختلفة بسهولة.

تكوين إعدادات المحتوى العامة

Anchor link to

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

الوصول إلى مكتبة واسعة من الصور

Anchor link to

في علامة التبويب الصور (Images)، يمكنك الوصول إلى مكتبة واسعة من الصور من Unsplash و Pexels و Pixabay، وكلها مرخصة بموجب Creative Commons Zero. يمكنك أيضًا إنشاء صور مخصصة باستخدام أداة الصور السحرية (Magic Images).

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

معاينة وحفظ بريدك الإلكتروني

Anchor link to

عندما يكون محتوى بريدك الإلكتروني جاهزًا، يمكنك رؤية كيف سيبدو بالنقر على أيقونة المعاينة (Preview) الموجودة في أسفل المحرر. هنا، يمكنك رؤية معاينات لأجهزة سطح المكتب والأجهزة اللوحية والأجهزة المحمولة، بالإضافة إلى التحقق من كيفية ظهور بريدك الإلكتروني في الوضعين الداكن والفاتح.

بعد الانتهاء من إنشاء بريدك الإلكتروني، انقر على زر حفظ (Save) الموجود في أعلى المحرر.

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

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

إرسال بريد إلكتروني تجريبي

Anchor link to

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

لإرسال بريد إلكتروني تجريبي، انقر على بريد إلكتروني تجريبي (Test email) في محرر البريد الإلكتروني.

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

في النافذة التي تفتح:

  1. في حقل عنوان البريد الإلكتروني (Email address)، أدخل عنوان البريد الإلكتروني الذي تريد استلام البريد الإلكتروني التجريبي فيه.

إذا لم يتم إكمال KYC، فستحتاج إلى تحديد عنوان بريد إلكتروني تم التحقق منه من قائمة عناوين الاختبار بدلاً من إدخال بريد إلكتروني.

اختر عنوان بريد إلكتروني تجريبي تم التحقق منه
  1. إذا كان بريدك الإلكتروني يتضمن حقول محتوى ديناميكية (مثل first name، city، أو favourite_category)، فيمكنك معاينة كيفية ظهور التخصيص عن طريق إدخال قيم اختبار يدوية. قم بتبديل الحقول التي تريد اختبارها، ثم أدخل قيمًا نموذجية.

على سبيل المثال:

  • City (string): New York
  • Favourite_category (string): Sushi
  • First name (string): John
أدخل قيم اختبار للتخصيص
  1. بمجرد ملء التفاصيل اللازمة، انقر على إرسال بريد إلكتروني تجريبي (Send test email) لإرسال الرسالة التجريبية إلى عنوان البريد الإلكتروني المقدم.