การสร้างปุ่มซื้อ
หลังจากที่คุณเพิ่มช่องทางการขายของปุ่มซื้อในส่วนผู้ดูแล Shopify แล้ว คุณจะสามารถสร้างปุ่มซื้อสำหรับสินค้าหรือคอลเลกชันได้
หลังจากที่คุณสร้างปุ่มซื้อแล้ว ให้คุณคัดลอกโค้ดที่สร้างขึ้นโดยอัตโนมัติ จากนั้นเพิ่มโค้ดดังกล่าวไปยังเว็บเพจหรือบล็อกโพสต์ที่คุณต้องการให้ปุ่มแสดงผล ตัวอย่างเช่น คุณอาจต้องการเพิ่มปุ่มซื้อไปยังบล็อก Wordpress หรือเว็บไซต์ Squarespace ของคุณ
รูปลักษณ์ของปุ่มซื้อจะไม่สามารถเปลี่ยนแปลงได้หลังจากที่คุณฝังไว้ในเว็บไซต์ของคุณแล้ว หากคุณต้องการจะเปลี่ยนแปลง คุณจะต้องสร้างปุ่มใหม่ในช่องทางแล้วแทนที่โค้ดเดิมด้วยโค้ดใหม่
การปรับแต่งปุ่มซื้อ
คุณสามารถปรับแต่งรูปลักษณ์และลักษณะการทำงานของปุ่มซื้อได้ดังนี้
- สีของปุ่ม
- ขนาดของปุ่ม
- แบบอักษรของปุ่ม
- สิ่งที่จะเกิดขึ้นเมื่อมีการคลิกปุ่ม
- การเปิดหน้าการชำระเงินในหน้าต่างเบราว์เซอร์ใหม่
ขณะที่คุณปรับแต่งปุ่ม คุณสามารถดูตัวอย่างการเปลี่ยนแปลงของคุณได้ คุณสามารถทดสอบการทำงานของปุ่มซื้อได้โดยการคลิกที่ตัวอย่าง
สไตล์ของเลย์เอาต์
คุณสามารถเลือกเลย์เอาต์ของปุ่มซื้อได้
| พื้นฐาน | เลือกเลย์เอาต์นี้เพื่อเพิ่มปุ่มซื้อโดยไม่มีรูปภาพสินค้า คุณอาจต้องการทำเช่นนี้หากคุณแสดงสินค้าของคุณที่อื่นทางออนไลน์อยู่แล้ว แต่ต้องการเพียงแค่เพิ่มปุ่มเพื่อทำการซื้อ |
| คลาสสิก | เลือกเลย์เอาต์นี้เพื่อแสดงรูปภาพสินค้าและราคาข้างปุ่มซื้อ เลย์เอาต์นี้มีประโยชน์สำหรับการดูตัวอย่างสินค้าอย่างรวดเร็ว เช่น ในบล็อกโพสต์ |
| เต็มมุมมอง | เลือกเลย์เอาต์นี้เพื่อแสดงรูปภาพสินค้า ราคา และคำอธิบายข้างปุ่มซื้อ เลย์เอาต์นี้จะจำลองหน้ารายละเอียดสินค้าในร้านค้าออนไลน์ของคุณ |
แอ็กชันของปุ่มซื้อ
เมื่อคุณสร้างปุ่มซื้อ คุณจะสามารถเลือกแอ็กชันที่จะเกิดขึ้นเมื่อมีการคลิกปุ่มได้
หากปุ่มซื้อเป็นของคอลเลกชัน แอ็กชันจะปรับใช้กับสินค้าทุกรายการในคอลเลกชันนั้น
- เพิ่มสินค้าไปยังตะกร้าสินค้า จะเป็นการเพิ่มสินค้าไปยังตะกร้าสินค้า ลูกค้าสามารถช้อปปิ้งต่อและเพิ่มสินค้าอื่นๆ ไปยังตะกร้าสินค้าได้
- ไปที่หน้าชำระเงินโดยตรง จะนำลูกค้าไปยังหน้าชำระเงินของคุณโดยตรง ซึ่งลูกค้าจะสามารถซื้อสินค้านั้นได้ ลูกค้าจะไม่สามารถเพิ่มสินค้าอื่นๆ ไปยังคำสั่งซื้อของตนได้
- เปิดรายละเอียดสินค้า จะแสดง ดูสินค้า ปุ่ม เมื่อลูกค้าคลิกปุ่มดังกล่าว ก็จะสามารถดูคำอธิบายของสินค้า เลือกตัวเลือกสินค้าที่มี และเพิ่มสินค้าลงในตะกร้าสินค้าได้ หากสินค้ามีรูปภาพสินค้าหลายรูป รูปภาพเหล่านั้นก็จะแสดงขึ้นมาด้วย
- ตัวเลือกนี้จะไม่พร้อมใช้งานเมื่อคุณเลือกเลย์เอาต์มุมมองเต็ม เนื่องจากเลย์เอาต์มุมมองเต็มจะแสดงรายละเอียดสินค้าทั้งหมดอยู่แล้ว
คุณยังสามารถเลือกว่าจะให้หน้าชำระเงินเปิดในหน้าต่างเบราว์เซอร์ใหม่หรือเปิดในแท็บเดียวกับเว็บไซต์ของคุณก็ได้ โดยค่าเริ่มต้นแล้ว หน้าการชำระเงินจะเปิดในหน้าต่างใหม่
ลักษณะของปุ่มซื้อ
- สไตล์ปุ่มประกอบด้วยรูปทรง สี และรูปแบบตัวอักษรสำหรับส่วนที่เป็นปุ่มของปุ่มซื้อ
- เลย์เอาต์ คุณสามารถปรับแต่งการตั้งค่าต่างๆ เช่น การจัดตำแหน่งปุ่ม ขนาดรูปภาพ ข้อความบนปุ่ม แบบอักษร สี และขนาดได้ ทั้งนี้ขึ้นอยู่กับสไตล์ของเลย์เอาต์ที่คุณเลือก
- ตะกร้าสินค้า ประกอบด้วยตัวเลือกข้อความและสีสำหรับตะกร้าสินค้าที่ติดตั้งภายใน นอกจากนี้คุณยังสามารถเปิดใช้และปรับแต่งป้ายกำกับสำหรับ หมายเหตุคำสั่งซื้อ ฟิลด์ได้ คุณสามารถใช้หมายเหตุคำสั่งซื้อเพื่อรวบรวมคำแนะนำพิเศษจากลูกค้าเกี่ยวกับวิธีเตรียมและจัดส่งคำสั่งซื้อได้ ข้อมูลเพิ่มเติม ฟิลด์จะช่วยให้คุณสามารถสื่อสารข้อความไปยังลูกค้าของคุณได้
- คุณจะสามารถแก้ไขการตั้งค่าสำหรับตะกร้าสินค้าได้ก็ต่อเมื่อคุณเลือกเพิ่มสินค้าไปยังตะกร้าสินค้าหรือเปิดรายละเอียดสินค้าเป็นแอ็กชันของปุ่มเท่านั้น
- ป๊อปอัปแบบละเอียดประกอบด้วยการตั้งค่าสำหรับหน้าต่างป๊อปอัปของรายละเอียดสินค้า คุณสามารถปรับแต่งข้อความของปุ่ม เลือกว่าจะใส่ฟิลด์จำนวนหรือไม่ สีที่ใช้สำหรับพื้นหลังและป้ายกำกับ และแบบอักษรกับขนาดแบบอักษรของป้ายกำกับได้ คุณจะสามารถแก้ไขการตั้งค่าเหล่านี้ได้ก็ต่อเมื่อคุณเลือกเปิดรายละเอียดสินค้าเป็นแอ็กชันของปุ่มเท่านั้น
สร้างปุ่มซื้อสำหรับสินค้าชิ้นเดียว
คุณสามารถสร้างปุ่มซื้อสำหรับสินค้าชิ้นเดียวได้ ปุ่มซื้อสามารถมีตัวเลือกสินค้าของสินค้านั้นๆ เพียงตัวเดียวหรือทั้งหมดก็ได้ เมื่อคุณสร้างปุ่มซื้อ คุณจะต้องเลือกสไตล์ของเลย์เอาต์และปรับแต่งสี ข้อความ และลักษณะของปุ่ม รวมถึงแอ็กชันที่จะเกิดขึ้นเมื่อลูกค้าคลิกปุ่มดังกล่าว ดูข้อมูลเพิ่มเติมเกี่ยวกับการปรับแต่งปุ่มซื้อ
ก่อนที่คุณจะสร้างปุ่มซื้อสำหรับสินค้า คุณจะต้องเพิ่มสินค้าในส่วนผู้ดูแล Shopify ของคุณและทำให้พร้อมใช้งานสำหรับช่องทางการขายของปุ่มซื้อ
ขั้นตอน:
เดสก์ท็อป
จากส่วนผู้ดูแล Shopify ของคุณ ให้ไปที่ ช่องทางการขาย > ปุ่มซื้อ
คลิกสร้างปุ่มซื้อ
คลิกปุ่มซื้อสินค้า
เลือกสินค้าจากแค็ตตาล็อกของคุณหรือใช้การค้นหาเพื่อค้นหาสินค้า คลิกเลือก
ตัวเลือกเสริม: ปรับแต่งปุ่มซื้อ
- หากสินค้าของคุณมีตัวเลือกสินค้า ให้เลือกตัวเลือกสินค้าทั้งหมด หรือเลือกตัวเลือกสินค้าที่คุณต้องการจะใส่
- เลือกสไตล์ของเลย์เอาต์และแอ็กชันที่จะเกิดขึ้นเมื่อลูกค้าคลิกปุ่ม คุณยังสามารถปรับแต่งลักษณะของปุ่มได้อีกด้วย
- ตามค่าเริ่มต้นแล้ว ระบบจะเปิดหน้าชำระเงินในหน้าต่างใหม่ แต่คุณสามารถเลือกให้เปิดหน้าชำระเงินในแท็บเบราว์เซอร์เดียวกับเว็บไซต์ของคุณได้ คลิกการตั้งค่าขั้นสูง > เปลี่ยนเส้นทางในแท็บเดียวกัน
คลิกถัดไป
คลิกคัดลอกโค้ด
เปิดเครื่องมือแก้ไข HTML สำหรับเว็บเพจที่คุณต้องการแสดงปุ่มซื้อ โปรดดูที่การเพิ่มโค้ดปุ่มซื้อไปยัง HTML
วางโค้ดลงใน HTML ในตำแหน่งที่คุณต้องการให้ปุ่มซื้อปรากฏขึ้น จากนั้นให้บันทึกการเปลี่ยนแปลงของคุณ
มือถือ
จาก Shopify app ให้แตะไอคอน
ในส่วน ช่องทางการขาย ให้แตะ ปุ่มสั่งซื้อ
แตะสร้างปุ่มซื้อ
แตะปุ่มซื้อสินค้า
เลือกสินค้าจากแค็ตตาล็อกของคุณหรือใช้การค้นหาเพื่อค้นหาสินค้า จากนั้นแตะเลือก
ไม่บังคับ: แตะ ปรับแต่ง
- หากสินค้าของคุณมีตัวเลือกสินค้าหลายรายการ ให้เลือกตัวเลือกสินค้าทั้งหมด หรือเลือกตัวเลือกสินค้าจากรายการแบบดรอปดาวน์
- เลือกสไตล์ของเลย์เอาต์และแอ็กชันที่จะเกิดขึ้นเมื่อลูกค้าคลิกปุ่ม คุณยังสามารถปรับแต่งลักษณะของปุ่มได้อีกด้วย
- ตามค่าเริ่มต้นแล้ว ระบบจะเปิดหน้าชำระเงินในหน้าต่างใหม่ แต่คุณสามารถเลือกให้เปิดหน้าชำระเงินในแท็บเบราว์เซอร์เดียวกับเว็บไซต์ของคุณได้ แตะการตั้งค่าขั้นสูง > เปลี่ยนเส้นทางในแท็บเดียวกัน
แตะเสร็จสิ้น
แตะคัดลอกโค้ด
เปิดเครื่องมือแก้ไข HTML สำหรับเว็บเพจที่คุณต้องการแสดงปุ่มซื้อ โปรดดูที่การเพิ่มโค้ดปุ่มซื้อไปยัง HTML
วางโค้ดลงใน HTML ในตำแหน่งที่คุณต้องการให้ปุ่มซื้อปรากฏขึ้น จากนั้นให้บันทึกการเปลี่ยนแปลงของคุณ
สร้างปุ่มซื้อสำหรับคอลเลกชัน
เมื่อคุณสร้างปุ่มซื้อสำหรับคอลเลกชัน เท่ากับว่าคุณกำลังสร้างปุ่มสำหรับสินค้าทุกชิ้นในคอลเลกชันนั้น
เมื่อคุณสร้างปุ่มซื้อ คุณจะต้องเลือกสไตล์ของเลย์เอาต์และปรับแต่งสี ข้อความ และลักษณะของปุ่ม รวมถึงแอ็กชันที่จะเกิดขึ้นเมื่อลูกค้าคลิกปุ่มดังกล่าว ดูข้อมูลเพิ่มเติมเกี่ยวกับการปรับแต่งปุ่มซื้อ
ก่อนที่คุณจะสร้างปุ่มซื้อสำหรับคอลเลกชัน คุณจำเป็นต้องดำเนินการดังนี้
- เพิ่มสินค้าในส่วนผู้ดูแล Shopify ของคุณ
- ทำให้สินค้าพร้อมใช้งานสำหรับช่องทางการขายของปุ่มซื้อ
- สร้างคอลเลกชันแล้ว
ขั้นตอน:
เดสก์ท็อป
จากส่วนผู้ดูแล Shopify ของคุณ ให้ไปที่ ช่องทางการขาย > ปุ่มซื้อ
คลิกสร้างปุ่มซื้อ
คลิกปุ่มซื้อคอลเลกชัน
เลือกคอลเลกชัน หรือใช้การค้นหาเพื่อหาคอลเลกชัน จากนั้นคลิกเลือก
ตัวเลือกเสริม: ปรับแต่งปุ่มซื้อ
- เลือกการดำเนินการที่จะเกิดขึ้นเมื่อลูกค้าคลิกที่ปุ่ม นอกจากนี้ คุณยังสามารถปรับแต่งลักษณะของปุ่มได้อีกด้วย
- ตามค่าเริ่มต้นแล้ว ระบบจะเปิดหน้าชำระเงินในหน้าต่างใหม่ แต่คุณสามารถเลือกให้เปิดหน้าชำระเงินในแท็บเบราว์เซอร์เดียวกับเว็บไซต์ของคุณได้ คลิกการตั้งค่าขั้นสูง > เปลี่ยนเส้นทางในแท็บเดียวกัน
คลิกถัดไป
คลิกคัดลอกโค้ด
เปิดเครื่องมือแก้ไข HTML สำหรับเว็บเพจที่คุณต้องการแสดงปุ่มซื้อ โปรดดูที่การเพิ่มโค้ดปุ่มซื้อไปยัง HTML
วางโค้ดลงใน HTML ในตำแหน่งที่คุณต้องการให้ปุ่มซื้อปรากฏขึ้น จากนั้นให้บันทึกการเปลี่ยนแปลงของคุณ
มือถือ
จาก Shopify app ให้แตะไอคอน
ในส่วน ช่องทางการขาย ให้แตะ ปุ่มสั่งซื้อ
แตะสร้างปุ่มซื้อ
แตะปุ่มซื้อคอลเลกชัน
เลือกคอลเลกชัน หรือใช้การค้นหาเพื่อหาคอลเลกชัน จากนั้นแตะเลือก
ไม่บังคับ: แตะ ปรับแต่ง
- เลือกการดำเนินการที่จะเกิดขึ้นเมื่อลูกค้าคลิกที่ปุ่ม นอกจากนี้ คุณยังสามารถปรับแต่งลักษณะของปุ่มได้อีกด้วย
- ตามค่าเริ่มต้นแล้ว ระบบจะเปิดหน้าชำระเงินในหน้าต่างใหม่ แต่คุณสามารถเลือกให้เปิดหน้าชำระเงินในแท็บเบราว์เซอร์เดียวกับเว็บไซต์ของคุณได้ แตะการตั้งค่าขั้นสูง > เปลี่ยนเส้นทางในแท็บเดียวกัน
แตะเสร็จสิ้น
แตะคัดลอกโค้ด
เปิดเครื่องมือแก้ไข HTML สำหรับเว็บเพจที่คุณต้องการแสดงปุ่มซื้อ โปรดดูที่การเพิ่มโค้ดปุ่มซื้อไปยัง HTML
วางโค้ดลงใน HTML ในตำแหน่งที่คุณต้องการให้ปุ่มซื้อปรากฏขึ้น จากนั้นให้บันทึกการเปลี่ยนแปลงของคุณ