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

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

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

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

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

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

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

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

المتغيرات المعرفة مسبقًا

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

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

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

{{ 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، يرجى الرجوع إلى وثائق Liquid من Shopify.

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

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

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

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

المنصة الكاملة المدعومة بالذكاء الاصطناعي التي تتوسع مع أعمالك.

تواصل مع المبيعات

ابدأ مجانًا

الاتصال بالدعم

المنصة الكاملة المدعومة بالذكاء الاصطناعي التي تتوسع مع أعمالك.

تواصل مع المبيعات

ابدأ مجانًا

الاتصال بالدعم

المنصة الكاملة المدعومة بالذكاء الاصطناعي التي تتوسع مع أعمالك.

تواصل مع المبيعات

ابدأ مجانًا

الاتصال بالدعم

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