Shopify
Wink Shopify App टूर ऑपरेटरों, अनुभव विक्रेताओं, और हॉस्पिटैलिटी व्यापारियों को उनके Shopify स्टोरफ्रंट पर सीधे लाइव Wink इन्वेंटरी दिखाने देता है — उत्पादों के साथ, लैंडिंग पेजों पर, या थीम में कहीं भी।
wink-travel/wink-shopify-plugin on GitHub स्रोत कोड, डेवलपर सेटअप गाइड, और योगदान निर्देश।
इंस्टॉल करें
Section titled “इंस्टॉल करें”- Shopify App Store पर जाएं और Wink Travel खोजें।
- Add app पर क्लिक करें और OAuth फ्लो का पालन करके अधिकृत करें।
- Wink ऐप सेटिंग्स में, अपना Client ID और Client Secret दर्ज करें। अपने क्रेडेंशियल प्राप्त करने के लिए Applications पर जाएं।
- Verify & Save पर क्लिक करें। एक सफलता संदेश कनेक्शन की पुष्टि करता है।
App Embed Block सक्षम करें
Section titled “App Embed Block सक्षम करें”App Embed Block स्वचालित रूप से Wink स्क्रिप्ट और स्टाइलशीट को हर पेज में इंजेक्ट करता है — आपको थीम कोड संपादित करने की आवश्यकता नहीं है।
- Shopify Admin में, Online Store → Themes → Customize पर जाएं।
- बाएं पैनल में App embeds पर क्लिक करें।
- Wink Travel को चालू करें।
- Save पर क्लिक करें।
पेज में एक कंपोनेंट जोड़ें
Section titled “पेज में एक कंपोनेंट जोड़ें”- थीम एडिटर में, उस पेज या सेक्शन को खोलें जहाँ आप Wink कंटेंट चाहते हैं।
- Add block पर क्लिक करें और Wink ब्लॉक्स में से चुनें:
- Wink Content — होटल कार्ड, ग्रिड, या मैप्स
- Wink Lookup — डेस्टिनेशन सर्च बार
- Wink Search — यात्रा चयनकर्ता बटन
- Wink Account — साइन-इन बटन
- Wink Itinerary — यात्रा स्थिति बटन
- Wink Cart — शॉपिंग कार्ट बटन
- Wink Content के लिए, एक Layout Type चुनें और Wink Studio से Layout ID दर्ज करें।
- Save पर क्लिक करें।
उपलब्ध थीम ब्लॉक्स
Section titled “उपलब्ध थीम ब्लॉक्स”| ब्लॉक | उद्देश्य |
|---|---|
| Wink Content | होटल कार्ड, रैंक्ड ग्रिड, मैप्स, और अधिक दिखाता है |
| Wink Lookup | डेस्टिनेशन और होटल के लिए सर्च बार |
| Wink Search | आइकन बटन जो यात्रा चयनकर्ता खोलता है |
| Wink Account | साइन-इन / उपयोगकर्ता खाता बटन |
| Wink Itinerary | वर्तमान यात्रा दिखाने वाला यात्रा बटन |
| Wink Cart | शॉपिंग कार्ट सारांश बटन |