คู่มือแอป Shopify
ทุกอย่างที่คุณต้องการสำหรับตั้งค่าและปรับแต่งการแปลงสกุลเงินบนร้าน Shopify ของคุณ
สารบัญ
1 การติดตั้ง
ติดตั้งจาก Shopify App Store
- เยี่ยมชมหน้าแอป Currency.Wiki ใน Shopify App Store
- คลิก 'Add app' และอนุญาตการติดตั้ง
- แอปจะเปิดและแนะนำคุณผ่านตัวช่วยตั้งค่า
- ทำตามตัวช่วยตั้งค่าให้เสร็จเพื่อเริ่มแปลงราคา
เคล็ดลับ: ตัวช่วยตั้งค่าใช้เวลาประมาณ 2 นาทีและจะแนะนำทุกขั้นตอน
2 ตัวช่วยตั้งค่า
ตัวช่วยตั้งค่าจะช่วยคุณกำหนดค่าแอปอย่างถูกต้อง โดยจะแนะนำการอัปเดตรูปแบบสกุลเงินและเปิดใช้งาน app embed
ขั้นตอนที่ 1: ยินดีต้อนรับ
ตรวจสอบรายละเอียดขั้นตอนและคลิก 'Let's Get Started'
ขั้นตอนที่ 2: อัปเดตรูปแบบสกุลเงิน
ไปที่ Shopify Admin → Settings → General → Store defaults ค้นหาสกุลเงินของคุณและคลิกเมนูจุดสามจุด → 'Change currency formatting' อัปเดตช่อง HTML ด้วยคลาส wrapper ของเรา:
HTML พร้อมสกุลเงิน:
<span class="cwiki">${{amount}} USD</span>
HTML ไม่มีสกุลเงิน:
<span class="cwiki">${{amount}}</span>
สำคัญ: คลาส cwiki wrapper จำเป็นมาก มันบอกแอปของเราว่าส่วนไหนในหน้าคือราคาจริง เราจะแปลงเฉพาะราคาจริง ไม่แปลงเบอร์โทรหรือเลขออเดอร์
ขั้นตอนที่ 3: เปิดใช้งาน App Embed
เปิดใช้งานแอปในส่วน app embeds ของธีม:
- ไปที่ Online Store → Themes → Customize
- มองหา 'App embeds' ในแถบด้านซ้าย
- ค้นหา 'Currency.Wiki App' และเปิดใช้งาน
- คลิก Save ในตัวแก้ไขธีม
ขั้นตอนที่ 4: ตรวจสอบการตั้งค่า
คลิก 'Scan My Store' เพื่อตรวจสอบว่าตั้งค่าสำเร็จ ตัวช่วยจะเช็คคลาส cwiki และ app embed หากสำเร็จ คุณพร้อมใช้งานแล้ว!
3 รูปแบบวิดเจ็ต
เลือกจาก 6 รูปแบบวิดเจ็ตให้เข้ากับดีไซน์ร้านของคุณ แต่ละแบบปรับแต่งสีแบรนด์ได้
ดรอปดาวน์ขนาดเล็ก
ผสานกับส่วนหัวร้านด้วยดรอปดาวน์เรียบง่าย เหมาะกับวางมุมขวาบน
ปุ่มลอย
ปุ่มลอยที่ใช้งานง่ายบนมือถือ พร้อมแผงขยาย เหมาะกับร้านที่เน้นมือถือ วางมุมจอ
แถบด้านข้าง
แผงเลื่อนสูงสุดพร้อมค้นหา เหมาะกับร้านที่มีหลายสกุลเงิน
ป๊อปอัปกลางจอ
โอเวอร์เลย์ตรงกลางพร้อมเลย์เอาต์กริด ทำให้การเลือกสกุลเงินโดดเด่น
สลับแท็บในหน้า
แท็บแนวนอนสำหรับสกุลเงินยอดนิยม เปลี่ยนสกุลเงินได้รวดเร็วโดยไม่ต้องเปิดเมนู
ไอคอนมุมจอ
ไอคอนมุมจอขนาดเล็ก ขยายเมื่อคลิก รบกวนน้อย เหมาะกับดีไซน์สะอาด
เคล็ดลับ: ใช้หน้าตั้งค่าวิดเจ็ตในแอดมินแอปเพื่อดูตัวอย่างทุกรูปแบบพร้อมสีร้านของคุณ
4 แดชบอร์ดผู้ดูแล
แดชบอร์ดผู้ดูแลให้คุณควบคุมการแปลงสกุลเงินในร้านได้เต็มที่
หน้าแรกแดชบอร์ด
เปิด/ปิดวิดเจ็ต ดูสถิติการแปลง และดูตัวอย่างวิดเจ็ตสด
ตั้งค่าวิดเจ็ต
เลือกรูปแบบวิดเจ็ต ตำแหน่ง สี ขนาด มุมโค้ง และตัวเลือกธงประเทศ
จัดการสกุลเงิน
เปิด/ปิดสกุลเงิน เรียงลำดับ กำหนดพฤติกรรมตรวจจับอัตโนมัติ และตั้งค่าการใช้อัตราแลกเปลี่ยน
วิเคราะห์
ดูกราฟการแปลง ดูสกุลเงินยอดนิยม และเข้าใจการกระจายลูกค้าต่างประเทศ
ธีม & รูปลักษณ์
เลือกโหมดธีม (auto, light, dark, custom) ตั้งค่าสี เปิดเอฟเฟกต์ glassmorphism และตั้งค่าพฤติกรรมโหมดกลางคืน
ข้อความที่เช็คเอาท์
เปิดข้อความแจ้งในหน้าตะกร้า/เช็คเอาท์เพื่อแจ้งลูกค้าเกี่ยวกับสกุลเงินที่ใช้ชำระเงิน
5 การตั้งค่าขั้นสูง
การตั้งค่าขั้นสูงให้ผู้ใช้ Pro ควบคุมรูปแบบราคาและพฤติกรรมการแปลงได้มากขึ้น
การจัดรูปแบบราคา (Pro)
- ตำแหน่งทศนิยม - ควบคุมจำนวนทศนิยมที่แสดง (0-6)
- รูปแบบตัวเลข - เลือกรูปแบบ (Auto, US, EU, Indian, Space•Dot, Space•Comma)
- ตำแหน่งสัญลักษณ์ - วางสัญลักษณ์สกุลเงินหน้าหรือหลังจำนวนเงิน หรืออัตโนมัติตามแต่ละสกุลเงิน
- การปัดเศษ - มาตรฐาน ปัดขึ้น ปัดลง หรือไม่ปัดเศษ เลือกปัดเศษใกล้ .99 ได้
ผสานกับธีม (Pro)
ฝังวิดเจ็ตหรือแบนเนอร์แจ้งเตือนในธีมของคุณด้วยโค้ด HTML เหล่านี้:
ฝังวิดเจ็ต (เพิ่มใน header.liquid หรือ section ใดก็ได้):
<div class="cwiki-widget"></div>
ฝังแจ้งเตือนตะกร้า (เพิ่มใน cart.liquid):
<div class="cwiki-banner"></div>
ตัวเลือกนักพัฒนา (Pro)
- ปรับแต่งสไตล์ - ใส่ CSS เองเพื่อปรับแต่งวิดเจ็ต
- Click Listeners - แปลงราคาใหม่เมื่อคลิกองค์ประกอบที่กำหนด (เช่น ตัวเลือกขนาด สินค้า ฯลฯ)
- องค์ประกอบราคาพิเศษ - เลือกเป้าหมายองค์ประกอบราคานอกเหนือจาก .cwiki wrapper
- รูปแบบ URL - สแกนหาใหม่เมื่อ URL มีข้อความที่กำหนด (สำหรับ AJAX, endless scroll)
- หน่วงเวลาการแปลง - รอก่อนแปลงราคา (สำหรับเนื้อหาที่โหลดหลังหน้าเสร็จ)
แจ้งเตือน: ตัวเลือกเหล่านี้สำหรับผู้ใช้ขั้นสูง ทดสอบบนธีมตัวอย่างก่อนเผยแพร่จริง
6 การแก้ไขปัญหา
ราคาไม่แปลง?
ตรวจสอบว่าคลาส cwiki wrapper อยู่ในการตั้งค่ารูปแบบสกุลเงิน ไปที่ Settings → General → Store defaults และเช็ค HTML formatting ตรวจสอบด้วยว่า app embed เปิดในตัวปรับแต่งธีม
วิดเจ็ตไม่แสดง?
ตรวจสอบว่า app embed เปิดใน App Embeds ของธีม ลองเปิดตัวปรับแต่งธีม ค้นหา App Embeds และเปิด Currency.Wiki แล้วบันทึกและรีเฟรชร้าน
ราคากระพริบตอนโหลด?
แอปของเราออกแบบให้โหลดแบบไร้การกระพริบ หากพบปัญหา ให้เช็คปลั๊กอินแคชที่อาจรบกวน และตรวจสอบว่า app embed โหลดในส่วน head ของธีม
ตรวจจับสกุลเงินผิด?
การตรวจจับขึ้นกับ IP ของผู้เข้าชม VPN หรือเครือข่ายองค์กรอาจมีผล ผู้เข้าชมสามารถเลือกสกุลเงินเองได้เสมอ คุณตั้งค่าสกุลเงินสำรองใน settings ได้
วิดเจ็ตไม่เข้ากับธีม?
ใช้ Theme & Appearance เพื่อปรับแต่งสี หรือเปิดโหมด Auto ให้ตรวจจับสีธีมอัตโนมัติ หรือใช้ CSS เองใน Advanced Settings เพื่อปรับแต่งละเอียด
ต้องการความช่วยเหลือ?
ทีมซัพพอร์ตของเราพร้อมช่วยเหลือทุกคำถามเกี่ยวกับการตั้งค่าหรือการใช้งาน
