كيفية إنشاء نماذج منبثقة لموقعك على الويب (2022 ومجانيًا)

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

تتيح لك نماذج الاشتراك المنبثقة أو نماذج الاتصال المنبثقة الاتصال بسهولة بزوار موقع الويب الخاص بك.

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

وفقًا لمسح ، أفاد 74 ٪ من المستجيبين باستخدام النماذج عبر الإنترنت كأداة جذب رئيسية.

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

• جمع البريد الإلكتروني يؤدي
• مما يسهل على زوارك الاتصال بك من خلال نماذج الاتصال
• زيادة معدلات التحويل
• تعزيز معدلات الاشتراك
• تشجيع العملاء على ترك ملاحظاتهم

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

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

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

وأفضل جزء هو أنه يمكنك إنشاء نموذج منبثق مجانًا وبدون رمز .

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

لماذا استخدام النماذج المنبثقة على موقع الويب الخاص بك؟

1. عمل النوافذ المنبثقة

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

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

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

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

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

2. مرئي بسهولة من قبل زوار موقعك

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

هل أنت مهتم بأدوات الدردشة الحية المجانية؟ اكتشف أفضلها من منشور مدونة المقارنة الخاص بنا .

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

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

3. يمكنك استهداف عناوين URL محددة

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

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

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

4. أكثر جاذبية بصريا

من يحب رؤية النماذج التقليدية مع عشرات الحقول المطلوبة على مواقع الويب؟ لا احد؟ و لا حتى احد؟ نحن لا نحبهم أيضًا.

في الواقع ، وفقًا لـ SaleCycle ، فإن 77 ٪ من المتسوقين عبر الإنترنت يستماراتون الخروج من الصحراء.

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

بدلاً من فقدان جميع البيانات وفرص المبيعات المحتملة ، يمكنك اختبار استخدام النماذج المنبثقة على موقع الويب الخاص بك ، بما في ذلك ؛

• مشاركات المدونة
• الصفحات المقصودة
• الصفحات الرئيسية
• أو أي صفحة ويب على موقعك

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

بالإضافة إلى ذلك ، مع إعدادات الاستهداف المتقدمة في Popupsmart ، يمكنك إظهار النموذج المنبثق للزوار المناسبين في الوقت المناسب.

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

لماذا تستخدم Popupsmart لإنشاء نماذج منبثقة لموقعك على الويب

Popupsmart هو برنامج إنشاء النوافذ المنبثقة سهل الاستخدام بشكل لا يصدق. يتيح لك إنشاء حملات منبثقة مصممة بشكل جميل واستهداف زوار موقع الويب الخاص بك مثل المحترفين.

إنه مصمم للمساعدة في تحويل المزيد من العملاء المحتملين وزيادة المبيعات من خلال تمكين أصحاب الأعمال من إنشاء حملات منبثقة مخصصة لكل موقع ويب وتستهدف جمهورهم المحدد.

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

Popupsmart يعمل مع كود JavaScript من سطر واحد على موقع الويب الخاص بك. لذلك إذا كنت ترغب في إنشاء نموذج JavaScript منبثق ، فابدأ وجرب Popupsmart مجانًا اليوم. بعد ذلك ، يمكنك إنشاء أول نافذة منبثقة!

كيفية إنشاء نموذج منبثق وإضافته إلى موقع الويب الخاص بك

باستخدام Popupsmart ، يمكنك ؛

• إنشاء نافذة JavaScript منبثقة مخصصة ،
• نموذج MailChimp المنبثق / نموذج الاشتراك المنبثق في MailChimp
• شكل Squarespace المنبثقة
• نموذج WordPress المنبثق
• نموذج Hubspot المنبثق
• نموذج Angularjs المنبثق
• نماذج منبثقة لأي موقع ويب يعمل مع JavaScript

اكتشف تكامل خدمات التسويق عبر البريد الإلكتروني وإدارة علاقات العملاء الأخرى وكيفية دمج Popupsmart معهم.

اليوم ، سننشئ نموذج الاتصال المنبثق الذي ستراه أدناه من أجل هذا البرنامج التعليمي.

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

إليك برنامج تعليمي خطوة بخطوة للقيام بذلك بالضبط:

1. قم بالتسجيل أو تسجيل الدخول إلى Popupsmart

أول الأشياء أولاً ، ابدأ عملية إنشاء النموذج المنبثق عن طريق التسجيل في Popupsmart مجانًا.

إذا كان لديك حساب بالفعل ، فانتقل إلى الخطوة التالية.

2. انتقل إلى لوحة معلومات Popupsmart

بمجرد التسجيل في Popupsmart ، انطلق وقم بتسجيل الدخول إلى لوحة معلومات Popupsmart.

إذا كنت جديدًا ، فانقر على "الحساب" من أعلى اليمين وحدد "مواقع الويب" من القائمة المنسدلة لإضافة النطاق الذي تريد استخدام Popupsmart من أجله.

أضف المجال الخاص بك واحفظه. يمكنك إضافة مجالات متعددة مع الخطة الأساسية.

اتبع التعليمات لإعداد Popupsmart على موقع الويب الخاص بك في 5 دقائق.

3. إنشاء نافذة منبثقة جديدة

انقر فوق الزر "إنشاء نافذة منبثقة جديدة" من الزاوية اليمنى العليا.

4. حدد هدف العمل وقم بتسمية حملتك

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

امنح حملتك اسمًا وحدد المجال الذي ترغب في عرض النافذة المنبثقة الخاصة بك.

5. اختر نموذج نموذج منبثق

اختر قالبًا منبثقًا في الخطوة الأولى من أداة إنشاء النوافذ المنبثقة.

هناك العديد من القوالب المنبثقة القابلة للتخصيص بالكامل والتي يمكنك استخدامها.

تأكد من تحديد قالب مثالي لإضافة حقول النموذج.

تحقق من جميع القوالب المنبثقة عن طريق تغيير الهدف من القائمة المنسدلة.

6. تخصيص النموذج المنبثق الخاص بك

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

• راجع الوثائق: كيفية تخصيص My Popup لمزيد من تلميحات التخصيص.

قم بتغيير عنوان النافذة المنبثقة ونص زر الحث على الشراء. حاول كتابتها بوضوح وفي صلب الموضوع.

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

• إدخال الهاتف
• إدخال البريد الإلكتروني
• مدخلات نصية قصيرة وطويلة
• إدخال Dropbox
• أزرار الاختيار ومربع الاختيار

تتوفر أيضًا قوالب منبثقة جاهزة للنماذج.

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

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

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

7. إعداد الاستهداف للنموذج المنبثق الخاص بك

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

راجع الوثائق ذات الصلة للحصول على مزيد من المعلومات حول استهداف الجمهور.

8. التكامل مع خدمة أتمتة البريد الإلكتروني (اختياري)

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

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

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

أضف إشعار العميل المحتمل بالبريد الإلكتروني ليتم إعلامك عند جمع العملاء المحتملين.

9. اجعل النافذة المنبثقة مفتوحة عند النقر فوق الزر (اختياري)

يتيح لك Popupsmart إنشاء زر يفتح النافذة المنبثقة عند نقر العملاء. النوافذ المنبثقة عند النقر على الزر مثالية لتقليل عوامل التشتيت على صفحة الويب.

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

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

10. حفظ ونشر النموذج المنبثق الخاص بك

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

يمكنك تتبع أداء النافذة المنبثقة من التحليلات ومعرفة مقدار التحويل الذي يحققه أو يتكامل مع Google Analytics.

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

أخبرنا إذا وجدت هذا الدليل مفيدًا في التعليقات.

التالي في قائمة القراءة الخاصة بك: أفضل أدوات إعداد المستخدم لشركات SaaS