كتل محتوى النوافذ المنبثقة على الويب

مرجع لكل كتلة يمكنك إضافتها على تصميم محتوى النوافذ المنبثقة على الويب من علامة التبويب Elements.

يخدم كل نوع من الكتل غرضًا مختلفًا في النافذة المنبثقة:

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

كيفية تكوين كتل المحتوى

1. افتح علامة التبويب Elements على اليمين.

2. اسحب مربعًا إلى النافذة المنبثقة، أو انقر عليه لإضافته إلى الصفحة.
   • نقرة واحدة تُدرج الكتلة أسفل العنصر المحدد على اللوحة.
   • إذا لم يكن هناك شيء محدد، تنتقل الكتلة إلى نهاية القسم الأول من الصفحة.
3. حدد كتلة على النافذة المنبثقة لفتح علامة التبويب Settings (بجانب Elements). إضافة كتلة من Elements تفتح Settings على الفور.

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

في Settings يمكنك:

• تكوين خيارات الكتلة الخاصة
• نقلها لأعلى أو لأسفل داخل قسمها باستخدام POSITION (أسهم لأعلى ولأسفل)
• حذفها باستخدام أيقونة الحذف

ملاحظة

عندما لا يحتوي قسم من النافذة المنبثقة على عناصر بعد، فإنه يعرض عناصر التحكم الخاصة به + Text و + Button و + Form في مكانها. لإضافة Icon أو Countdown أو Topic picker أو Rating هناك بدلاً من ذلك:

1. أضف عنصرًا باستخدام عنصر التحكم + Text أو + Button.
2. حدده.
3. أضف الكتلة من علامة التبويب Elements. ستظهر في نفس القسم، أسفل اختيارك.

نص

انقر على أي نص أو تسمية زر على النافذة المنبثقة لتحريره مباشرة. يظهر شريط أدوات فوقه:

• تطبيق تنسيق عريض أو مائل أو تسطير.
• إضافة أو إزالة رابط.
• ضبط المحاذاة إلى اليسار أو الوسط أو اليمين.

لتغيير نمط النص، حدده وافتح علامة التبويب Settings على اليمين. اختر Icon (نمط النص، وليس كتلة Icon)، Eyebrow، Heading 1–3، Body، أو Caption.

زر

انقر على زر لتحديده، ثم افتح علامة التبويب Settings على اليمين:

• Button style: Primary أو Secondary.
• Action:
  • Open a link: أدخل Link URL. يكون خيار New tab مفعلًا افتراضيًا. قم بإلغاء تحديد مربع الاختيار لفتح الرابط في نفس علامة التبويب بدلاً من ذلك.
  • Close the popup.
  • Subscribe: طلب إذن إشعارات الويب واشتراك الزائر. هذه ليست كتلة Subscription form للبريد الإلكتروني. الطلب الممنوح يغلق النافذة المنبثقة. الطلب المرفوض يعطل الزر، لأن المتصفح لن يطالب مرتين.
  • Go to page: اختر صفحة أخرى من النافذة المنبثقة للتبديل إليها. يظهر هذا الخيار بمجرد أن تحتوي النافذة المنبثقة على أكثر من صفحة واحدة. انظر العمل مع صفحات متعددة.

استخدم POSITION لتحريك الزر لأعلى أو لأسفل، أو أيقونة الحذف لإزالته.

أيقونة

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

1. افتح علامة التبويب Elements على اليمين.
2. انقر على Icon.
3. اضبط الخيارات في علامة التبويب Settings:

• Icon: اختر من مجموعة ثابتة من 20 أيقونة (جرس، هدية، عربة تسوق، رسم بياني، قفل، تقويم، علامة صح، نجمة، ساعة، علامة، بريد، هاتف، تنزيل، تشغيل، درع، بريق، نسبة مئوية، شاحنة، تذكرة، مستخدم). لا يتم دعم تحميل أيقونات مخصصة.
• Size: 24، 32، أو 48 بكسل.
• Accent: مفعل افتراضيًا، بحيث تتطابق الأيقونة مع لون التمييز في النافذة المنبثقة. قم بإيقاف تشغيله لاختيار لون مخصص.

عد تنازلي

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

1. افتح علامة التبويب Elements على اليمين.
2. انقر على Countdown.
3. اضبط الخيارات في علامة التبويب Settings:

• Deadline: التاريخ والوقت الذي يصل فيه العد التنازلي إلى الصفر.
• Time zone: المنطقة الزمنية التي يُقرأ بها الموعد النهائي، وليس المنطقة الزمنية الخاصة بالزائر. يتم تعيينها افتراضيًا على المنطقة الزمنية لمتصفحك؛ اختر UTC من القائمة لقراءة الموعد النهائي حرفيًا بدلاً من ذلك.
• Language: لغة تسميات الوحدات (أيام، ساعات، وما إلى ذلك). اتركها على English (default) أو اختر من بين 14 لغة أخرى.
• Labels: قم بتشغيلها لإظهار تسميات الوحدات بجانب الأرقام.
• When the deadline passes:
  • Show zeros: يستمر العد التنازلي في إظهار 00:00:00.
  • Do not show the popup: يتم تخطي النافذة المنبثقة بأكملها بمجرد أن يصبح الموعد النهائي في الماضي. يتحقق Pushwoosh من الموعد النهائي مباشرة قبل ظهور النافذة المنبثقة. النافذة المنبثقة التي يتم تخطيها بهذه الطريقة لا تُحتسب ضمن تكرار Once per visitor.
  • Go to page: انتقل إلى صفحة أخرى من النافذة المنبثقة عند انقضاء الموعد النهائي. يُعرض هذا الخيار فقط بمجرد أن تحتوي النافذة المنبثقة على أكثر من صفحة واحدة. اختر الصفحة المستهدفة من القائمة المنسدلة التي تظهر. انظر العمل مع صفحات متعددة.

منتقي المواضيع

أضف كتلة Topic picker للسماح للزوار باختيار اهتماماتهم ذاتيًا كمربعات اختيار أو رقائق. تُكتب اختياراتهم إلى tag على أجهزتهم.

1. افتح علامة التبويب Elements على اليمين.
2. انقر على Topic picker. تظهر الكتلة مع خيارين مؤقتين. تُفتح إعداداتها في علامة التبويب Settings.

3. في List tag the choice is written to، اختر tag موجود من نوع List، أو اختر Create a list tag لإنشاء واحد دون مغادرة المحرر. حتى تختار tag، لا تكتب الكتلة أي شيء.
4. اضبط Control على Checkboxes أو Chips.
5. اضبط Minimum picks و Maximum picks. 0 على أي من الطرفين يعني عدم وجود حد على هذا الجانب (0 = any في تسميات الحقول). مطلوب اختيار واحد على الأقل دائمًا للإرسال، حتى عندما يكون Minimum هو 0. اختيار أكثر من الحد الأقصى، أو محاولة الإرسال بأقل من الحد الأدنى، يعرض رسالة مضمنة بجانب الكتلة بدلاً من إرسال أي شيء.
6. تحت Options and copy، قم بتحرير تسمية كل خيار (ما يقرأه الزائر) و Tag value (ما يُكتب إلى tag). إذا تركت Tag value فارغًا، يكتب Pushwoosh المعرف الداخلي للخيار بدلاً من ذلك (option-1، option-2، وهكذا). استخدم + Option لإضافة صف آخر، حتى 12 خيارًا إجمالاً.
7. اضبط Button label (الافتراضي Save) و Message after sending (الافتراضي Thanks! Your choice is saved.).

الاختيارات تضيف فقط، ولا تزيل أبدًا

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

تقييم

أضف كتلة Rating لجمع درجة سريعة (NPS، نجوم، أو إعجاب) كحدث مخصص.

1. افتح علامة التبويب Elements على اليمين.
2. انقر على Rating. تظهر الكتلة بدون تعيين أي حدث. تُفتح إعداداتها في علامة التبويب Settings.

3. اضبط Scale على NPS 0–10، Stars (من 1 إلى 5)، أو Thumbs (لأعلى أو لأسفل). في جميع الثلاثة، تعني الدرجة الأعلى تقييمًا أكثر إيجابية. يرسل Thumbs 1 للإعجاب و 0 لعدم الإعجاب.
4. اضبط When the score is sent على On tap (يرسل عندما يختار الزائر قيمة) أو With a button (ينتظر نقرة الإرسال).
5. في Event the score is sent as، اختر event من مشروعك، أو اختر Create an event لتعريف حدث جديد دون مغادرة النافذة المنبثقة. يتم تخزين الدرجة كذاك الحدث (سمات score، scale، و slotKey). استخدمه في الشرائح أو Customer Journeys مثل أي حدث آخر. حتى تختار حدثًا، لا ترسل الكتلة أي شيء.
6. اختياريًا، املأ Left label و Right label عند طرفي المقياس.
7. إذا كان When the score is sent هو With a button، فاضبط Button label (الافتراضي Send rating).

إنشاء حدث هنا دائم

• الحدث الذي تنشئه من هذه القائمة هو حدث حقيقي في مشروعك، وليس مسودة. حذفه لاحقًا يعني الذهاب إلى قائمة أحداث مشروعك، وليس مجرد تغيير النافذة المنبثقة.
• إذا تم إعادة تسمية حدث مرتبط بالكتلة أو حذفه لاحقًا في مكان آخر، أو تم كتابته في هذا الحقل قبل أن يصبح منتقيًا، يعرض المنتقي Missing: <event name>. لا يسقط أو يبدل الحدث بصمت. اختر حدثًا مختلفًا لإصلاح الربط.

نموذج الاشتراك

أضف كتلة Subscription form لجمع اشتراكات البريد الإلكتروني وحقول أخرى في النافذة المنبثقة. استخدم هذا للبريد الإلكتروني وحقول النماذج. للحصول على إذن إشعارات الويب، استخدم زرًا مع إجراء Subscribe بدلاً من ذلك. تعرف على المزيد حول نماذج الاشتراك.

ملاحظة

يمكن أن تحتوي النافذة المنبثقة على Subscription form واحد فقط. بمجرد أن تحتوي أي صفحة بالفعل على واحد، يصبح هذا المربع غير متاح في Elements.

أضف الكتلة

1. افتح علامة التبويب Elements على اليمين.
2. انقر على Subscription form.
3. تظهر الكتلة مع حقل Email افتراضي وزر Subscribe. تُفتح إعداداتها في علامة التبويب Settings.

اختر مصدر النموذج

مع تحديد الكتلة، تعرض علامة التبويب Settings قائمة منسدلة Subscription form تربط الكتلة بـ نموذج اشتراك في مشروعك. يمكنك إنشاء نموذج جديد أو اختيار واحد موجود بالفعل:

الخيار	متى يُستخدم
New form — created on save (افتراضي)	أسرع بداية: يقوم Pushwoosh بإنشاء النموذج لك عند حفظ النافذة المنبثقة، باسم “اسم النافذة المنبثقة — web popup”.
+ Create new form…	تريد تسمية النموذج وإعداده قبل حفظ النافذة المنبثقة. يفتح مربع حوار New subscription form. أدخل Name، واضبط Fields، ونص Submit، و Privacy، ثم انقر على Create.
نموذج موجود من القائمة المنسدلة	أعد استخدام نموذج لديه مشتركين بالفعل أو تم تكوين تأكيد الاشتراك المزدوج له.

مهم

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

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

ضبط الحقول وسلوك الإرسال

لا تزال في علامة التبويب Settings:

1. اضبط Submit button style:
   • Primary: زر مملوء بلون Accent للنافذة المنبثقة. الأفضل عندما يكون Subscribe هو الإجراء الرئيسي في الصفحة.
   • Secondary: زر محدد بإطار وتسمية بلون التمييز. الأفضل عندما تحتوي النافذة المنبثقة بالفعل على زر أساسي أو تريد مظهرًا أخف.
2. قم بتشغيل Privacy لإضافة سطر موافقة على الخصوصية أسفل النموذج، ثم أدخل عنوان URL لسياسة الخصوصية الخاصة بك في الحقل الذي يظهر.

3. تحت Fields، احتفظ بـ Email (مطلوب دائمًا) وأضف First name، Last name، Phone، أو Custom.
   • لحقل Custom، اختر tag الذي تُرسل قيمته إليه من القائمة المنسدلة Pick a tag…، أو اختر Create a tag لإنشاء tag سلسلة جديد دون مغادرة المحرر.
   • اضبط نصوص Success و Confirm email التي تظهر بعد إرسال الزائر.