إنشاء رسائل In-App أصلية

تستخدم رسائل In-App الأصلية تخطيطات جاهزة يعرضها Pushwoosh SDK مباشرة على الجهاز، بدلاً من صفحة HTML التي تحملها رسالة In-App المخصصة. هذا يجعلها تُحمَّل بشكل أسرع وتتحرك بسلاسة أكبر، ولا تحتاج إلى مهارات في التصميم أو التطوير لإنشاء واحدة.

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

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

تحتاج إلى مساعدة من المطور

يمكنك إنشاء قالب رسالة In-App أصلية في لوحة التحكم دون أي تغييرات في الكود. لكن المستخدمين لن يروها إلا إذا كان تطبيقهم يعمل بإصدار من Pushwoosh SDK حديث بما يكفي لعرضها. تحقق مع فريق التطوير الخاص بك قبل الإطلاق.

قبل إنشاء قالب رسالة In-App أصلية، تأكد من:

• أن Pushwoosh SDK مدمج في تطبيقك حتى يمكن أن تظهر رسائل In-App. اعرف المزيد
• أن تطبيقك يعمل بـ iOS SDK 7.2.0+ أو Android SDK 6.10.0+ لأنواع modal، وfullscreen، وstories. تحتاج أنواع Sheet، وcarousel، وbanner إلى iOS SDK 7.2.1+ أو Android SDK 6.10.1+.

إنشاء قالب رسالة In-App أصلية

1. اذهب إلى Content → In-apps.
2. انقر على Create in-app.
3. أدخل اسمًا للقالب.
4. حدد Create native rich media.
5. في DISPLAY TYPE، اختر نوع العرض: modal، fullscreen، stories، sheet، carousel، أو banner.
6. انقر على Create in-app.

يُفتح المحرر مع معاينة حية للجوال على اليمين وحقول القالب على اليسار، مجمعة في Content، وConfig، وActions. ما تراه في كل مجموعة يعتمد على نوع العرض الذي اخترته.

تكوين نوع العرض

تنبيه

تتيح لك القائمة المنسدلة Display type في أعلى المحرر تبديل الأنواع في أي وقت، لكن التبديل يعيد تعيين جميع حقول Content و Config و Actions أدناه إلى قيمها الافتراضية للنوع الجديد. املأ المحتوى فقط بعد أن تستقر على نوع معين.

Modal

بطاقة مركزية، يمكن عرضها اختياريًا فوق خلفية معتمة.

1. تحت Content، أضف عنوانًا ورسالة، لكل منهما لون نص خاص به، بالإضافة إلى صورة اختيارية.
2. تحت Config، اضبط لون خلفية البطاقة. هذا يملأ البطاقة خلف النص والصورة.
3. قم بتشغيل Close button إذا كنت تريد عنصر تحكم ✕ حتى يتمكن المستخدمون من إغلاق رسالة In-App دون النقر على زر.
4. قم بتشغيل Dim background لتعتيم الشاشة خلف البطاقة والحفاظ على التركيز على رسالتك.
5. تحت Actions، أضف زرًا واحدًا أو أكثر. انظر تكوين الأزرار.

Fullscreen

صورة غلاف تمتد من الحافة إلى الحافة مع نص وأزرار فوقها. املأ هذه الحقول في اللوحة اليسرى:

1. تحت Content، أضف صورة غلاف، بالإضافة إلى عنوان ورسالة، لكل منهما لون نص خاص به.
2. تحت Config، اضبط لون الغلاف. يظهر أثناء تحميل صورة الغلاف، أو بمفرده إذا تركت الصورة فارغة.
3. قم بتشغيل Close button إذا كنت تريد عنصر تحكم ✕ حتى يتمكن المستخدمون من إغلاق رسالة In-App دون النقر على زر.
4. تحت Actions، أضف زرًا واحدًا أو أكثر. انظر تكوين الأزرار.

Stories

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

1. املأ حقول Image وTitle وMessage للشريحة الأولى (لكل منها لون نص خاص به).
2. اضبط Seconds على المدة التي تظل فيها الشريحة على الشاشة قبل التقدم. القيمة الافتراضية هي 5. أدخل قيمة من 1 إلى 30. القيم خارج هذا النطاق تمنع الحفظ مع ظهور خطأ تحقق.
3. اختياريًا، انقر على Add داخل الشريحة لمنحها زر دعوة لاتخاذ إجراء (CTA) خاص بها. انظر تكوين الأزرار.

4. انقر على Add أسفل الشريحة الأخيرة لإضافة شريحة أخرى، ثم كرر الخطوات من 1 إلى 3 لها.
5. تحت Config، قم بتشغيل Loop إذا كنت تريد أن تبدأ القصة مرة أخرى من الشريحة الأولى بعد انتهاء الأخيرة.
6. قم بتشغيل Close button إذا كنت تريد عنصر تحكم ✕ حتى يتمكن المستخدمون من الخروج قبل تشغيل جميع الشرائح.

مثال على شكل القصة النهائية للمستخدم

Sheet

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

املأ هذه الحقول في اللوحة اليسرى:

1. تحت Content، أضف عنوانًا ورسالة، لكل منهما لون نص خاص به، بالإضافة إلى صورة اختيارية.
2. تحت Config، اضبط لون خلفية اللوحة. هذا يملأ اللوحة خلف النص والصورة.
3. قم بتشغيل Close button إذا كنت تريد عنصر تحكم ✕ حتى يتمكن المستخدمون من إغلاق اللوحة دون النقر على زر.
4. تحت Actions، أضف زرًا واحدًا أو أكثر. انظر تكوين الأزرار.

Carousel

رسالة بملء الشاشة مع عدة بطاقات يمكن للمستخدمين التمرير بينها. نقاط في الأسفل تظهر البطاقة النشطة. تحت Content، كل بطاقة هي إدخال Cards منفصل.

1. املأ حقول Image وTitle وMessage للبطاقة الأولى (لكل منها لون نص خاص به).
2. اضبط Action للبطاقة. اختر close لإغلاق رسالة In-App عندما ينقر المستخدم على البطاقة، أو url لفتح رابط (نفس خيارات تكوين الأزرار).
3. انقر على Add أسفل البطاقة الأخيرة لإضافة واحدة أخرى، ثم كرر الخطوتين 1-2 لها.
4. قم بتشغيل Close button إذا كنت تريد عنصر تحكم ✕ حتى يتمكن المستخدمون من مغادرة الـ carousel دون النقر على بطاقة.

تنبيه

إذا قمت بإيقاف تشغيل Close button وضبطت Action لكل بطاقة على url، فلن يكون لدى المستخدم أي عنصر تحكم على الشاشة لإغلاق الـ carousel. النقرة ستفتح دائمًا رابطًا بدلاً من إغلاقه.

Banner

شريط مدمج مثبت في الحافة العلوية أو السفلية للشاشة، للرسائل التي لا ينبغي أن تحجب واجهة المستخدم بأكملها.

1. تحت Content، أضف عنوانًا ورسالة، لكل منهما لون نص خاص به، بالإضافة إلى صورة صغيرة اختيارية.
2. تحت Config، اضبط Position على top أو bottom لتثبيت اللافتة عند حافة الشاشة التي تريدها.
3. اضبط Auto-dismiss, sec لإغلاق اللافتة تلقائيًا بعد هذا العدد من الثواني. اتركه فارغًا للحفاظ على اللافتة حتى يغلقها المستخدم.
4. اضبط لون خلفية الشريط.
5. قم بتشغيل Close button إذا كنت تريد عنصر تحكم ✕ على اللافتة.
6. تحت Actions، اضبط Action على close أو url. اللافتات لا تحتوي على أزرار منفصلة. النقر في أي مكان على اللافتة ينفذ هذا الإجراء. انظر تكوين الأزرار لسلوك close و url.

تنبيه

إذا قمت بإيقاف تشغيل Close button، وضبطت Action على url، وتركت Auto-dismiss فارغًا، فستبقى اللافتة على الشاشة دون أي طريقة لإغلاقها. النقرة ستفتح دائمًا الرابط بدلاً من إغلاقه.

تكوين حقول النص

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

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

إضافة محتوى ديناميكي

يدعم كل حقل نصي التخصيص باستخدام Tags و User ID.

1. انقر على Personalization بجوار شريط أدوات الحقل.
2. تحت Tag، اختر Tag أو User ID.
3. اختر مُعدِّل تنسيق (على سبيل المثال، CapitalizeFirst أو regular).
4. اختياريًا، أدخل Default Tag Value.
5. انقر على Insert.

يظهر الـ Tag المدرج كشريحة في الحقل. يمكنك تغيير الـ Tag والمُعدِّل والقيمة الافتراضية قبل النقر على Insert. يستخدم التخصيص نفس الـ Tags والمُعدِّلات والقيم الافتراضية مثل المحتوى الديناميكي.

نصيحة

للمنطق الشرطي (على سبيل المثال، عرض هذا النص فقط إذا كان Tag يساوي قيمة معينة)، اكتب صيغة Liquid مباشرة في الحقل.

عندما تنقر على Save، يتحقق Pushwoosh من المحتوى الديناميكي و Liquid في كل حقل نصي. إذا لم يتم تحليل حقل ما (على سبيل المثال، وسم {% if %} غير مغلق)، يتم حظر Save وتظهر رسالة منبثقة Dynamic content contains errors تذكر الحقل واللغة المعطلة. أصلحه هناك، ثم انقر على Save مرة أخرى.

ملاحظة

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

تكوين الأزرار

تستخدم أنواع modal، و fullscreen، وكل شريحة stories، و sheet نفس حقول الأزرار:

• Button text ولونه.
• Background، وBorder color، وBorder radius.
• Action: اختر ما يحدث عندما ينقر المستخدم على الزر:
  • close: يغلق رسالة In-App.
  • url: يفتح الرابط الذي تدخله في الحقل الذي يظهر. استخدم عنوان ويب (على سبيل المثال، https://example.com) أو رابطًا عميقًا في تطبيقك (على سبيل المثال، myapp://product/123).

انقر على Add لإضافة زر آخر، أو على × على زر لإزالته.

تنبيه

إذا قمت بإيقاف تشغيل Close button ولم تضف أي زر أيضًا، فلن يكون لدى المستخدم أي عنصر تحكم على الشاشة لإغلاق رسالة In-App.

إضافة الترجمات

بشكل افتراضي، تحتوي رسالة In-App الأصلية على لغة واحدة. لإضافة المزيد:

ملاحظة

محدد اللغة هنا يحسب فقط الأجهزة على المنصات التي تعرض محتوى In-App. قيم اللغة التي يتم تعيينها من خلال Tags على مستوى المستخدم ليست مرتبطة بمنصة جهاز، لذلك لا تظهر هنا.

1. انقر على + بجوار محدد اللغة في الشريط العلوي.
2. حدد اللغات التي تريد إضافتها وانقر على Apply.

3. استخدم محدد اللغة في الشريط العلوي للتبديل بين اللغات وملء حقول النص لكل واحدة.

ملاحظة

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

حفظ القالب

انقر على Save في أعلى اليمين للاحتفاظ بتغييراتك.

يظهر القالب بعد ذلك في Content → In-apps إلى جانب قوالب In-App الأخرى الخاصة بك.

استخدامه في حملة

يظهر قالب رسالة In-App أصلية في منتقي القوالب مع قوالب In-App الأخرى الخاصة بك.

يمكنك استخدامه لـ:

• إرسال رسالة In-App فورية
• إضافة خطوة In-App إلى Customer Journey
• فتح رسالة In-App عندما ينقر المستخدم على إشعار push

ملاحظة

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