قوالب Liquid

فيديو يوتيوب: تعلم كيفية استخدام قوالب المحتوى في رحلات العملاء

توسع قوالب Liquid بشكل كبير من إمكانيات التخصيص في Pushwoosh من خلال تطبيق منطق متطور بالإضافة إلى الاستخدام المنتظم لـ المحتوى الديناميكي.

يعتمد تخصيص الرسائل في Pushwoosh على الـ Tags (بيانات المستخدم). يقدم Pushwoosh مجموعة متنوعة من الـ Tags الافتراضية والـ Tags المخصصة. باستخدامها، يمكنك تحديد الاسم الأول للمستخدم، والمدينة، وسجل الشراء، وما إلى ذلك لإرسال رسالة أكثر تخصيصًا. على سبيل المثال: Hi {{First_name}}, thanks for ordering {{item}}.

تضيف قوالب Liquid المزيد من المنطق إلى المحتوى الديناميكي. على سبيل المثال، إذا كان Tag اشتراك المستخدم يحتوي على “free”، فيمكنك إرسال رسالة إليهم: “احصل على خصم 10%.”

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

الصيغة

تستخدم قوالب المحتوى المستندة إلى Liquid by Shopify مزيجًا من tags و objects و filters لتحميل المحتوى الديناميكي. تتيح لك قوالب المحتوى الوصول إلى متغيرات معينة من داخل القالب وإخراج بياناتها دون الحاجة إلى معرفة أي شيء عن البيانات نفسها.

ملاحظة

لمعرفة المزيد حول الصيغة، يرجى الرجوع إلى توثيق Liquid.

Objects

تحدد objects المحتوى الذي سيتم عرضه للمستخدم. يجب أن تكون objects محاطة بأقواس معقوفة مزدوجة: {{ }}

على سبيل المثال، عند تخصيص رسالة، أرسل {{Name}} في نصها لإضافة أسماء المستخدمين إلى محتوى الرسالة. سيحل اسم المستخدم (قيمة Tag الاسم) محل كائن Liquid في الرسالة التي سيراها المستخدم.

Input

Hi {{Name}}! We're glad you're back!

Output

Hi Anna! We’re glad you’re back!

Tags

تنشئ tags المنطق وتدفق التحكم للقوالب. لا تنتج المحددات المئوية للأقواس المعقوفة {% و %} والنص الذي يحيط بها أي إخراج مرئي عند عرض القالب. يتيح لك هذا تعيين المتغيرات وإنشاء الشروط أو الحلقات دون إظهار أي من منطق Liquid للمستخدم.

على سبيل المثال، باستخدام if tag، يمكنك تغيير لغة الرسالة بناءً على اللغة المحددة على جهاز المستخدم:

Input

{% if Language == 'fr' %}
Salut!
{% else %}
Hello!
{% endif %}

Output (fr)

Salut!

Output (es)

Hello!

عوامل تشغيل Tags

العامل	الوصف
==	يساوي
!=	لا يساوي
>	أكبر من
<	أقل من
>=	أكبر من أو يساوي
<=	أقل من أو يساوي
or	أو المنطقي
and	و المنطقي
contains	يتحقق من وجود سلسلة فرعية داخل سلسلة نصية أو مصفوفة من السلاسل النصية

ملاحظة

في الـ tags التي تحتوي على أكثر من عامل تشغيل and أو or، يتم فحص عوامل التشغيل بالترتيب من اليمين إلى اليسار. لا يمكنك تغيير ترتيب العمليات باستخدام الأقواس - فالأقواس هي أحرف غير صالحة في Liquid وستمنع الـ tags الخاصة بك من العمل.

Filters

تعدل filters إخراج كائن أو متغير Liquid. يتم استخدامها داخل الأقواس المعقوفة المزدوجة {{ }} وتعيين المتغيرات، ويتم فصلها بحرف الأنبوب |. يمكن استخدام فلاتر متعددة على مخرج واحد، ويتم تطبيقها من اليسار إلى اليمين.

Input

{{ Name | capitalize | prepend:"Hello " }}

Output

Hello Anna

استخدام قوالب Liquid

تتوفر قوالب Liquid لكل من الرسائل المرسلة من Control Panel وطلبات API.

في Pushwoosh، تنطبق قوالب Liquid على جميع حقول المحتوى لأي رسالة قناة:

• إشعارات الدفع (Push notifications)
• رسائل البريد الإلكتروني (Emails)

لإضافة قالب Liquid إلى رسالتك، أدخله في نص الرسالة. يمكنك القيام بذلك عند العمل مع عناصر push أو email، مباشرة من واجهة Customer Journey Builder.

اذهب إلى Customer Journey Builder > Create Campaign > اسحب وأفلت العناصر التالية إلى لوحة العمل الخاصة بك: Audience-based Entry، Push (أو Email)، و Exit. قم بتوصيل العناصر. ثم انقر فوق أيقونة Push، واختر Custom content، وأدخل نسختك.

لإضافة منطق Liquid، استخدم قيم الـ tag بالصيغة التالية:

{% if TagName == 'value' %}
  Content to send in this scenario
{% else %}
  Content to send otherwise
{% endif %}

ثم انقر فوق Apply.

يجب ألا تحتوي متغيرات القالب (Pushwoosh Tags) على أي مسافات وأن تحتوي فقط على قيم أبجدية رقمية وشرطات سفلية، على سبيل المثال، my_tag أو myTag بدلاً من My Tag.

تعرف على المزيد حول قوالب Liquid في رحلات العملاء

نصيحة

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

المحتوى المتصل (Connected content)

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

حالات الاستخدام الرئيسية

• توصيات المنتجات: عرض قوائم منتجات مخصصة مصممة لكل مستخدم.

• رموز الترويج: إدراج رموز ترويج فريدة تم إنشاؤها بواسطة خدمة خلفية.

المتطلبات الأساسية

• لاستخدام المحتوى المتصل (Connected Content)، يجب أن يكون لديك خدمة خلفية خاصة بك تقوم بإنشاء وتوفير البيانات المطلوبة (على سبيل المثال، رموز الترويج، توصيات المنتجات) بناءً على User ID أو HWID أو custom tags. يقوم Pushwoosh بعد ذلك بجلب هذه البيانات قبل إرسال الرسالة.

دليل التنفيذ خطوة بخطوة

مطلوب مساعدة المطورين

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

الخطوة 1. إعداد الخدمة الخلفية

يجب أن تقوم الخدمة الخلفية بما يلي:

• قبول طلب يحتوي على معلمات خاصة بالمستخدم (على سبيل المثال، userId). يدعم المحتوى المتصل UserID أو HWID أو أي custom tags قمت بإعدادها في مشروعك.
• إرجاع استجابة JSON بالبيانات المطلوبة. يمكن بعد ذلك إدراج هذا المحتوى ديناميكيًا في الرسائل

كيف يعمل

تعمل الخدمة الخلفية كمزود للبيانات، حيث تستجيب لطلبات HTTP بمعلومات خاصة بالمستخدم.

1. يرسل Pushwoosh طلبًا إلى خدمتك الخلفية، ويمرر معرفات خاصة بالمستخدم كمعلمات استعلام.
2. تعالج خدمتك الخلفية الطلب وتسترد البيانات المطلوبة.
3. تعيد خدمتك الخلفية استجابة JSON.
4. قبل إرسال رسالة، يجلب Pushwoosh استجابة JSON من الخدمة الخلفية ويستخدم القيم المرجعة (على سبيل المثال، code) في محتوى الرسالة ديناميكيًا.

مثال على الاستجابة

{ "code": "SPECIALOFFERFORUSER12345" }

الخطوة 2. إنشاء إعداد مسبق (preset) مع المحتوى المتصل في Pushwoosh

1. في محرر محتوى Push أو محرر محتوى البريد الإلكتروني، أدخل صيغة المحتوى المتصل في حقل الرسالة.

مثال

{% connected_content http://your-backend-url.com?userId={{ ${userid} }} :save result %}

تفصيل الصيغة

connected_content	يجلب بيانات JSON من عنوان URL الخلفي المحدد.
http://your-backend-url.com	نقطة النهاية الخلفية التي تعيد البيانات المطلوبة بتنسيق JSON.
userId={{ ${userid} }}	معلمة استعلام ديناميكية تمرر معرف المستخدم إلى الخدمة الخلفية.
:save result	يخزن استجابة JSON التي تم جلبها في متغير النتيجة (result) لاستخدامه في قوالب Liquid

المصادقة (اختياري)

إذا كانت خدمتك الخلفية تتطلب مصادقة، فيمكنك تضمين مفتاح API أو رمز مميز في طلب المحتوى المتصل لضمان الوصول الآمن.

{% connected_content http://your-backend-url.com?userId={{ ${userid} }}&auth=YOUR_API_KEY :save result %}

استخدام الـ tags في المحتوى المتصل

لتضمين custom tags، أدخلها كمعلمات استعلام في طلب المحتوى المتصل ({{ tag_name }}).

{% connected_content http://your-backend-url.com?userId={{ ${userid} }}{{ Language }} :save result %}

2. بعد ذلك، أضف نص الرسالة الذي يتضمن البيانات المستردة، مثل هذا:

Hey, {{userid}}, grab your personal promo code - {{result.code}}

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

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

أرسل رسالة باستخدام هذا الإعداد المسبق باستخدام one-time push أو نموذج البريد الإلكتروني أو رحلة العميل.

هام

إذا أعادت الخدمة حالة غير HTTP 200 OK، فلن يتم إرسال البريد الإلكتروني أو إشعار الدفع. هذا يضمن أن اتصالك يخرج فقط إذا تم استرداد البيانات اللازمة بنجاح.