إضافات مثل Popup Maker أو Elementor Pro (إذا كنت تستخدم Elementor) أو WP Popups تتيح لك إنشاء نوافذ منبثقة بسهولة دون الحاجة إلى برمجة. إليك الخطوات باستخدام Popup Maker (إضافة مجانية وشائعة):

1. تثبيت إضافة Popup Maker:
   • من لوحة تحكم ووردبريس، اذهب إلى الإضافات > أضف جديد.
   • ابحث عن "Popup Maker"، ثم قم بتثبيت وتفعيل الإضافة.
2. إنشاء النافذة المنبثقة:
   • بعد التفعيل، ستظهر قائمة جديدة باسم Popup Maker في لوحة التحكم.
   • اضغط على Create Popup (إنشاء نافذة منبثقة).
   • أدخل عنوانًا للنافذة (مثل "فتح حساب جديد").
   • في محرر المحتوى، أضف المعلومات التي تريد عرضها (مثل نص عن فتح حساب جديد، أزرار، أو نموذج تسجيل).
3. إعداد المشغل (Trigger):
   • في إعدادات النافذة المنبثقة، اذهب إلى قسم Triggers.
   • اختر Click Open (فتح عند النقر).
   • أضف CSS Selector للأيقونة التي تريد ربط النافذة بها. على سبيل المثال، إذا كانت الأيقونة لها معرف (ID) أو فئة (Class) مثل .my-icon، أدخل هذا المعرف أو الفئة (ستحتاج إلى معرفة المعرف أو الفئة من خلال فحص الأيقونة في القالب).
4. ربط الأيقونة:
   • تأكد من أن الأيقونة في موقعك لها معرف (ID) أو فئة (Class) يمكن الإشارة إليهما. إذا كنت تستخدم محرر ووردبريس (مثل Gutenberg أو Elementor)، يمكنك إضافة معرف مخصص للأيقونة في إعدادات الكتلة.
   • مثال: إذا كانت الأيقونة عبارة عن صورة أو زر، أضف معرفًا مثل id="open-account-popup" في إعدادات العنصر.
5. تخصيص التصميم:
   • في إعدادات Popup Maker، يمكنك تخصيص مظهر النافذة (الحجم، الألوان، الموقع، الرسوم المتحركة) من قسم Theme أو Display.
   • احفظ التغييرات وانشر النافذة المنبثقة.
6. اختبار النافذة:
   • اذهب إلى صفحة الموقع التي تحتوي على الأيقونة واضغط عليها للتأكد من ظهور النافذة المنبثقة بشكل صحيح.