เพิ่มฟังก์ชันให้ธีมของคุณด้วยแอป
คุณสามารถติดตั้งแอปเพื่อเพิ่มฟีเจอร์และการผสานการทำงานต่างๆ ให้ธีมของคุณได้ คุณสามารถค้นหาแอปได้จาก Shopify App Store
แอปสามารถผสานการทำงานกับธีมของคุณได้ด้วยวิธีต่อไปนี้
- ในฐานะบล็อกแอป บล็อกแอปให้คุณเพิ่มฟังก์ชันการทำงานของแอปในตำแหน่งที่คุณต้องการใช้ในธีมของคุณได้อย่างแม่นยำ คุณสามารถเพิ่ม ลบ ดูตัวอย่าง จัดตำแหน่งใหม่ และปรับแต่งบล็อกแอปได้ผ่านทางตัวแก้ไขธีม
- ในฐานะการฝังแอป การฝังแอปคือองค์ประกอบที่มาจากแอปซึ่งจะลอยหรือแสดงเป็นการวางซ้อนในธีมของคุณ หรือเพิ่มโค้ดไปยังร้านค้าออนไลน์ของคุณโดยที่ลูกค้ามองไม่เห็น คุณสามารถเปิดใช้งาน ปิดใช้งาน ดูตัวอย่าง และปรับแต่งการฝังแอปได้ผ่านทางตัวแก้ไขธีม
- โดยการเพิ่มโค้ดที่กำหนดเอง แอปบางตัวจะแทรกโค้ดลงในโค้ดของธีมโดยตรงเพื่อเพิ่มฟังก์ชันการทำงานให้ธีมของคุณ คุณอาจปรับแต่งแอปโดยใช้การตั้งค่าแอปหรือใช้ตัวแก้ไขธีม
บล็อกแอป
แอปสามารถเพิ่มเป็นบล็อกในส่วนและเป็นส่วนในเทมเพลตได้ ซึ่งจะช่วยให้คุณสามารถเพิ่มฟังก์ชันการทำงานของแอปในตำแหน่งที่คุณต้องการใช้บนหน้าเว็บได้อย่างแม่นยำ คุณสามารถเพิ่ม ลบ จัดตำแหน่งใหม่ และปรับแต่งบล็อกแอปได้ผ่านทางตัวแก้ไขธีม
บล็อกแอปอาจเข้ากันได้กับประเภทหน้าที่ระบุไว้เท่านั้น ตัวอย่างเช่น แอปตารางขนาดอาจเข้ากันได้กับหน้าสินค้าเท่านั้น
บล็อกแอปที่ใช้งานในส่วน
บล็อกแอปที่ใช้งานเป็นส่วนในเทมเพลต
การรองรับบล็อกแอปในส่วนต่างๆ
ส่วนธีมบางส่วนของคุณอาจไม่รองรับบล็อกแอป หากต้องการระบุว่าส่วนธีมใดของคุณรองรับบล็อกแอป โปรดดูเอกสารประกอบของธีมหรือติดต่อผู้พัฒนาธีมของคุณ
หากส่วนรองรับบล็อกแอปและคุณได้ติดตั้งแอปที่เข้ากันได้ไว้แล้ว ส่วนแอปจะแสดงในเครื่องมือเลือกบล็อก
เพิ่มบล็อกแอปไปยังส่วน
เดสก์ท็อป
จากส่วนผู้ดูแล Shopify ของคุณ ให้ไปที่ร้านค้าออนไลน์ > ธีม
ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิกแก้ไขธีม
ไปยังหน้าและส่วนที่คุณต้องการเพิ่มบล็อกแอป
ที่แถบด้านข้าง ให้คลิกเพิ่มบล็อก
จากเมนูดรอปดาวน์ ในส่วนแอป ให้เลือกบล็อกแอปที่คุณต้องการเพิ่มไปยังส่วน หรือคลิกที่แถบค้นหาแล้วป้อนคำค้นหาเพื่อค้นหาจากแอปที่คุณได้ติดตั้งไว้
ไม่บังคับ: คลิกและลากไอคอน ⠿ เพื่อย้ายบล็อกไปยังตำแหน่งอื่นที่พร้อมใช้งานบนหน้า นอกจากนี้ คุณยังสามารถปรับแต่งบล็อกโดยใช้การตั้งค่าใดๆ ที่มีอยู่ได้
คลิกบันทึก
มือถือ
จาก แอป Shopify ให้แตะไอคอน
ในส่วนช่องทางการขาย ให้แตะที่ร้านค้าออนไลน์
แตะที่จัดการธีมทั้งหมด
ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นแตะที่แก้ไขธีม
แตะแก้ไข
ไปยังหน้าและส่วนที่คุณต้องการเพิ่มบล็อกแอป
ในแถบด้านข้าง ให้แตะเพิ่มบล็อก
จากเมนูดรอปดาวน์ ในส่วนแอป ให้เลือกบล็อกแอปที่คุณต้องการเพิ่มไปยังส่วน หรือแตะที่แถบค้นหาแล้วป้อนคำค้นหาเพื่อค้นหาจากแอปที่คุณได้ติดตั้งไว้
ตัวเลือกเพิ่มเติม: แตะและลากไอคอน ⠿ เพื่อย้ายบล็อกไปยังตำแหน่งที่ตั้งอื่นบนหน้าที่พร้อมใช้งาน คุณยังสามารถปรับแต่งบล็อกโดยใช้การตั้งค่าที่มีอยู่ได้เช่นกัน
แตะบันทึก หรือ ✓
เพิ่มบล็อกแอปไปยังเทมเพลต
เดสก์ท็อป
จากส่วนผู้ดูแล Shopify ของคุณ ให้ไปที่ร้านค้าออนไลน์ > ธีม
ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิกแก้ไขธีม
ไปที่หน้าที่คุณต้องการเพิ่มส่วนแอป
ในแถบด้านข้าง ให้คลิกเพิ่มส่วน
จากเมนูดรอปดาวน์ในส่วนแอป ให้เลือกแอปที่คุณต้องการเพิ่มไปยังหน้า หรือคลิกแถบค้นหาแล้วป้อนข้อความเพื่อค้นหาจากแอปที่ติดตั้งไว้ของคุณ
ไม่บังคับ: คลิกและลากไอคอน ⠿ เพื่อย้ายบล็อกไปยังตำแหน่งอื่นที่พร้อมใช้งานบนหน้า นอกจากนี้ คุณยังสามารถปรับแต่งบล็อกโดยใช้การตั้งค่าใดๆ ที่มีอยู่ได้
คลิกบันทึก
มือถือ
จาก แอป Shopify ให้แตะไอคอน
ในส่วนช่องทางการขาย ให้แตะที่ร้านค้าออนไลน์
แตะที่จัดการธีมทั้งหมด
ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นแตะที่แก้ไขธีม
แตะแก้ไข
ไปที่หน้าที่คุณต้องการเพิ่มส่วนแอป
ในแถบด้านข้าง ให้แตะเพิ่มส่วน
จากเมนูดรอปดาวน์ในส่วนแอป ให้เลือกแอปที่คุณต้องการเพิ่มไปยังหน้า หรือแตะที่แถบค้นหาแล้วป้อนข้อความเพื่อค้นหาแอปที่ติดตั้งไว้
ตัวเลือกเพิ่มเติม: แตะและลากไอคอน ⠿ เพื่อย้ายบล็อกไปยังตำแหน่งที่ตั้งอื่นบนหน้าที่พร้อมใช้งาน คุณยังสามารถปรับแต่งบล็อกโดยใช้การตั้งค่าที่มีอยู่ได้เช่นกัน
แตะบันทึก หรือ ✓
แอปจะถูกเพิ่มเป็นบล็อกในส่วนแอป คุณสามารถเพิ่มบล็อกแอปเพิ่มเติมไปยังส่วนดังกล่าวได้ และคุณยังสามารถเพิ่มส่วนแอปหลายส่วนไปยังหน้าได้อีกด้วย
การฝังแอป
การฝังแอปคือองค์ประกอบที่แอปมีให้ ซึ่งจะลอยอยู่หรือแสดงผลเป็นการวางซ้อนในธีมของคุณ หรือเพิ่มโค้ดไปยังร้านค้าออนไลน์ของคุณโดยที่ลูกค้ามองไม่เห็น ตัวอย่างเช่น แอปแชทบับเบิ้ลที่ปรากฏขึ้นที่มุมร้านค้าของคุณ หรือแอปการวิเคราะห์หรือแอปติดตามอาจถูกเพิ่มไปยังร้านค้าของคุณในรูปแบบการฝังแอป การฝังแอปสามารถเปิดใช้งาน ปิดใช้งาน และปรับแต่งผ่านตัวแก้ไขธีมได้ และสามารถใช้การฝังแอปกับธีมเวอร์ชันใดก็ได้
หากคุณมีตลาดหลายแห่ง คุณจะสามารถปรับแต่งการฝังแอปสำหรับแต่ละตลาดได้ ตัวอย่างเช่น คุณสามารถเปิดใช้งานการฝังแอปแชทสำหรับตลาดอเมริกาเหนือของคุณเท่านั้น หรือกำหนดการตั้งค่าการฝังแอปที่แตกต่างกันสำหรับแต่ละตลาดได้ หากต้องการปรับแต่งการฝังแอปสำหรับตลาดที่เจาะจง ให้เลือกตลาดจากเมนูดรอปดาวน์ ตลาด ในตัวแก้ไขธีมก่อนเปิดใช้งานหรือกำหนดค่าการฝังแอป สำหรับข้อมูลเพิ่มเติมเกี่ยวกับการปรับแต่งธีมของคุณสำหรับตลาดที่เจาะจง โปรดดูที่ปรับธีมของคุณให้เข้ากับตลาดที่เจาะจงหรือ Shopify B2B
เปิดใช้งานการฝังแอป
เดสก์ท็อป
จากส่วนผู้ดูแล Shopify ของคุณ ให้ไปที่ร้านค้าออนไลน์ > ธีม
ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิกแก้ไขธีม
ไม่บังคับ: หากคุณต้องการปรับแต่งการฝังแอปสำหรับตลาดที่เจาะจง ให้คลิกเมนูดรอปดาวน์ ตลาด แล้วเลือกตลาดที่คุณต้องการปรับแต่ง หากคุณไม่เลือกตลาด การเปลี่ยนแปลงจะนำไปใช้กับค่าเริ่มต้นของร้านค้า
ในแถบด้านข้าง ให้คลิกไอคอนการฝังแอป
เลือกการฝังแอปที่คุณต้องการเปิดใช้งาน หรือคลิกแถบค้นหาแล้วป้อนคำค้นหาเพื่อค้นหาแอปที่ติดตั้งไว้ของคุณ
ถัดจากการฝังแอปที่คุณต้องการเปิดใช้งาน ให้คลิกปุ่มเปิดปิดเพื่อเปิดใช้งาน
ตัวเลือกเพิ่มเติม: ดูการตั้งค่าสำหรับการฝังแอปโดยคลิกไอคอนขยาย
▸ที่อยู่ถัดจากชื่อการฝังแอปคลิกบันทึก
ดูตัวอย่างร้านค้าของคุณเพื่อดูแอปที่ฝังแบบสด
มือถือ
จาก แอป Shopify ให้แตะไอคอน
ในส่วนช่องทางการขาย ให้แตะที่ร้านค้าออนไลน์
แตะที่จัดการธีมทั้งหมด
ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นแตะที่แก้ไขธีม
ไม่บังคับ: หากคุณต้องการปรับแต่งการฝังแอปสำหรับตลาดที่เจาะจง ให้แตะเมนูดรอปดาวน์ ตลาด แล้วเลือกตลาดที่คุณต้องการปรับแต่ง หากคุณไม่เลือกตลาด การเปลี่ยนแปลงจะนำไปใช้กับค่าเริ่มต้นของร้านค้า
แตะ … > การฝังแอป
เลือกการฝังแอปที่คุณต้องการเปิดใช้งาน หรือป้อนคำค้นหาในแถบค้นหาเพื่อค้นหาจากแอปที่ติดตั้งไว้ของคุณ
ถัดจากการฝังแอปที่คุณต้องการเปิดใช้งาน ให้แตะปุ่มเปิดปิดเพื่อเปิดใช้งาน
ตัวเลือกเพิ่มเติม: ดูการตั้งค่าสำหรับการฝังแอปโดยแตะไอคอนขยาย
▸ที่อยู่ถัดจากชื่อการฝังแอปแตะบันทึก
ดูตัวอย่างร้านค้าของคุณเพื่อดูแอปที่ฝังแบบสด
แอปที่เพิ่มไปยังโค้ดธีม
แอปบางตัวจะแทรกโค้ดลงในโค้ดธีมของคุณโดยตรงเพื่อเพิ่มฟังก์ชันการทำงานไปยังธีมของคุณ หลังจากที่คุณติดตั้งแอปแล้ว คุณอาจได้รับคำแนะนำในการเริ่มต้นใช้งานซึ่งรวมถึงการแก้ไขโค้ดของคุณเองเพื่อเพิ่มฟังก์ชันการทำงานของแอปในตำแหน่งที่คุณต้องการให้ปรากฏในธีมของคุณ คุณอาจปรับแต่งแอปโดยใช้การตั้งค่าแอป หรือใช้ตัวแก้ไขธีมก็ได้
หากธีมของคุณมีส่วน Liquid แบบกำหนดเอง คุณก็สามารถเพิ่มโค้ดแอปของคุณลงในส่วน Liquid แบบกำหนดเองในตัวแก้ไขธีมได้ แทนที่จะแก้ไขโค้ดธีมของคุณโดยตรง