انتقل إلى المحتوى
وثائق المطورالدعم طلب عرض توضيحي تسجيل الدخول
Pushwoosh.com

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

فيديو يوتيوب: أنشئ محتوى بريدك الإلكتروني من الصفر باستخدام HTML

إذا كنت تتقن HTML وتفضل كتابة الكود الخاص بك، يمكنك إنشاء رسائل بريد إلكتروني باستخدام محرر كود HTML من Pushwoosh.

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

Anchor link to

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

بدلاً من ذلك، يمكنك تحميل ملف HTML بالنقر على Upload HTML File الموجود في اللوحة السفلية.

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

  1. انقر على أيقونة Tag الموجودة في أسفل المحرر.
  2. اختر الـ Tag المطلوب، ومعدّله، وقدم قيمة افتراضية إذا لزم الأمر.
  3. انقر على Insert لتضمين العلامة المخصصة في محتوى بريدك الإلكتروني.
واجهة إدراج علامة مخصصة تعرض خيارات اختيار العلامة والقيمة الافتراضية

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

استخدام التوطين

Anchor link to

يمكّنك التوطين من تقديم تجارب مخصصة للمستخدمين بلغات مختلفة.

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

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

{
  "default": {
    "button": "Shop now",
    "description": "For a limited time, you can enjoy a 20% discount on all our premium coffee blends",
    "subtitle": "Don't miss it",
    "title": "☕ Coffee Promotion Alert!"
  },
  "de": {
    "button": "Jetzt einkaufen",
    "description": "Für kurze Zeit erhalten Sie einen Rabatt von 20% auf alle unsere Premium-Kaffeemischungen",
    "subtitle": "Verpassen Sie es nicht",
    "title": "☕ Kaffee-Promotion Benachrichtigung!"
  },
  "es": {
    "button": "Comprar ahora",
    "description": "Por tiempo limitado, puedes disfrutar de un descuento del 20% en todas nuestras mezclas de café premium",
    "subtitle": "No te lo pierdas",
    "title": "☕ ¡Alerta de Promoción de Café!"
  }
}

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

{{title|text|}}
{{subtitle|text|}}
{{description|text|}}
{{button|text|}}

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

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>☕ Coffee Promotion Alert</title>
<style>
  body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 20px;
    background-color: #f4f4f4;
  }
  .container {
    background-color: #fff;
    padding: 20px;
    margin: 10px auto;
    max-width: 600px;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  }
  .button {
    display: inline-block;
    padding: 10px 20px;
    margin-top: 20px;
    background-color: #ff6f61;
    color: white;
    text-decoration: none;
    border-radius: 5px;
  }
  .button:hover {
    background-color: #ff5733;
  }
  .footer {
    text-align: center;
    margin-top: 20px;
    font-size: 0.8em;
    color: #888;
  }
</style>
</head>
<body>
  <div class="container">
    <h1>{{title|text|}}</h1>
    <p>{{description|text|}}</p>
    <a href="https://www.example.com/promotion" class="button">{{button|text|}}</a>


  </div>
</body>
</html>

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

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

Anchor link to

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

على سبيل المثال، إذا كان لديك محتوى البريد الإلكتروني أ (ترويسة) ومحتوى البريد الإلكتروني ب (نشرة إخبارية)، يمكنك إدراج محتوى البريد الإلكتروني أ في محتوى البريد الإلكتروني ب دون نسخ المحتوى يدويًا في كل مرة.

الصيغة

Anchor link to

لإدراج قطعة من المحتوى في أخرى، استخدم الصيغة التالية:

{% email_content "AAAAA-BBBBB" %}

حيث “AAAAA-BBBBB” هو معرف محتوى البريد الإلكتروني الذي تريد إدراجه. يمكنك العثور على المعرف الموجود أسفل اسم المحتوى في قائمة محتوى البريد الإلكتروني الخاصة بك.

عرض معرف محتوى البريد الإلكتروني يظهر اسم المحتوى والمعرف الفريد

مثال

لنفترض أن لديك قطعتين من المحتوى:

  • محتوى الترويسة (المعرف: “AAAAA-BBBBB”) مع تصميم ترويسة محدد مسبقًا.
  • محتوى النشرة الإخبارية، حيث تريد تضمين الترويسة.

لإدراج الترويسة في النشرة الإخبارية، ستستخدم ما يلي:

{% email_content "AAAAA-BBBBB" %}

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

إضافة رابط إلغاء الاشتراك

Anchor link to

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

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

<a href=%%PW_EMAIL_UNSUBSCRIBE%%> إلغاء الاشتراك </a>

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

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

Anchor link to

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

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

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

إذا لم تكن قد قمت بإعداد تفاصيل المرسل بعد، فتأكد من القيام بذلك أيضًا. ثم، انقر على Save.

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

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

Anchor link to

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

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

زر البريد الإلكتروني التجريبي في واجهة محرر البريد الإلكتروني

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

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

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

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

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

  • Age (integer): أدخل رقمًا لتمثيل العنصر النائب للعمر (على سبيل المثال، 21).
  • FirstName (string): أدخل اسمًا أولًا نموذجيًا (على سبيل المثال، David).

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

  1. بمجرد ملء التفاصيل اللازمة، انقر على Send test email لإرسال الرسالة التجريبية إلى عنوان البريد الإلكتروني المقدم.
مربع حوار تأكيد إرسال بريد إلكتروني تجريبي مع حقول بيانات نموذجية