دمج نافذة الدفع
تتيح نافذة الدفع المدمجة لزوار موقعك شراء الاشتراكات وتجديدها مباشرة دون مغادرة المتجر أو التحويل إلى صفحات خارجية.
الخطوة الأولى: إضافة وسم السكريبت
Section titled “الخطوة الأولى: إضافة وسم السكريبت”أضف كود السكريبت التالي إلى موقعك قبل إغلاق وسم </body>:
<script src="https://app.bridgepay.store/popup/index.js" defer></script>التثبيت في مواقع HTML
Section titled “التثبيت في مواقع HTML”افتح ملف HTML الأساسي لموقعك (مثل index.html) وألصق سطر السكريبت مباشرة قبل وسم الإغلاق </body>.
التثبيت في مواقع ووردبريس (WordPress)
Section titled “التثبيت في مواقع ووردبريس (WordPress)”يمكن إضافة السكريبت إلى موقع ووردبريس بدون تعديل ملفات القالب باستخدام إضافة مثل WPCode (Insert Headers and Footers):
- من لوحة تحكم ووردبريس، انتقل إلى الإضافات > أضف جديد وابحث عن WPCode.
- ثبّت الإضافة وقم بتفعيلها.
- افتح Code Snippets > Header & Footer.
- الصق كود السكريبت في قسم التذييل Footer.
- اضغط على Save Changes لحفظ الإعدادات.
الخطوة الثانية: ربط أزرار الشراء
Section titled “الخطوة الثانية: ربط أزرار الشراء”اربط أزرار موقعك بالباقات المسجلة عبر إضافة السمة bpid (معرّف باقة الشراء).
إضافة معرّف الباقة
Section titled “إضافة معرّف الباقة”- انسخ معرّف الباقة (Plan ID) من لوحة تحكم النطاق في Bridge Pay.
- أضف السمة
bpid="YOUR_PLAN_ID"إلى أي عنصر تفاعلي (زر أو رابط أو حاوية):
<button bpid="YOUR_PLAN_ID">شراء الباقة</button>آلية عمل النافذة
Section titled “آلية عمل النافذة”عند تحميل السكريبت في المتصفح:
- يراقب السكريبت أي نقرة على العناصر التي تحتوي على السمة
bpid. - يوقف السلوك الافتراضي للمتصفح.
- يجلب تفاصيل الخطة والأسعار وطرق الدفع عبر واجهة Bridge Pay البرمجية.
- يفتح نافذة منبثقة آمنة فوق صفحة موقعك مباشرة.
- يكمل العميل عملية الشراء ويبقى داخل موقعك.