كيفية إنشاء نافذة منبثقة في WordPress (الطريقة السهلة)

تعد النافذة المنبثقة طريقة رائعة لجذب انتباه زوار موقع الويب الخاص بك ومنحهم فرصة للاشتراك في رسالتك الإخبارية أو معرفة المزيد حول أحدث منتجاتك أو الاستفادة من عرض خاص. هناك عدة طرق مختلفة لإنشاء نافذة منبثقة في WordPress ، ولكن أسهل طريقة هي استخدام مكون إضافي. هناك العديد من الإضافات المنبثقة المتاحة لـ WordPress ، لكننا نوصي باستخدام Popup بواسطة OptinMonster. بمجرد تثبيت البرنامج المساعد وتنشيطه ، ستحتاج إلى إنشاء نافذة منبثقة جديدة. للقيام بذلك ، انتقل إلى النوافذ المنبثقة »إضافة جديد في منطقة إدارة WordPress الخاصة بك. في الشاشة التالية ، ستحتاج إلى إدخال اسم للنافذة المنبثقة وتحديد نوع النافذة المنبثقة. يقدم OptinMonster عدة أنواع مختلفة من النوافذ المنبثقة ، بما في ذلك النوافذ المنبثقة المبسطة والنوافذ المنبثقة المنزلقة والنوافذ المنبثقة بملء الشاشة. في هذا المثال ، سنختار نافذة منبثقة Lightbox. بمجرد تحديد نوع النافذة المنبثقة ، ستتمكن من اختيار قالب للنافذة المنبثقة الخاصة بك. يقدم OptinMonster أكثر من 50 نموذجًا منبثقًا مصممًا بشكل احترافي يمكنك استخدامه. بعد تحديد قالب ، ستتمكن من تخصيص النافذة المنبثقة الخاصة بك. يمكنك تغيير الألوان والنصوص والصور والمزيد. بمجرد رضاك ​​عن النافذة المنبثقة ، انقر فوق الزر "حفظ" لحفظ التغييرات. الآن بعد أن قمت بإنشاء النافذة المنبثقة الخاصة بك ، حان الوقت لإضافتها إلى موقع WordPress الخاص بك. للقيام بذلك ، انتقل إلى النوافذ المنبثقة »إدارة النوافذ المنبثقة وانقر فوق علامة التبويب" تضمين ". في الشاشة التالية ، سترى بعض التعليمات البرمجية التي تحتاج إلى إضافتها إلى موقع الويب الخاص بك. يمكنك إضافة هذا الرمز إلى موقع الويب الخاص بك يدويًا ، أو يمكنك استخدام مكون إضافي مثل Insert Headers and Footers لإضافة الرمز تلقائيًا. بمجرد إضافة الرمز إلى موقع الويب الخاص بك ، انقر فوق الزر "حفظ" وتكون قد انتهيت. ستكون النافذة المنبثقة الخاصة بك مرئية الآن على موقع الويب الخاص بك.

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

حدد تحرير موقع الويب من القائمة الموجودة على اليسار للوصول إلى محرر موقع الويب الخاص بك. حدد منبثقة من الوظائف الإضافية لموقع الويب من علامة التبويب موقع الويب أعلى المحرر الخاص بك. يمكن تخصيص المربع المنبثق الخاص بك لتلبية احتياجاتك الخاصة. بالرجوع إلى زر Enable Pop-up ، يمكنك تمكين أو تعطيل المربع المنبثق.

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

كيف يمكنني إنشاء نافذة منبثقة مخصصة في WordPress؟

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

في هذا الدليل المفصل خطوة بخطوة ، ستتعلم كيفية إنشاء النوافذ المنبثقة لنماذج الاتصال في WordPress. يعد OptinMonster ، وهو مكون إضافي ، أحد أشهر المكونات الإضافية المنبثقة ، مع أكثر من مليون مستخدم. تعمل النماذج القابلة للتعبئة ، خاصة تلك التي يتم توفيرها بواسطة MailerLite أو Mailchimp ، بشكل جيد مع النماذج المنبثقة . سترتفع معدلات التحويل وعناوين البريد الإلكتروني إذا استخدمت نموذجًا منبثقًا بشكل صحيح. في الخطوة 1 ، قم بإنشاء نموذج اتصال باستخدام Formidable Forms ، وفي الخطوة 2 ، أنشئ نافذة WordPress المنبثقة باستخدام OptinMonster. من خلال تثبيت هذه المكونات الإضافية في مسؤول WordPress الخاص بك ، يمكنك البدء في اختبارها على لوحة فارغة. في الخطوات التالية ، سننتقل إلى الخطوة التالية بعد تثبيتها وتفعيلها.

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

رابط WordPress إلى Popup

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

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

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

هناك العديد من الطرق لإنشاء نوافذ منبثقة مخصصة في WordPress باستخدام JavaScript. إحدى الطرق هي استخدام المكون الإضافي Popup Maker. يتيح لك هذا المكون الإضافي إنشاء نوافذ منبثقة مخصصة وإضافتها إلى موقع WordPress الخاص بك. هناك طريقة أخرى وهي استخدام المكون الإضافي WP Popup.

أنشأت PenguinArts دليلاً خطوة بخطوة لإنشاء نوافذ منبثقة مخصصة على منصة WordPress من البداية. في هذا البرنامج التعليمي ، سنوضح لك كيفية القيام بذلك بنفسك باستخدام PHP و jQuery وبضعة أسطر من CSS. سيتم التعامل مع كل المحتوى المنبثق من قبل المسؤول ، وستكون قادرًا على تحديد التصميم الخاص بك. سيتم تنفيذ هذا البرنامج التعليمي باستخدام نافذة منبثقة رائعة و ACF. لكي تظهر النافذة المنبثقة على صفحتنا ، سنحتاج إلى بضعة أسطر من التعليمات البرمجية. إذا كنت تواجه أي مشكلات مع هذا التنفيذ ، فيرجى إبلاغي بذلك وسأفعل كل ما في وسعي لمساعدتك.

WordPress Modal Popup Plugin

هناك العديد من ملحقات WordPress المنبثقة المشروطة المتاحة. ومن أشهرها: Popup Maker و Modal Popups by WPForms و Ninja Popups. تسمح لك هذه المكونات الإضافية بإنشاء نوافذ منبثقة يمكن استخدامها لمجموعة متنوعة من الأغراض ، مثل عرض نموذج اشتراك أو عرض مقطع فيديو أو تقديم معلومات إضافية حول منتج أو خدمة.

يتضمن Snitcher مجموعة متنوعة من الميزات التي تسمح لك بإضافة النوافذ المنبثقة على أي صفحة ، بغض النظر عن نوع المحتوى. يمكنك استخدام هذا لإثارة اهتمام المستخدمين بالعروض الترويجية والعروض وإعلانات الميزات ، بالإضافة إلى توفير معلومات مهمة عبر الرسائل المنبثقة الساطعة. تحتوي كل نافذة على مجموعة تفضيلات التصميم الخاصة بها لكل عنصر ، مما يسمح لك بإنشاء مظهر فريد لموقعك. المكون الإضافي متوافق مع معيار WCAG Level AA ، ويسمح بمستوى عالٍ من إمكانية الوصول إلى المحتوى داخل النافذة المنبثقة. من السهل عرض النافذة المنبثقة عن طريق النقر أو التمرير أو التمرير فوق وقت النشاط أو عدم النشاط أو عن طريق تغيير علامة التبويب أو الخروج ، وسيتم فتحها فورًا بعد تحميل الصفحة. هذه الأداة مدعومة من قبل Chrome و Firefox و Opera و Safari وغيرها ، بغض النظر عن المستعرض الذي يشاهده المستخدمون لموقعك.

كيفية إزالة النوافذ المنبثقة في ووردبريس

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

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

كيف يمكنني التخلص من نموذج Mailchimp المنبثق في WordPress؟

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

كيفية فتح نافذة منبثقة مشروطة على الزر انقر في WordPress

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

كيفية إضافة نافذة منبثقة في WordPress في ثلاث خطوات سهلة - WPMPet هذه هي أسهل طريقة لإضافة نافذة منبثقة إلى موقع WordPress. تعد النوافذ المنبثقة طريقة رائعة لزيادة عدد المشتركين في الرسائل الإخبارية مع زيادة تجربة المستخدم لموقعك على الويب. استنادًا إلى ملياري نافذة منبثقة مشروطة ، كان لأفضل 10٪ من مواقع الويب معدل تحويل 9.28٪. من المعروف أن النماذج المنبثقة تتمتع بمعدل نجاح مرتفع بين حملات إنشاء قوائم العملاء المحتملين. في أقل من عامين ، تدعي Sumo أنها جمعت أكثر من 23 مليون عنوان بريد إلكتروني باستخدام نموذج منبثق. عندما تطلب من زوار موقع الويب اتخاذ إجراء أو ملاحظة رسالة مهمة ، فإن استخدام النماذج يعد وسيلة فعالة للغاية لتحقيق ذلك. يتيح لك إطار عمل ElementsKit تعديل التخطيط ، والنوع ، والموضع المنبثق ، وظهور النافذة النموذجية الخاصة بك.

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