انتقل إلى المحتوى

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

محتوى النافذة المنبثقة على الويب هو التخطيط المرئي الذي يراه الزوار عند ظهور نافذة منبثقة على موقعك الإلكتروني. يمكنك إنشاؤه تحت قسم المحتوى، ثم إرفاقه بـ حملة نوافذ منبثقة على الويب.

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

Anchor link to
  1. اذهب إلى المحتوىمحتوى النوافذ المنبثقة على الويب.
  2. انقر على إنشاء محتوى نافذة منبثقة على الويب.
  3. اختر قالبًا للبدء من المعرض.
معرض قوالب النوافذ المنبثقة على الويب يعرض قوالب بداية لنافذة مشروطة، وصورة، وشريط سفلي، وجولة منتج متعددة الصفحات
  1. بمجرد اختيارك للقالب، قم بتخصيص النافذة المنبثقة في المحرر.

تسمية النافذة المنبثقة

Anchor link to

انقر على اسم النافذة المنبثقة في الشريط العلوي لتحريره. يحدد هذا الاسم المحتوى داخل Pushwoosh، في قائمة المحتوى وفي معالج الحملة. لا يراه زوار الموقع.

تحرير إعدادات النافذة المنبثقة

Anchor link to

اضبط مظهر وموضع النافذة المنبثقة في لوحة الإعدادات على يسار لوحة الرسم:

الصور

Anchor link to

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

انقر على تغيير الصورة لاختيار ملف من متجر الوسائط الخاص بمشروعك.

قسم إعدادات النافذة المنبثقة مع معاينة صورة فارغة وزر تغيير الصورة في محرر النوافذ المنبثقة على الويب

أسفل المعاينة:

  • الملاءمة (Fit): كيفية ملء الصورة لإطارها: طبيعي (Natural)، تغطية (Cover)، أو احتواء (Contain). لا يظهر هذا الخيار لصورة الخلفية، التي تغطي دائمًا مساحتها.
  • التمويه (Blur): تنعيم الصورة، من 0 إلى 20 بكسل.
  • التعتيم (Dim): لصور الخلفية فقط. يضيف طبقة داكنة فوق الصورة حتى يظل النص الموضوع فوقها قابلاً للقراءة، من 0 إلى 100%.

تضيف بعض التخطيطات أيضًا قسم التخطيط (Layout) مع إعدادات لوضع الصورة:

  • عرض الصورة (Image width): حصة من عرض النافذة المنبثقة، كنسبة مئوية.
  • موضع الصورة (Image position): يسار (Left) أو يمين (Right)، للتخطيطات التي تحتوي على صورة بجانب النص.

يظهر قسم التخطيط (Layout) فقط عندما يحتوي التخطيط الحالي على إعدادات مثل هذه. في تخطيط الشريط السفلي، يقدم عرض الأزرار (Buttons width) بدلاً من عناصر التحكم في الصورة.

حجم ونمط النافذة المنبثقة

Anchor link to

في قسم النافذة المنبثقة (Popup):

  • العرض، الارتفاع (فارغ = تلقائي): اترك كلاهما فارغًا لنافذة منبثقة تحدد حجمها بنفسها حسب محتواها، أو قم بتعيين حجم ثابت بالبكسل. في نافذة منبثقة متعددة الصفحات، يكون لكل صفحة حجمها الخاص.
  • نصف قطر الزاوية، الظل: تقريب زوايا النافذة المنبثقة وظلها الساقط.
  • الرسوم المتحركة (Animation): كيفية ظهور النافذة المنبثقة: بدون (None)، تلاشي (Fade)، أو انزلاق (Slide).
قسم النافذة المنبثقة في لوحة الإعدادات مع عناصر التحكم في العرض والارتفاع ونصف قطر الزاوية والظل والرسوم المتحركة

الألوان

Anchor link to

انقر على الألوان (Colors) لتوسيع لوحة ألوان النافذة المنبثقة:

  • الخلفية، اللون المميز (الأزرار): خلفية النافذة المنبثقة واللون المميز المطبق على الأزرار.
  • النص، النص الثانوي: لون النص الأساسي والنص الثانوي مثل التعليقات التوضيحية والعناوين العلوية.
  • النص فوق الصورة: يظهر فقط للتخطيطات التي تحتوي على نص فوق صورة خلفية. يحدد اللون المستخدم لهذا النص.
قسم الألوان موسع، يعرض منتقيات الخلفية، واللون المميز، والنص، والنص الثانوي، والنص فوق الصورة

الموضع والتراكب

Anchor link to

في قسم الموضع (PLACEMENT):

  • الموضع (Position): اختر مكان تثبيت النافذة المنبثقة على الصفحة باستخدام الشبكة 3×3.
  • إزاحة الحافة (Edge offset): حدد المسافة بالبكسل من الحافة المحددة.

في قسم التراكب (OVERLAY):

  • تعتيم الصفحة الخلفية: قم بتشغيل هذا الخيار لتعتيم بقية الصفحة أثناء عرض النافذة المنبثقة.
  • اللون، الشفافية: حدد لون التراكب وشفافيته من 0 إلى 1.
لوحة إعدادات النوافذ المنبثقة على الويب مع أقسام POPUP و PLACEMENT و OVERLAY بما في ذلك شبكة الموضع وعناصر التحكم في التراكب

تحرير النص

Anchor link to

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

  • تطبيق تنسيق عريض، مائل، أو تسطير.
  • إضافة أو إزالة رابط.
  • تعيين محاذاة لليسار، الوسط، أو اليمين.
  • اختيار نمط نص: أيقونة (Icon)، عنوان علوي (Eyebrow)، عنوان 1-3 (Heading 1–3)، نص أساسي (Body)، أو تعليق توضيحي (Caption).
نص محدد على لوحة رسم النافذة المنبثقة على الويب مع شريط أدوات التحرير المباشر الذي يعرض عناصر التحكم في التنسيق والمحاذاة والرابط والنمط

تحرير الأزرار

Anchor link to

انقر على زر لفتح شريط الأدوات الخاص به:

  • اختر نمط الزر: أساسي (Primary) أو ثانوي (Secondary).
  • اختر ما يفعله الزر:
    • فتح رابط: أدخل عنوان URL المستهدف.
    • إغلاق النافذة المنبثقة.
    • الانتقال إلى صفحة: اختر صفحة أخرى من النافذة المنبثقة للتبديل إليها. يظهر هذا الخيار بمجرد أن تحتوي النافذة المنبثقة على أكثر من صفحة واحدة. انظر العمل مع صفحات متعددة.
زر محدد على لوحة رسم النافذة المنبثقة على الويب مع شريط أدوات تحرير الزر مفتوحًا

العمل مع صفحات متعددة

Anchor link to

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

إضافة صفحة

Anchor link to

انقر على + إضافة صفحة لفتح قائمة إضافة الصفحة:

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

كل علامة تبويب هي صفحة واحدة. انقر على علامة تبويب للتبديل إليها.

تعيين صفحة البداية

Anchor link to

علامة التبويب المميزة بـ ★ هي صفحة البداية، وهي الصفحة التي يراها الزوار أولاً. لتغييرها، افتح علامة تبويب أخرى وانقر على ☆ في تلك علامة التبويب.

علامات تبويب الصفحات تظهر علامة نجمة صفحة البداية على علامة تبويب واحدة وعنصر تحكم الحذف على علامة التبويب النشطة

حذف صفحة

Anchor link to

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

حفظ المحتوى

Anchor link to

راجع المحتوى والصور وإجراءات الأزرار. عند الانتهاء، انقر على حفظ في الشريط العلوي.

استخدام المحتوى في حملة

Anchor link to

بعد الحفظ، يظهر المحتوى في المحتوىمحتوى النوافذ المنبثقة على الويب. افتحه من القائمة لمواصلة التحرير.

لعرضه على الموقع، اذهب إلى الحملاتالنوافذ المنبثقة على الويب، قم بإنشاء أو تحرير حملة، واختر هذا المحتوى في خطوة المحتوى.

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