كيفية فتح نافذة منبثقة على الزر ، انقر فوق استخدام Elementor؟ [2022]

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

أفضل 5 حالات استخدام للزر مع عنصر منبثق مشروط

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

1. للحصول على العملاء المحتملين للأعمال

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

2. تحصيل اشتراك البريد الإلكتروني

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

3. عروض التسويق والمبيعات

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

4. تبادل الإعلانات المثيرة

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

5. استخدم كـ Content Lock

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

لماذا يعتبر Elementor أفضل منصة لإنشاء نافذة منبثقة على زر؟

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

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

برنامج تعليمي بدون كود: كيفية فتح نافذة منبثقة مشروط للعنصر عند النقر فوق الزر؟

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

الخطوة 1: ابدأ مع Elementor PRO

إذا كنت تخطط لإنشاء نافذة منبثقة مشروطة تفتح بنقرة زر واحدة باستخدام Elementor ، فعليك الحصول على Elementor PRO . مع الميزة الحصرية لـ Elementor PRO ، Elementor Popup Builder ، يمكنك على الفور إنشاء النوافذ المنبثقة التي تفتح بنقرة زر. يأتي Elementor مع خطط تسعير متعددة الاستخدامات ، تبدأ من 49 دولارًا . بعد الحصول على المكون الإضافي Elementor PRO ، قم بتثبيته وتنشيطه على موقع WordPress الخاص بك.

الخطوة 2: إنشاء قالب باستخدام Elementor Popup Builder

حان الوقت الآن لإنشاء قالب للنوافذ المنبثقة يفتح بنقرة زر واحدة. للقيام بذلك ، انتقل إلى لوحة معلومات WordPress الخاصة بك ، وانتقل إلى القوالب → Popup . بالنقر فوق علامة التبويب ، سينقلك على الفور إلى Elementor popup builder. ثم انقر فوق الزر "إضافة نافذة منبثقة جديدة" . ستظهر نافذة منبثقة. يتم تحديد نوع القالب تلقائيًا كنافذة منبثقة. يمكنك إعطاء اسم قالب إذا كنت ترغب في ذلك ثم النقر فوق الزر "إنشاء نموذج" .

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

الخطوة 3: تكوين القالب المنبثق وتخصيصه

بعد ذلك ، سيتم فتح لوحة محرر Elementor مع جميع خيارات التكوين على الجانب الأيسر. من هناك يمكنك بسهولة تخصيص النوافذ المنبثقة التي تفتح بنقرة زر. يمكنك الاحتفاظ بالنافذة المنبثقة المشروطة مع Boxed أو Full Width . وبالمثل ، يمكنك تكوين ارتفاع النافذة المنبثقة المشروطة ، وفجوة العمود ، وموضع العمود ، والمحاذاة الرأسية ، والتجاوز ، وعلامات HTML ، وغير ذلك الكثير. تقدم أنواع العرض المختلفة أنواعًا مختلفة من التكوين.

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

الخطوة 4: إعداد الشروط والمحفزات

يمكنك الاستفادة من النوافذ المنبثقة التي تفتح بنقرة زر واحدة لموقع WordPress بالكامل أو صفحات انتقائية. يمكنك تضمين أو استبعاد العنصر المنبثق من الصفحات المحددة أيضًا. كل هذه التكوينات متوفرة في علامة التبويب "الشرط" .

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

الخطوة 4: أضف زر العنصر حيث تريد

الآن ، افتح الصفحة التي تريد تعيين نافذة منبثقة تفتح فيها بنقرة زر. إذا كنت ترغب في إنشاء صفحة جديدة ، فانتقل إلى Pages → Add New . في هذا البرنامج التعليمي ، سنقوم بتوصيل النموذج المنبثق باستخدام زر Elementor. قم بسحب وإسقاط زر Elementor على صفحتك.

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

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

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

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

مكافأة للوظائف الإضافية الأساسية لمستخدمي Elementor

الإضافات الأساسية لـ Elementor هي أقوى مكتبة Elementor مع أكثر من مليون مستخدم نشط و 85+ عنصر واجهة مستخدم فريد. وتأتي أداة Creative Button الخاصة بها بتصميم أكثر تنوعًا وإمكانية استخدام متعددة الأغراض لعملائها. إذا كنت تستخدم عنصر واجهة مستخدم أزرار Essential Addons ، فبالطريقة نفسها مثل زر Elementor ، يمكنك فتح نافذة منبثقة بنقرة زر بسهولة.

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

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