المنتج

حلول

الموارد

شركة

المنتج

حلول

الموارد

شركة

G

G

م

م

قوالب البريد الإلكتروني المتقدمة

رسائل بريد إلكتروني ديناميكية وشخصية باستخدام لغة Liquid

قوالب البريد الإلكتروني المتقدمة

قوالب البريد الإلكتروني المتقدمة

قوالب البريد الإلكتروني المتقدمة

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

توثيق لغة قالب البريد الإلكتروني من Bird

لغة قالب البريد الإلكتروني من Bird هي أداة قوية تعتمد على صيغة Liquid من Shopify، مع ملحقات مخصصة مصممة خصيصاً للتسويق عبر البريد الإلكتروني. تتيح لك هذه اللغة إنشاء قوالب بريد إلكتروني ديناميكية ومخصصة بكفاءة، مما يمكنّك من تقديم محتوى موجه لمشتركيك.

  • المزايا الرئيسية للغة قالب البريد الإلكتروني من Bird تشمل:

  • سهولة التخصيص باستخدام متغيرات محددة مسبقًا

  • عرض محتوى مشروط بناءً على سمات أو قطاعات المشتركين

  • التكامل مع كتالوج المنتجات ومصادر البيانات الخارجية

  • دعم التنميط الدولي من خلال الترجمة

  • خيارات تنسيق متقدمة باستخدام المرشحات

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

المتغيرات المُحددة مسبقًا

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

متغيرات الاتصال

استخدم هذه لإدراج معلومات محددة للمستلم في رسائلك الإلكترونية:

{{ contact.attributes.firstName }}
{{ contact.attributes.lastName }}
{{ contact.attributes.email }}

يمكنك أيضًا استخدام أي سمات مخصصة قمت بتعريفها لجهات الاتصال الخاصة بك.

متغيرات المنظمة

قم بتضمين معلومات شركتك بشكل متسق عبر جميع الرسائل الإلكترونية:

{{ organization.name }}
{{ organization.fullAddress }}
{{ organization.websiteUrl }}
{{ organization.street }}
{{ organization.city }}
{{ organization.state }}
{{ organization.country }}
{{ organization.zipCode }}

متغير عنوان البريد الإلكتروني

ارجع إلى عنوان البريد الإلكتروني للمستلم مباشرةً:

{{ emailAddress }}

أفضل ممارسة: دائمًا امتلك بديلاً للمتغيرات الشخصية في حالة عدم تعيينها لمستلم معين.

عوامل تصفية العلامات

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

  • default: اضبط قيمة بديلة إذا كان المتغير فارغًا

{{ contact.attributes.firstName | default: 'Valued Customer' }}
  • capitalize, upcase, downcase: تغيير حالة النص

{{ contact.attributes.firstName | capitalize }}
{{ product.brand | upcase }}
{{ 'IMPORTANT NOTICE' | downcase }}
  • date: تنسيق التواريخ وفق الأنماط المحددة

{{ contact.attributes.birthday | date: '%B %d, %Y' }}
{{ 'now' | date: '%Y-%m-%d %H:%M' }}
  • currencyFormat: تنسيق الأرقام كعملة

{{ product.price | currencyFormat: 'USD' }}

أفضل ممارسة: استخدام عامل تصفية currencyFormat لجميع عروض الأسعار لضمان التناسق والتنسيق الصحيح بين المناطق المختلفة.

وسوم خاصة

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

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

ضروري للامتثال للأنظمة المتعلقة بالبريد الإلكتروني:

{% unsubscribe %}  <!-- Outputs: <a href="...">Unsubscribe</a> -->
{% unsubscribe 'Click here to unsubscribe' %}  <!-- Custom text -->
<a href="{% unsubscribeLink %}">Manage your preferences</a>  <

روابط عرض الويب

توفير خيار لعرض الرسالة الإلكترونية في متصفح ويب:

{% webView %}  <!-- Outputs: <a href="...">View in browser</a> -->
{% webView 'View this email online' %}  <!-- Custom text -->
<a href="{% webViewLink %}">Trouble viewing? Click here</a>  <

وسوم التاريخ

مفيدة لعرض التواريخ الحالية في رسائلك الإلكترونية:

Today's Date: {% currentYear %}-{% currentMonthName %}-{% currentDay %}
Sent on: {% currentWeekday %}

أفضل ممارسة: دائمًا قم بتضمين رابط إلغاء الاشتراك في رسائلك الإلكترونية، عادةً في التذييل.

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

متغيرات الاتصال

استخدم هذه لإدراج معلومات محددة للمستلم في رسائلك الإلكترونية:

{{ contact.attributes.firstName }}
{{ contact.attributes.lastName }}
{{ contact.attributes.email }}

يمكنك أيضًا استخدام أي سمات مخصصة قمت بتعريفها لجهات الاتصال الخاصة بك.

متغيرات المنظمة

قم بتضمين معلومات شركتك بشكل متسق عبر جميع الرسائل الإلكترونية:

{{ organization.name }}
{{ organization.fullAddress }}
{{ organization.websiteUrl }}
{{ organization.street }}
{{ organization.city }}
{{ organization.state }}
{{ organization.country }}
{{ organization.zipCode }}

متغير عنوان البريد الإلكتروني

ارجع إلى عنوان البريد الإلكتروني للمستلم مباشرةً:

{{ emailAddress }}

أفضل ممارسة: دائمًا امتلك بديلاً للمتغيرات الشخصية في حالة عدم تعيينها لمستلم معين.

عوامل تصفية العلامات

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

  • default: اضبط قيمة بديلة إذا كان المتغير فارغًا

{{ contact.attributes.firstName | default: 'Valued Customer' }}
  • capitalize, upcase, downcase: تغيير حالة النص

{{ contact.attributes.firstName | capitalize }}
{{ product.brand | upcase }}
{{ 'IMPORTANT NOTICE' | downcase }}
  • date: تنسيق التواريخ وفق الأنماط المحددة

{{ contact.attributes.birthday | date: '%B %d, %Y' }}
{{ 'now' | date: '%Y-%m-%d %H:%M' }}
  • currencyFormat: تنسيق الأرقام كعملة

{{ product.price | currencyFormat: 'USD' }}

أفضل ممارسة: استخدام عامل تصفية currencyFormat لجميع عروض الأسعار لضمان التناسق والتنسيق الصحيح بين المناطق المختلفة.

وسوم خاصة

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

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

ضروري للامتثال للأنظمة المتعلقة بالبريد الإلكتروني:

{% unsubscribe %}  <!-- Outputs: <a href="...">Unsubscribe</a> -->
{% unsubscribe 'Click here to unsubscribe' %}  <!-- Custom text -->
<a href="{% unsubscribeLink %}">Manage your preferences</a>  <

روابط عرض الويب

توفير خيار لعرض الرسالة الإلكترونية في متصفح ويب:

{% webView %}  <!-- Outputs: <a href="...">View in browser</a> -->
{% webView 'View this email online' %}  <!-- Custom text -->
<a href="{% webViewLink %}">Trouble viewing? Click here</a>  <

وسوم التاريخ

مفيدة لعرض التواريخ الحالية في رسائلك الإلكترونية:

Today's Date: {% currentYear %}-{% currentMonthName %}-{% currentDay %}
Sent on: {% currentWeekday %}

أفضل ممارسة: دائمًا قم بتضمين رابط إلغاء الاشتراك في رسائلك الإلكترونية، عادةً في التذييل.

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

متغيرات الاتصال

استخدم هذه لإدراج معلومات محددة للمستلم في رسائلك الإلكترونية:

{{ contact.attributes.firstName }}
{{ contact.attributes.lastName }}
{{ contact.attributes.email }}

يمكنك أيضًا استخدام أي سمات مخصصة قمت بتعريفها لجهات الاتصال الخاصة بك.

متغيرات المنظمة

قم بتضمين معلومات شركتك بشكل متسق عبر جميع الرسائل الإلكترونية:

{{ organization.name }}
{{ organization.fullAddress }}
{{ organization.websiteUrl }}
{{ organization.street }}
{{ organization.city }}
{{ organization.state }}
{{ organization.country }}
{{ organization.zipCode }}

متغير عنوان البريد الإلكتروني

ارجع إلى عنوان البريد الإلكتروني للمستلم مباشرةً:

{{ emailAddress }}

أفضل ممارسة: دائمًا امتلك بديلاً للمتغيرات الشخصية في حالة عدم تعيينها لمستلم معين.

عوامل تصفية العلامات

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

  • default: اضبط قيمة بديلة إذا كان المتغير فارغًا

{{ contact.attributes.firstName | default: 'Valued Customer' }}
  • capitalize, upcase, downcase: تغيير حالة النص

{{ contact.attributes.firstName | capitalize }}
{{ product.brand | upcase }}
{{ 'IMPORTANT NOTICE' | downcase }}
  • date: تنسيق التواريخ وفق الأنماط المحددة

{{ contact.attributes.birthday | date: '%B %d, %Y' }}
{{ 'now' | date: '%Y-%m-%d %H:%M' }}
  • currencyFormat: تنسيق الأرقام كعملة

{{ product.price | currencyFormat: 'USD' }}

أفضل ممارسة: استخدام عامل تصفية currencyFormat لجميع عروض الأسعار لضمان التناسق والتنسيق الصحيح بين المناطق المختلفة.

وسوم خاصة

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

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

ضروري للامتثال للأنظمة المتعلقة بالبريد الإلكتروني:

{% unsubscribe %}  <!-- Outputs: <a href="...">Unsubscribe</a> -->
{% unsubscribe 'Click here to unsubscribe' %}  <!-- Custom text -->
<a href="{% unsubscribeLink %}">Manage your preferences</a>  <

روابط عرض الويب

توفير خيار لعرض الرسالة الإلكترونية في متصفح ويب:

{% webView %}  <!-- Outputs: <a href="...">View in browser</a> -->
{% webView 'View this email online' %}  <!-- Custom text -->
<a href="{% webViewLink %}">Trouble viewing? Click here</a>  <

وسوم التاريخ

مفيدة لعرض التواريخ الحالية في رسائلك الإلكترونية:

Today's Date: {% currentYear %}-{% currentMonthName %}-{% currentDay %}
Sent on: {% currentWeekday %}

أفضل ممارسة: دائمًا قم بتضمين رابط إلغاء الاشتراك في رسائلك الإلكترونية، عادةً في التذييل.

المنطق الشرطي والحلقات

تتيح لك المنطق الشرطي والحلقات إنشاء محتوى ديناميكي يتكيف مع سمات أو تفضيلات كل مستلم.

عبارات If

استخدم عبارات if لعرض محتوى مختلف بناءً على سمات المستلم:

{% if contact.attributes.membership == "gold" %}
  <h2>Exclusive Gold Member Offer</h2>
  <p>Enjoy 20% off your next purchase!</p>
{% elsif contact.attributes.membership == "silver" %}
  <h2>Special Silver Member Discount</h2>
  <p>Get 15% off select items!</p>
{% else %}
  <h2>Limited Time Offer</h2>
  <p>Save 10% on your next order!</p>
{% endif %}

التحقق من عضوية القطاع

استهدف المحتوى لقطاعات معينة من جمهورك:

{% if contact.segments contains "abcd-1234-efgh-5678" }
  This contact is a member of the segment with ID "abcd-1234-efgh-5678".
{% endif %}

الحلقات

التكرار عبر مصفوفات البيانات لإنشاء قوائم ديناميكية:

<h3>Your Favorite Colors:</h3>
<ul>
{% for color in contact.attributes.favoriteColors %}
  <li style="color: {{ color }};">{{ color }}</li>
{% endfor %}
<

أفضل ممارسة: استخدم المنطق الشرطي لتخصيص رسالتك لقطاعات الجمهور المختلفة، وزيادة الصلة والمشاركة.

العمل مع المنتجات

دمج كتالوج المنتج الخاص بك مباشرة في قوالب البريد الإلكتروني لعرض المنتجات الديناميكية.

بحث عن منتج واحد

عرض تفاصيل منتج محدد:

{% catalog 'PRODUCT-ID-123' %}
  <div class="product">
    <h2>{{ catalogItem.title }}</h2>
    <img src="{{ catalogItem.imageUrl }}" alt="{{ catalogItem.title }}">
    <p>Price: {{ catalogItem.price | currencyFormat: catalogItem.currency }}</p>
    {% if catalogItem.originalPrice > catalogItem.price %}
      <p>Original Price: <strike>{{ catalogItem.originalPrice | currencyFormat: catalogItem.currency }}</strike></p>
    {% endif %}
    <a href="{{ catalogItem.url }}">Shop Now</a>
  </div>
{


تغذية المنتج

عرض منتجات متعددة من تغذية:

<h2>Recommended for You</h2>
<div class="product-grid">
  {% productfeed 'FEED-ID-456' %}
    {% for item in catalogItems limit:3 %}
      <div class="product">
        <h3>{{ item.title }}</h3>
        <img src="{{ item.imageUrl }}" alt="{{ item.title }}">
        <p>{{ item.price | currencyFormat: item.currency }}</p>
        <a href="{{ item.url }}">View Product</a>
      </div>
    {% endfor %}
  {% endproductfeed %}
</div>

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

فعاليات

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

{% if event.type == "abandoned_cart" %}
  <h2>Did you forget something?</h2>
  <p>We noticed you left some items in your cart:</p>
  <ul>
  {% for item in event.properties.items %}
    <li>{{ item.product_name }} - {{ item.price | currencyFormat: event.properties.currency }}</li>
  {% endfor %}
  </ul>
  <a href="{{ event.properties.checkout_url }}">Complete your purchase</a>
{% elsif event.type == "purchase_confirmation" %}
  <h2>Thank you for your purchase!</h2>
  <p>Order Total: {{ event.properties.total_price | currencyFormat: event.properties.currency }}</p>
  <p>Order ID: {{ event.properties.order_id }}</p>
{

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

رموز الخصم

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

<h2>Your Exclusive Offer</h2>
<p>Use this code for 15% off your next purchase:</p>
<div class="discount-code">{% discountCode "SUMMER_SALE_POOL" %}</div>

أفضل ممارسة: استخدم رموز الخصم الفريدة لتتبع أداء الحملات البريدية المختلفة أو القطاعات.

ترجمات

قم بإنشاء قوالب بريد إلكتروني متعددة اللغات باستخدام ميزة الترجمة.

أولًا، قم بإعداد ملفات الترجمة الخاصة بك (بتنسيق JSON) لكل لغة تدعمها. على سبيل المثال:

{
  "welcome_message": "Welcome to our store!",
  "sale_announcement": "Don't miss our big sale, {{name}}!",
  "product_of_the_day": "Product of the day: {{product}}"
}

ثم استخدم فلتر t في قوالبك:

<h1>{{ "welcome_message" | t }}</h1>
<p>{{ "sale_announcement" | t: "name", contact.attributes.firstName }}</p>
<h2>{{ "product_of_the_day" | t: "product", featuredProduct.title }}</h2>

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


مصادر البيانات الخارجية

دمج بيانات الوقت الفعلي من مصادر خارجية في بريدك الإلكتروني. يمكنك معرفة المزيد عن مصادر البيانات الخارجية هنا.

الاستخدام الأساسي:

{% datafetch "weather-api" %}
  <p>Current temperature in your area: {{ dataFetchResponse.temperature }}°C</p>
  <p>Weather condition: {{ dataFetchResponse.condition }}</p>
{

استخدام عناوين URL الديناميكية

لواجهات برمجة التطبيقات التي تتطلب معلمات ديناميكية:

{% datafetch "user-recommendations", "userId", contact.attributes.userId %}
  <h2>Recommended for You</h2>
  <ul>
  {% for product in dataFetchResponse.recommendations %}
    <li>{{ product.name }} - {{ product.price | currencyFormat: 'USD' }}</li>
  {% endfor %}
  </ul>
{

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


صيغة سائلة متقدمة

بينما توفر لغة قالب بريد الإلكتروني Bird ميزات قوية خاصة بالتسويق عبر البريد الإلكتروني، فإنها مبنية على رأس Liquid، الذي يقدم ميزات متقدمة إضافية. فيما يلي بعض الأمثلة:

معالجة المصفوفات والكائنات

{% assign sorted_products = products | sort: 'price' %}
{% assign expensive_products = sorted_products | where: "price", ">", 100 %}

العمليات الرياضية

{% assign total = product.price | times: item.quantity %}
{% assign discount = total | divided_by: 4 %}

التلاعب بالنصوص

{% assign lowercase_name = contact.attributes.firstName | downcase %}
{% assign greeting = "Hello, " | append: lowercase_name | capitalize %}

تدفق التحكم

{% case shipping_method %}
  {% when 'ground' %}
    Estimated delivery: 5-7 business days
  {% when 'express' %}
    Estimated delivery: 2-3 business days
  {% else %}
    Please contact us for shipping information
{% endcase %}

للحصول على دليل شامل حول هذه الميزات المتقدمة في Liquid، يُرجى الرجوع إلى وثائق Shopify Liquid.

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

تذكر اختبار قوالب البريد الإلكتروني الخاصة بك بالكامل عبر عملاء بريد إلكتروني مختلفين لضمان التناسق في العرض والأداء الأمثل. توفر منصة Bird أدوات لمعاينة واختبار القوالب الخاصة بك قبل الإرسال.

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

المزيد من الإرشادات

استكشف مقاطع فيديو إضافية وأدلة خطوة بخطوة لمساعدتك على التقدم.

A person is standing at a desk while typing on a laptop.

منصة AI-native الكاملة التي تتماشى مع نمو عملك.

A person is standing at a desk while typing on a laptop.

منصة AI-native الكاملة التي تتماشى مع نمو عملك.

المنتج

حلول

الموارد

شركة

إعدادات الخصوصية

اجتماعي

النشرة الإخبارية

ابقَ على اطلاع مع Bird من خلال التحديثات الأسبوعية إلى بريدك الوارد.

اشتراك

A person is standing at a desk while typing on a laptop.

منصة AI-native الكاملة التي تتماشى مع نمو عملك.

المنتج

حلول

الموارد

شركة

إعدادات الخصوصية

اجتماعي

النشرة الإخبارية

ابقَ على اطلاع مع Bird من خلال التحديثات الأسبوعية إلى بريدك الوارد.

اشتراك