بوابة دفع على wix

مرحبًا،

أبحث عن مطوّر محترف على منصة Wix Studio لتنفيذ صفحة منتج ديناميكية وصفحة دفع مخصصة (Custom Checkout).

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

⸻

? المرحلة الأولى: صفحة المنتج الديناميكية (Dynamic Product Page)

الهدف:

عرض كل منتج من الـ CMS بشكل منفصل بصفحة ديناميكية تحتوي على كل العناصر التالية.

المتطلبات:

•ربط الصفحة بـ Dataset باسم #dynamicDataset المربوطة بمجموعة اسمها “Import 1”

•يتم عرض البيانات التالية لكل منتج:

•صورة رئيسية (image1)

•سلايدر لصور إضافية (image11، image111، image1111، image، image)

•اسم المنتج (field: name)

•السعر (field: price)

•الوصف (field: description)

•الشريط الترويجي (field: ribbon) مثل “الأكثر مبيعًا”

•الكمية أو الحالة (field: inventory)

•زر “أضف للسلة” (شغال، لكن بدون redirect)

•استخدام left/right arrows للتنقل بين الصور.

التقنية:

•استخدام wix-data + wix-location لجلب بيانات المنتج بناءً على الـ slug.

•استخدام JavaScript لتنفيذ السلايدر يدويًا من الصور الإضافية.

•الـ slug موجود في الـ CMS وجاهز، ويتم تمريره من URL للصفحة.

⸻

المرحلة الثانية: تنفيذ صفحة الدفع (Checkout Page)

الهدف:

إنشاء صفحة دفع كاملة ومخصصة بدون استخدام صفحة الدفع الجاهزة من Wix.

المطلوب:

1. تصميم صفحة Checkout:

•الحقول المطلوبة:

•الاسم الكامل

•رقم الجوال

•المدينة (Dropdown)

•العنوان التفصيلي

•عرض اسم المنتج والسعر

•إجمالي السعر

•زر “إتمام الطلب”

2. ربط ببوابة الدفع:

•ربط الزر بـ API الخاص بـ Tap Payments أو PaymentWall

•تجهيز API Request وتوجيه المستخدم لصفحة الدفع الخارجية.

•استقبال حالة الدفع:

•في حال النجاح: يتم تحويله إلى صفحة “شكرًا لك”.

•في حال الفشل: رسالة واضحة + إمكانية إعادة المحاولة.

3. Backend Integration:

•إذا احتاج الكود تنفيذ من backend (http-functions أو backend/web modules) يتم تنفيذه داخل المشروع نفسه.

4. صفحة تأكيد الطلب:

•“شكرًا لك، تم استلام طلبك.”

•رقم الطلب أو رقم تتبع (يمكن إضافته لاحقًا)

•زر العودة للصفحة الرئيسية

⸻

المطلوب النهائي:

•تسليم صفحة المنتج الديناميكية شغّالة كاملة من حيث الصور والنصوص والزر.

•تسليم صفحة الدفع كاملة مربوطة بالـ API.

•التحكم الكامل بسير العميل من لحظة مشاهدة المنتج إلى لحظة الدفع.

•بدون استخدام صفحات جاهزة من Wix Store.

⸻

المشروع جاهز للبدء مباشرة.

سيتم منح صلاحيات الدخول لـ Wix Studio بمجرد الاتفاق.

يرجى تزويدي بـ:

•المدة المطلوبة

•أمثلة أعمال مشابهة (إن أمكن)

شكرًا!