النوافذ المنبثقة للمبيعات # 2: كيفية إنشاء نافذة منبثقة لصفحة أرشيف متجر ووردبريس الخاصة بك

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

اشترك في قناتنا على YouTube

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

إنشاء نافذة منبثقة لـ ووردبريس-shop-archive-page-1

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

هيريس كيفية القيام بذلك:

الخطوة 1: إنشاء فئات Woocommerce

للبدء ، استخدم وظيفة WooCommerce الأصلية لإنشاء فئات منتجات جديدة ( المنتجات ← الفئات ):

إنشاء-popup-for-ووردبريس-shop-archive-page-2

الخطوة 2: ربط صفحة أرشيف المنتج بالفئة

بعد ذلك ، انتقل إلى Templates → Theme Builder وقم بتحرير صفحات أرشيف المنتج في Elementor. بعد ذلك ، اضغط على زر حفظ واستخدم شروط العرض لمطابقة صفحة أرشيف منتجك مع فئة WooCommerce:

إنشاء-popup-for-ووردبريس-shop-archive-page-3

بعد ذلك ، كرر العملية للفئات الأخرى وأرشيفات المنتجات.

الخطوة 3: إنشاء قالب منبثق جديد

استخدم أداة البحث لإضافة نافذة منبثقة جديدة ، أو انتقل إلى القوالب ← النوافذ المنبثقة ← إضافة جديد . امنح النافذة المنبثقة اسمًا وأنشئ القالب.

ثم اختر من بين أكثر من 100 قالب مُضمَّن أو أنشئ واحدًا من البداية.

الخطوة 4: تكوين الإعدادات المنبثقة

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

إنشاء-popup-for-ووردبريس-shop-archive-page-4

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

إنشاء نافذة منبثقة لـ ووردبريس-shop-archive-page-5

الخطوة 5: أضف الشروط والمشغلات والقواعد المتقدمة

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

أولاً ، استخدم علامة التبويب ” الشروط” لتوجيه النافذة المنبثقة إلى صفحة أرشيف فئة منتج WooCommerce معينة:

إنشاء-popup-for-ووردبريس-shop-archive-page-6

بعد ذلك ، انتقل إلى علامة التبويب المشغلات وقم بتمكين مشغل On Scroll . استخدم النسبة المئوية لمطابقة النافذة المنبثقة الخاصة بك مع المساحة الفارغة في صفحة أرشيف الفئات الخاصة بك – وهذا 8٪ على سبيل المثال لدينا:

إنشاء-popup-for-ووردبريس-shop-archive-page-7

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

إنشاء-popup-for-ووردبريس-shop-archive-page-8

إذا كنت ترغب في ذلك ، يمكنك إنشاء نوافذ منبثقة منفصلة لزوار الجوال والجهاز اللوحي.

بمجرد الانتهاء ، انقر فوق حفظ وإغلاق لتفعيل النافذة المنبثقة.

الخطوة 6: تحرير فهرس Z في صفحة أرشيف المتجر

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

إنشاء نافذة منبثقة لـ ووردبريس-shop-archive-page-9

لإصلاح ذلك ، استخدم Theme Builder لتحرير صفحة أرشيف المنتج. بعد ذلك ، انتقل إلى علامة التبويب خيارات متقدمة في أداة الصورة وقم بتعيين مؤشر X على 10000 ( تحتوي النافذة المنبثقة على مؤشر Z افتراضي يبلغ 9999 ):

إنشاء نافذة منبثقة لمتجر ووردبريس أرشيف الصفحة 10

الآن ، ستظهر الصورة فوق النافذة المنبثقة والتراكب.

الخطوة 7: كرر لصفحات أرشيف المتجر الأخرى

الآن ، كل ما عليك فعله هو تكرار هذه الخطوات لصفحات أرشيف المتجر الأخرى في متجرك.

يشارك

انشر في الفيسبوك

حصة على التغريد

انشر على LinkedIn

شارك على الواتس اب

شارك على البريد الإلكتروني