بحاجة إلى معرفة كيفية إنشاء النوافذ المنبثقة مع Elementor ?

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

سنوضح لك في هذه المقالة كيفية إنشاء نافذة منبثقة بمساعدة ميزة Popup BuilderElementor.

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

اكتشف كيفية تثبيت Elementor على WordPress

قبل المضي قدمًا ، من المهم ملاحظة أن Elementor's Popup Builder متاحة فقط في الإصدار المحترف.

كيفية إنشاء نافذة منبثقة باستخدام Elementor

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

اقرأ أيضا: كيفية إنشاء زر متدرج متعدد الألوان في العنصر

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

بافتراض أنك قمت بتثبيت إليمنتور برو، قم بتسجيل الدخول إلى لوحة تحكم WordPress وانتقل إلى القوالب -> النوافذ المنبثقة وانقر على زر إضافة فوق.

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

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

إذا كنت تفضل إنشاء النافذة المنبثقة من البداية ، فيمكنك ببساطة إغلاق مكتبة القوالب لفتح محرر Elementor.

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

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

منشئ العنصر المنبثق

بمجرد الانتهاء ، انقر فوق الزر للنشر.

منشئ العنصر المنبثق

في الخطوة التالية ، سيُطلب منك تعيين شروط العرض والمشغلات. يوجد أيضًا خيار لتعيين قواعد متقدمة:

  • شروط العرض: تحدد الصفحات التي تظهر فيها النافذة المنبثقة على موقع الويب الخاص بك. يمكنك تكوين النافذة المنبثقة لتظهر على موقع الويب بأكمله ، وصفحات محددة ، منشورات محددة ، فئات محددة ، إلخ.
  • محفزات: المشغل هو إجراء لعرض النافذة المنبثقة. يدعم Elementor 6 أنواع من المشغلات: عند تحميل الصفحة، عند التمرير، عند تمرير العنصر، عند النقر، بعد الخمول ، عند الخروج من الصفحة
  • قواعد متقدمة: المتطلبات التي يجب تلبيتها حتى تظهر النافذة المنبثقة. على سبيل المثال ، يمكنك تكوين النافذة المنبثقة لتظهر إذا جاء زائر إلى موقع الويب الخاص بك من خلال محرك بحث أو عنوان URL معين. يوفر Elementor's Popup Builder نفسه 7 خيارات قواعد متقدمة يمكنك تعيينها.

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

قم بإنشاء صفحة / منشور جديد وقم بتحريره باستخدام Elementor (يمكنك أيضًا تحرير صفحة موجودة).

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

اكتشف أيضًا: كيفية تعيين حجم مخصص لأيقونة زر العنصر

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

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

انقر النشر / التحديث بعد تحرير الصفحة. قبل النقر فوق الزر  النشر / التحديث، يمكنك معاينة صفحتك أولاً لمعرفة ما إذا كانت النافذة المنبثقة تعمل بالفعل.

كيفية إنشاء النوافذ المنبثقة

احصل على Elementor Pro الآن !!!

وفي الختام

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

يسمح لك Elementor's Popup Builder بإنشاء أي نوع من النوافذ المنبثقة. من نافذة منبثقة تحث المستخدم على اتخاذ إجراء كما أنشأنا أعلاه ، تظهر نافذة منبثقة لـ استمارتنا التسجيل وشريط الإشعارات وزر المشاركة الاجتماعية وما إلى ذلك.

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

كيفية إنشاء النوافذ المنبثقة

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

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

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

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

...

يعلقون عليه على موقع Pinterest