تخطَّ إلى المحتوى

دمج نافذة الدفع

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

الخطوة الأولى: إضافة وسم السكريبت

Section titled “الخطوة الأولى: إضافة وسم السكريبت”

أضف كود السكريبت التالي إلى موقعك قبل إغلاق وسم </body>:

<script src="https://app.bridgepay.store/popup/index.js" defer></script>

افتح ملف HTML الأساسي لموقعك (مثل index.html) وألصق سطر السكريبت مباشرة قبل وسم الإغلاق </body>.

التثبيت في مواقع ووردبريس (WordPress)

Section titled “التثبيت في مواقع ووردبريس (WordPress)”

يمكن إضافة السكريبت إلى موقع ووردبريس بدون تعديل ملفات القالب باستخدام إضافة مثل WPCode (Insert Headers and Footers):

  1. من لوحة تحكم ووردبريس، انتقل إلى الإضافات > أضف جديد وابحث عن WPCode.
  2. ثبّت الإضافة وقم بتفعيلها.
  3. افتح Code Snippets > Header & Footer.
  4. الصق كود السكريبت في قسم التذييل Footer.
  5. اضغط على Save Changes لحفظ الإعدادات.

الخطوة الثانية: ربط أزرار الشراء

Section titled “الخطوة الثانية: ربط أزرار الشراء”

اربط أزرار موقعك بالباقات المسجلة عبر إضافة السمة bpid (معرّف باقة الشراء).

  1. انسخ معرّف الباقة (Plan ID) من لوحة تحكم النطاق في Bridge Pay.
  2. أضف السمة bpid="YOUR_PLAN_ID" إلى أي عنصر تفاعلي (زر أو رابط أو حاوية):
<button bpid="YOUR_PLAN_ID">شراء الباقة</button>

عند تحميل السكريبت في المتصفح:

  1. يراقب السكريبت أي نقرة على العناصر التي تحتوي على السمة bpid.
  2. يوقف السلوك الافتراضي للمتصفح.
  3. يجلب تفاصيل الخطة والأسعار وطرق الدفع عبر واجهة Bridge Pay البرمجية.
  4. يفتح نافذة منبثقة آمنة فوق صفحة موقعك مباشرة.
  5. يكمل العميل عملية الشراء ويبقى داخل موقعك.