Shopify
Wink Shopify App ช่วยให้ผู้ประกอบการทัวร์ ผู้ขายประสบการณ์ และพ่อค้าในธุรกิจโรงแรม สามารถแสดงสินค้าคงคลัง Wink แบบสด ๆ บนหน้าร้าน Shopify ของพวกเขาได้โดยตรง — ร่วมกับสินค้าอื่น ๆ บนหน้าแลนดิ้งเพจ หรือที่ใดก็ได้ในธีม
wink-travel/wink-shopify-plugin บน GitHubซอร์สโค้ด คู่มือการตั้งค่าสำหรับนักพัฒนา และคำแนะนำการมีส่วนร่วม
ติดตั้ง
หัวข้อที่มีชื่อว่า “ติดตั้ง”- ไปที่ Shopify App Store และค้นหา Wink Travel
- คลิก Add app และทำตามขั้นตอน OAuth เพื่ออนุญาต
- ในการตั้งค่าแอป Wink ให้กรอก Client ID และ Client Secret ของคุณ ไปที่ Applications เพื่อดึงข้อมูลรับรองของคุณ
- คลิก Verify & Save จะมีข้อความยืนยันการเชื่อมต่อสำเร็จ
เปิดใช้งาน App Embed Block
หัวข้อที่มีชื่อว่า “เปิดใช้งาน App Embed Block”App Embed Block จะฝังสคริปต์และสไตล์ชีตของ Wink อัตโนมัติในทุกหน้า — คุณไม่จำเป็นต้องแก้ไขโค้ดธีม
- ใน Shopify Admin ไปที่ Online Store → Themes → Customize
- คลิก App embeds ในแผงด้านซ้าย
- สลับเปิด Wink Travel
- คลิก Save
เพิ่มคอมโพเนนต์ลงในหน้า
หัวข้อที่มีชื่อว่า “เพิ่มคอมโพเนนต์ลงในหน้า”- ในตัวแก้ไขธีม เปิดหน้าหรือส่วนที่คุณต้องการแสดงเนื้อหา Wink
- คลิก Add block และเลือกจากบล็อก Wink:
- Wink Content — การ์ดโรงแรม ตารางจัดอันดับ หรือแผนที่
- Wink Lookup — แถบค้นหาปลายทาง
- Wink Search — ปุ่มเลือกแผนการเดินทาง
- Wink Account — ปุ่มเข้าสู่ระบบ
- Wink Itinerary — ปุ่มแสดงสถานะแผนการเดินทาง
- Wink Cart — ปุ่มตะกร้าสินค้า
- สำหรับ Wink Content ให้เลือก Layout Type และกรอก Layout ID จาก Portal
- คลิก Save
บล็อกธีมที่มีให้ใช้งาน
หัวข้อที่มีชื่อว่า “บล็อกธีมที่มีให้ใช้งาน”| บล็อก | จุดประสงค์ |
|---|---|
| Wink Content | แสดงการ์ดโรงแรม ตารางจัดอันดับ แผนที่ และอื่น ๆ |
| Wink Lookup | แถบค้นหาสำหรับปลายทางและโรงแรม |
| Wink Search | ปุ่มไอคอนที่เปิดตัวเลือกแผนการเดินทาง |
| Wink Account | ปุ่มเข้าสู่ระบบ / บัญชีผู้ใช้ |
| Wink Itinerary | ปุ่มแผนการเดินทางที่แสดงทริปปัจจุบัน |
| Wink Cart | ปุ่มสรุปตะกร้าสินค้า |