محتوى النوافذ المنبثقة على الويب
محتوى النوافذ المنبثقة على الويب هو التخطيط المرئي الذي يراه الزوار عند ظهور نافذة منبثقة على موقعك الإلكتروني. يمكنك إنشاؤه تحت قسم Content، ثم إرفاقه بـ حملة نوافذ منبثقة على الويب.
إنشاء محتوى النوافذ المنبثقة على الويب
Anchor link to- اذهب إلى Content ← Web popup content.
- انقر على Create web popup content.
- اختر قالبًا للبدء من المعرض. استخدم القائمة المنسدلة للفئات في أعلى اليمين للتصفية حسب حالة الاستخدام (على سبيل المثال Promotions & offers أو Gaming & marketplaces)، أو اتركها على All templates.
- بمجرد اختيارك للقالب، قم بتخصيص النافذة المنبثقة في المحرر.
تسمية النافذة المنبثقة
Anchor link toانقر على اسم النافذة المنبثقة في الشريط العلوي لتحريره. يحدد هذا الاسم المحتوى داخل Pushwoosh، في قائمة المحتوى ومعالج الحملات. لا يراه زوار الموقع.
تحرير إعدادات النافذة المنبثقة
Anchor link toاضبط مظهر وموضع النافذة المنبثقة في لوحة الإعدادات على يسار لوحة الرسم:
الصور
Anchor link toإذا كان التخطيط يحتوي على صورة واحدة أو أكثر، تحصل كل صورة على كتلتها الخاصة في أعلى اللوحة مع معاينة وعناصر تحكم.
انقر على Change image لاختيار ملف من متجر الوسائط الخاص بمشروعك.
أسفل المعاينة:
- Fit: كيفية ملء الصورة لإطارها: Natural، Cover، أو Contain. لا يظهر هذا الخيار لصورة الخلفية، التي تغطي دائمًا مساحتها.
- Blur: تنعيم الصورة، من 0 إلى 20 بكسل.
- Dim: لصور الخلفية فقط. يضيف طبقة داكنة فوق الصورة حتى يظل النص الموضوع فوقها قابلاً للقراءة، من 0 إلى 100%.
تضيف بعض التخطيطات أيضًا قسم Layout مع إعدادات موضع الصورة:
- Image width: حصة من عرض النافذة المنبثقة، كنسبة مئوية.
- Image position: Left أو Right، للتخطيطات التي تحتوي على صورة بجانب النص.
يظهر قسم Layout فقط عندما يحتوي التخطيط الحالي على إعدادات مثل هذه. في تخطيط الشريط السفلي، يقدم Buttons width بدلاً من عناصر التحكم في الصورة.
حجم ونمط النافذة المنبثقة
Anchor link toفي قسم Popup:
- Width, Height (empty = auto): اترك كلاهما فارغًا لنافذة منبثقة تحدد حجمها بنفسها بناءً على محتواها، أو قم بتعيين حجم ثابت بالبكسل. في نافذة منبثقة متعددة الصفحات، يكون لكل صفحة حجمها الخاص.
- Corner radius, Shadow: استدارة زوايا النافذة المنبثقة والظل الساقط.
- Animation: كيفية ظهور النافذة المنبثقة: None، Fade، أو Slide.
الألوان
Anchor link toانقر على Colors لتوسيع لوحة ألوان النافذة المنبثقة:
- Background, Accent (buttons): خلفية النافذة المنبثقة واللون المميز المطبق على الأزرار.
- Text, Secondary text: لون نص المتن والنص الثانوي مثل التسميات التوضيحية والعناوين العلوية.
- Text over image: يظهر فقط للتخطيطات التي تحتوي على نص فوق صورة خلفية. يحدد اللون المستخدم لهذا النص.
الموضع والتراكب
Anchor link toفي قسم PLACEMENT:
- Position: اختر مكان تثبيت النافذة المنبثقة على الصفحة باستخدام شبكة 3×3.
- Edge offset: اضبط المسافة بالبكسل من الحافة المحددة.
في قسم OVERLAY:
- Dim the page behind: قم بتشغيله لتعتيم بقية الصفحة أثناء عرض النافذة المنبثقة.
- Color, Opacity: اضبط لون التراكب وشفافيته من 0 إلى 1.
تحرير النص
Anchor link toانقر على أي كتلة نصية في النافذة المنبثقة لتحريرها مباشرة. يظهر شريط أدوات فوقها:
- طبق تنسيق عريض أو مائل أو تسطير.
- أضف أو أزل رابطًا.
- اضبط المحاذاة إلى اليسار أو الوسط أو اليمين.
- اختر نمط النص: Icon، Eyebrow، Heading 1–3، Body، أو Caption.
تحرير الأزرار
Anchor link toانقر على زر لفتح شريط أدواته:
- اختر نمط الزر: Primary أو Secondary.
- اختر ما يفعله الزر:
- Open a link: أدخل عنوان URL المستهدف.
- Close the popup.
- Go to page: اختر صفحة أخرى من النافذة المنبثقة للتبديل إليها. يظهر هذا الخيار بمجرد أن تحتوي النافذة المنبثقة على أكثر من صفحة واحدة. انظر العمل مع صفحات متعددة.
إضافة نموذج اشتراك
Anchor link toأضف كتلة Subscription form لجمع اشتراكات البريد الإلكتروني وحقول أخرى مباشرة في النافذة المنبثقة. تعرف على المزيد حول نماذج الاشتراك.
إضافة الكتلة
Anchor link to- حدد كتلة نصية أو زرًا أو عنصرًا آخر على لوحة الرسم.
- انقر على Add في شريط أدواته.
- اختر Subscription form. تظهر الكتلة على الفور مع حقل Email افتراضي وزر Subscribe.
اختر مصدر النموذج
Anchor link toانقر على كتلة نموذج الاشتراك لفتح شريط أدوات FORM. تربط قائمته المنسدلة الأولى الكتلة بـ نموذج اشتراك في مشروعك. يمكنك إنشاء نموذج جديد أو اختيار نموذج موجود بالفعل:
| الخيار | متى تستخدمه |
|---|---|
| New form — created on save (افتراضي) | أسرع بداية: يقوم Pushwoosh بإنشاء النموذج لك عند حفظ النافذة المنبثقة، باسم “اسم النافذة المنبثقة — web popup”. |
| + Create new form… | تريد تسمية النموذج وإعداده قبل حفظ النافذة المنبثقة. يفتح مربع حوار New subscription form — أدخل Name، ثم اضبط Fields ونص Submit وPrivacy بنفس الطريقة الموضحة أدناه، وانقر على Create. |
| نموذج موجود من القائمة المنسدلة | أعد استخدام نموذج لديه مشتركين بالفعل أو تم تكوين التأكيد المزدوج له. |
ضبط الحقول وسلوك الإرسال
Anchor link to- اضبط Submit button style في شريط أدوات FORM:
- Primary: زر مملوء بلون Accent الخاص بالنافذة المنبثقة. الأفضل عندما يكون Subscribe هو الإجراء الرئيسي في الصفحة.
- Secondary: زر محدد بإطار مع تسمية ملونة بلون مميز. الأفضل عندما تحتوي النافذة المنبثقة بالفعل على زر أساسي أو تريد مظهرًا أخف.
- قم بتشغيل Privacy لإضافة سطر موافقة على الخصوصية أسفل النموذج، ثم أدخل عنوان URL لسياسة الخصوصية الخاصة بك في الحقل الذي يظهر.
- انقر على Fields… لفتح نافذة منبثقة حيث يمكنك الاحتفاظ بـ Email (مطلوب دائمًا) وإضافة First name، Last name، Phone، أو Custom، وتعيين نصوص Success و Confirm email التي تظهر بعد إرسال الزائر.
العمل مع صفحات متعددة
Anchor link toيمكن أن تحتوي النافذة المنبثقة على الويب على أكثر من صفحة واحدة، على سبيل المثال لتوجيه الزوار خلال عرض قصير متعدد الخطوات.
إضافة صفحة
Anchor link toانقر على + Add page لفتح قائمة إضافة الصفحة:
- Duplicate current page: ينسخ الصفحة النشطة، بما في ذلك أي تعديلات قمت بها، كصفحة جديدة.
- اختر أحد تخطيطات الصفحة الواحدة لإضافة صفحة جديدة بمحتوى العرض التوضيحي لذلك التخطيط. الصفحة الجديدة مستقلة عن الصفحات الأخرى، لذا يمكنها استخدام تخطيط مختلف.
كل علامة تبويب هي صفحة واحدة. انقر على علامة تبويب للتبديل إليها.
تعيين صفحة البداية
Anchor link toعلامة التبويب المميزة بـ ★ هي صفحة البداية، وهي الصفحة التي يراها الزوار أولاً. لتغييرها، افتح علامة تبويب أخرى وانقر على ☆ في تلك علامة التبويب.
حذف صفحة
Anchor link toفي علامة التبويب النشطة، انقر على ✕. يفتح مربع حوار تأكيد. انقر على Delete لإزالة الصفحة. لا يمكن التراجع عن هذا الإجراء.
حفظ المحتوى
Anchor link toراجع المحتوى والصور وإجراءات الأزرار. عندما تنتهي، انقر على Save في الشريط العلوي.
استخدام المحتوى في حملة
Anchor link toبعد الحفظ، يظهر المحتوى في Content ← Web popup content. افتحه من القائمة لمواصلة التحرير.
لعرضه على الموقع، اذهب إلى Campaigns ← Web popups، أنشئ أو حرر حملة، واختر هذا المحتوى في خطوة Content.
ثم قم بتكوين الجمهور وإعدادات العرض والتكرار وخيارات الإطلاق. للاطلاع على التدفق الكامل، انظر إنشاء حملات النوافذ المنبثقة على الويب.