Shopify
يتيح تطبيق Wink Shopify لمشغلي الجولات وبائعي التجارب وتجار الضيافة عرض مخزون Wink المباشر مباشرة على واجهة متجرهم في Shopify — جنبًا إلى جنب مع المنتجات، على صفحات الهبوط، أو في أي مكان ضمن القالب.
wink-travel/wink-shopify-plugin on GitHub كود المصدر، دليل إعداد المطور، وتعليمات المساهمة.
التثبيت
Section titled “التثبيت”- انتقل إلى متجر تطبيقات Shopify وابحث عن Wink Travel.
- انقر على إضافة التطبيق واتبع تدفق OAuth للتفويض.
- في إعدادات تطبيق Wink، أدخل معرف العميل والسر السري للعميل. انتقل إلى التطبيقات لاسترداد بيانات الاعتماد الخاصة بك.
- انقر على التحقق والحفظ. ستظهر رسالة نجاح تؤكد الاتصال.
تفعيل كتلة تضمين التطبيق
Section titled “تفعيل كتلة تضمين التطبيق”تقوم كتلة تضمين التطبيق تلقائيًا بحقن سكريبت Wink وورقة الأنماط في كل صفحة — لا تحتاج إلى تعديل كود القالب.
- في إدارة Shopify، انتقل إلى المتجر الإلكتروني → القوالب → تخصيص.
- انقر على تضمينات التطبيقات في اللوحة اليسرى.
- فعّل Wink Travel.
- انقر على حفظ.
إضافة مكون إلى صفحة
Section titled “إضافة مكون إلى صفحة”- في محرر القالب، افتح الصفحة أو القسم حيث تريد محتوى Wink.
- انقر على إضافة كتلة واختر من كتل Wink:
- محتوى Wink — بطاقات الفنادق، الشبكات، أو الخرائط
- بحث Wink — شريط بحث الوجهات
- بحث Wink — زر اختيار خط سير الرحلة
- حساب Wink — زر تسجيل الدخول
- خط سير Wink — زر حالة خط الرحلة
- عربة Wink — زر عربة التسوق
- بالنسبة لـ محتوى Wink، اختر نوع التخطيط وأدخل معرف التخطيط من Wink Studio.
- انقر على حفظ.
كتل القالب المتاحة
Section titled “كتل القالب المتاحة”| الكتلة | الغرض |
|---|---|
| محتوى Wink | يعرض بطاقات الفنادق، الشبكات المرتبة، الخرائط، والمزيد |
| بحث Wink | شريط بحث للوجهات والفنادق |
| بحث Wink | زر أيقونة يفتح منتقي خط سير الرحلة |
| حساب Wink | زر تسجيل الدخول / حساب المستخدم |
| خط سير Wink | زر خط الرحلة يعرض الرحلة الحالية |
| عربة Wink | زر ملخص عربة التسوق |