نماذج الويب

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

لعرض رسالة بدون حقول إدخال, أنشئ محتوى ويب بدلاً من ذلك. يحتوي معرض قوالب محتوى الويب على قوالب جاهزة لذلك.

كيف يعمل نموذج الويب

عندما يرسل الزائر النموذج، يقوم Pushwoosh بما يلي بالترتيب:

1. يكتب كل إجابة مُدخلة من حقل Tag input إلى العلامة الخاصة بها على جهاز المتصفح الخاص بالزائر فورًا، حتى لو لم يكن الزائر مشتركًا في إشعارات Push على الويب. الإجابة الفارغة تُبقي القيمة الحالية للعلامة كما هي.
2. يشترك عنوان البريد الإلكتروني في البريد الإلكتروني وينشئ جهاز بريد إلكتروني بقيم العلامات نفسها، إذا كان النموذج يحتوي على Email input. إذا كان تأكيد الاشتراك المزدوج مفعّلًا، يتلقى الزائر أولاً رسالة تأكيد بالبريد الإلكتروني.
3. يعرض صفحة Success الخاصة بالنموذج بمجرد أن يقبل Pushwoosh الإرسال.

إذا كانت خطتك لا تتضمن منصة الويب، فلا يتم حفظ العلامات، ويظل الإرسال مقبولًا. النموذج الذي لا يحتوي على Email input يحفظ العلامات على جهاز المتصفح فقط، على سبيل المثال لسؤال الزوار عن اهتماماتهم.

إنشاء نموذج ويب

لإنشاء نموذج، أنشئه، وأضف الحقول، وصمّم صفحة Success، ثم احفظه. قسّم النموذج إلى صفحات إذا كان طويلًا.

إنشاء نموذج ويب

1. اذهب إلى المحتوى ← محتوى الويب.

2. انقر على إنشاء واختر النوع Web form.

   

3. اختر قالبًا:

   • Email subscription: نموذج تسجيل يحتوي على عنوان، وحقل للبريد الإلكتروني، ومربع اختيار للموافقة، وزر Submit، وصفحة Success بعبارة “Thank you!”.
   • Blank form: نموذج فارغ يحتوي على عنوان وزر Submit.
   

4. انقر على الاسم في الشريط العلوي وأدخل اسمًا للنموذج. لا يراه الزوار. لا يمكنك حفظ النموذج حتى يكون له اسم.

إضافة حقول النموذج

يحتوي نموذج الويب على كتل Text وButton وIcon وأربع كتل للنموذج: Email input وTag input وConsent وSubmit.

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

   

2. اسحب كتلة إلى النموذج، أو انقر عليها لإضافتها إلى الصفحة الحالية.

3. حدد الكتلة في النموذج. تُفتح خياراتها في علامة التبويب Settings.

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

يمكن أن يحتوي النموذج على Email input واحد وSubmit واحد فقط، لذا تصبح مربعاتهما غير متاحة بمجرد أن يحتوي النموذج عليهما.

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

قبل حفظ النموذج

• أضف Email input أو Tag input واحدًا على الأقل. قالب Blank form لا يحتوي على أي منهما.
• إذا كان النموذج يحتوي على Email input، فأدخل Privacy policy URL في كتلة Consent. يحتوي قالب Email subscription على كتلة Consent بعنوان URL فارغ.

تعرّف على المزيد حول إعداد كل كتلة في الكتل.

تصميم صفحة Success

ينتهي كل نموذج ويب بصفحة Success، التي يراها الزائر بعد أن يقبل Pushwoosh الإرسال. لا يمكنك حذفها أو جعلها صفحة البداية.

1. انقر على علامة التبويب Success، وهي آخر علامة تبويب بعد + Add page.

   

2. حرّر الصفحة مثل أي صفحة أخرى. استخدم كتل Text وButton وIcon، على سبيل المثال لرسالة شكر مع رمز خصم. لا يمكن وضع زر Submit هنا.

تقسيم نموذج طويل إلى صفحات

أضف صفحات لطرح عدد أقل من الأسئلة في كل مرة.

1. انقر على + Add page. تُضاف الصفحة الجديدة بعد الصفحة الحالية، ولا تُضاف أبدًا بعد صفحة Success.
2. أضف زرًا بإجراء Go to page لنقل الزائر إلى الأمام.

الزر الذي ينتقل مباشرة إلى صفحة Success يرسل النموذج. انظر صفحات متعددة لمعرفة كيفية إضافة الصفحات وتكرارها وحذفها.

تُنسخ الصفحة المكررة بدون كتل النموذج الخاصة بها. يحتوي النموذج على Email input واحد وSubmit واحد فقط، ويمكن استخدام كل علامة مرة واحدة.

كيف يُرسل نموذج متعدد الصفحات

يرسل زر Submit الوحيد في النموذج جميع الصفحات معًا.

قبل إرسال النموذج:

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

بعد إرسال النموذج:

• إذا رفض Pushwoosh عنوان البريد الإلكتروني، ينتقل النموذج إلى الصفحة التي تحتوي على Email input ويعرض Invalid email text الخاص به هناك.
• إذا رفض Pushwoosh الإرسال لسبب آخر، على سبيل المثال لأن الحقول لم تعد تطابق النموذج المحفوظ، يبقى الزائر في الصفحة الحالية ويرى Submit error text.

حفظ النموذج

لرؤية النموذج بالحجم الكامل قبل الحفظ، انقر على معاينة (Preview). لا ترسل المعاينة أي شيء، لذا اختبر النموذج على موقعك.

1. انقر على حفظ (Save) في الشريط العلوي.

2. إذا ظهر الشريط The form can’t be saved yet، فأصلح كل مشكلة يذكرها. انظر إذا تعذر حفظ النموذج.

   

3. انقر على حفظ (Save) مرة أخرى.

إذا تعذر حفظ النموذج

يعرض الشريط The form can’t be saved yet كل مشكلة تمنع الحفظ. ابحث عن رسالتك في الجدول ونفّذ ما تقوله.

الرسالة في الشريط	ما يجب فعله
Add an Email input or a Tag input	أضف حقلًا واحدًا على الأقل.
The form needs exactly one Submit button, not on the success page	احتفظ بزر Submit واحد، في صفحة غير صفحة Success.
A form with an Email input needs a Consent block with a privacy policy URL	أضف كتلة Consent واملأ Privacy policy URL.
The privacy policy URL must start with https:// or / — otherwise the site shows no link	أدخل عنوان URL بالشكل https://… أو كمسار على موقعك يبدأ بـ /.
Keep only one Email input	احذف حقل Email input الزائد.
Choose a tag in every Tag input	اختر علامة في كل Tag input، أو احذف الحقل الفارغ.
Tag “…” is chosen in more than one field	اختر علامة مختلفة في أحد الحقول.
“…” is a reserved tag — a form can’t write PW_FF_* tags	اختر علامة أخرى.
The form needs exactly one success page	احتفظ بصفحة Success واحدة.

عند الحفظ، يتحقق Pushwoosh أيضًا من كل علامة مختارة. إذا كانت العلامة محذوفة أو مخفية، أو كان اسمها يبدأ بـ PW_FF_، فلا يُحفظ النموذج، وتذكر رسالة الخطأ اسم العلامة، على سبيل المثال Tag "City" must be an existing, non-hidden tag, not PW_FF_*, used once. اختر علامة أخرى في ذلك الحقل.

عرض النموذج على موقعك

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

قبل البدء، اطلب من المطوّر لديك:

• التحقق من أن موقعك يعمل بإصدار Web SDK 3.99.0 أو أحدث. يعرض Web SDK الأقدم النموذج بدون حقوله.
• إضافة عنصر الصفحة الذي توضع فيه الحملة، إذا كنت تخطط لحملة Inline. انظر CSS selector.

ثم أنشئ الحملة:

1. اذهب إلى الحملات ← حملات الويب.
2. انقر على إنشاء حملة واختر Popup أو Inline.
3. في Web content، اختر النموذج الخاص بك. تعرض النماذج Web form تحت اسمها.
4. اضبط الجمهور وإعدادات العرض.
5. أطلق الحملة.

انظر إنشاء حملات النوافذ المنبثقة للويب لمعرفة كل خطوة.

تأكيد عناوين البريد الإلكتروني بتأكيد الاشتراك المزدوج

عندما يكون تأكيد الاشتراك المزدوج مفعّلًا للمشروع، يتلقى الزائر الذي يرسل عنوان بريد إلكتروني رسالة تأكيد بالبريد الإلكتروني ولا يُشترك إلا بعد النقر على الرابط الموجود فيها. يكون رابط التأكيد صالحًا لمدة 24 ساعة. يحفظ Pushwoosh قيم العلامات من النموذج لعنوان البريد الإلكتروني عندما يؤكد الزائر.

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

تأكيد الاشتراك المزدوج هو إعداد واحد لنماذج الاشتراك ونماذج حملات الويب في المشروع. انظر تأكيد المشتركين بتأكيد الاشتراك المزدوج.

تتبع نتائج النموذج

افتح إحصائيات الحملة من الحملات ← حملات الويب لمعرفة عدد الزوار الذين أرسلوا النموذج، وأسباب فشل عمليات الإرسال، ولتصدير المشتركين.

إحصائيات حملات الويب الزيارات، ومرات الظهور، وعمليات الإرسال، وعمليات الإرسال الفاشلة، وتصدير المشتركين.