การใช้เครื่องมือแก้ไขการสร้างแบรนด์ใน Checkout Blocks

คุณสามารถใช้เครื่องมือแก้ไขการสร้างแบรนด์ใน Checkout Blocks ซึ่งขับเคลื่อนโดย Checkout Branding API เพื่อปรับแต่งความสวยงามของหน้าการชำระเงินและหน้าบัญชีผู้ใช้ของคุณโดยไม่ต้องแก้ไขโค้ดใดๆ

คุณสามารถใช้เครื่องมือแก้ไขการสร้างแบรนด์เพื่อแก้ไขสีและองค์ประกอบของหน้าชำระเงินสำหรับการกำหนดค่าการชำระเงินใดๆ ได้ การเปลี่ยนแปลงที่คุณทำกับการออกแบบหน้าชำระเงินของคุณโดยใช้เครื่องมือแก้ไขการสร้างแบรนด์จะนำไปใช้กับทุกหน้าของการชำระเงินของคุณ ซึ่งรวมถึงหน้าขอบคุณ หน้าแสดงสถานะคำสั่งซื้อ และหน้าบัญชีผู้ใช้ของลูกค้าใหม่

หากต้องการเปิดใช้เครื่องมือแก้ไขการสร้างแบรนด์จากส่วนผู้ดูแล Shopify ของคุณ ให้คลิกที่ แอป > Checkout Blocks จากนั้นคลิก เครื่องมือแก้ไขการสร้างแบรนด์

ปรับแต่งสีของการชำระเงิน

ในส่วนสี คุณสามารถปรับแต่งสีพื้นฐานของการชำระเงินได้ นอกจากนี้ คุณยังสามารถปรับแต่งชุดสีได้สูงสุด 4 ชุดที่จะนำไปใช้กับแต่ละส่วนได้หากต้องการแก้ไขการออกแบบในรายละเอียดที่ลึกยิ่งขึ้น คุณสามารถแก้ไขประเภทของสีได้ ซึ่งรวมถึงสีที่ใช้เน้น (สำหรับองค์ประกอบแบบอินเทอร์แอคทีฟ เช่น ลิงก์) และสีของแบรนด์ (ใช้สำหรับองค์ประกอบต่างๆ เช่น ปุ่มหลักและปุ่มรอง)

ขั้นตอน:

ปรับแต่งองค์ประกอบของการชำระเงิน

ในส่วนการปรับแต่งของตัวแก้ไขการสร้างแบรนด์ คุณสามารถแก้ไของค์ประกอบของการชำระเงินต่อไปนี้ได้

• ไอคอน Favicon: เลือกไอคอนที่แสดงให้ลูกค้าเห็นในแท็บเบราว์เซอร์ระหว่างการชำระเงิน
• ส่วนกลาง: ปรับรัศมีมุมสำหรับองค์ประกอบทั้งหมด (ข้อมูลที่ป้อนในแบบฟอร์ม ปุ่ม และบัตร)
• ส่วนหัวและโลโก้: เลือกตำแหน่งของส่วนหัวในการชำระเงิน รวมถึงเลือกว่าจะแสดงร่องรอยเส้นทาง ลิงก์ตะกร้าสินค้า และโลโก้หรือไม่
• ส่วนหลัก: ใช้รูปแบบการออกแบบกับพื้นที่เนื้อหาหลักของการชำระเงิน รวมถึงรูปภาพพื้นหลัง ความกว้างของเส้นขอบ และชุดสี
• สรุปคำสั่งซื้อ: ใช้รูปแบบการออกแบบกับแถบด้านข้างของการชำระเงินซึ่งมีข้อมูลสรุปคำสั่งซื้อของลูกค้า รวมถึงรูปภาพพื้นหลัง ความกว้างของเส้นขอบ และชุดสี
• ส่วนท้าย: เลือกความกว้างของส่วนท้ายในการชำระเงิน รวมถึงเลือกว่าจะแสดงนโยบายร้านค้าหรือไม่
• รูปแบบตัวอักษร: เลือกขนาดแบบอักษร ตระกูลแบบอักษร และน้ำหนัก ขนาด ระยะห่างระหว่างตัวอักษร และตัวพิมพ์ของแบบอักษรสำหรับส่วนหัวสูงสุด 3 ระดับ
• ปุ่ม: เลือกการเว้นขอบด้านใน เส้นขอบ และสไตล์ของปุ่มหลักและปุ่มรอง
• แบบฟอร์ม: ปรับแต่งสไตล์สำหรับข้อมูลที่ป้อนในแบบฟอร์มการชำระเงิน เช่น ช่องทำเครื่องหมาย ช่องข้อความ และตัวเลือกที่เลือกจากรายการ
• ภาพขนาดย่อของสินค้า: ปรับสไตล์ของเส้นขอบและรัศมีมุมสำหรับรูปภาพสินค้าในการชำระเงิน

ขั้นตอน:

1. จากส่วนผู้ดูแล Shopify ให้ไปที่ แอป > Checkout Blocks

2. คลิกตัวแก้ไขการสร้างแบรนด์

3. ในส่วนการปรับแต่ง ให้คลิกองค์ประกอบที่ต้องการปรับแต่ง เช่น ส่วนหัวและโลโก้

4. ใช้ตัวเลือกการปรับแต่งที่มีอยู่เพื่อปรับองค์ประกอบการชำระเงินตามที่คุณต้องการ

5. คลิกบันทึก

สลับการกำหนดค่าการชำระเงิน

เมื่อคุณเปิดเครื่องมือแก้ไขการสร้างแบรนด์ ระบบจะให้คุณแก้ไขการกำหนดค่าการชำระเงินที่ ใช้งานอยู่ เป็นค่าเริ่มต้น อย่างไรก็ตาม คุณสามารถใช้เครื่องมือแก้ไขการสร้างแบรนด์เพื่อเปลี่ยนการกำหนดค่าการชำระเงินที่ต้องการแก้ไข รวมถึงสร้างการกำหนดค่าการชำระเงินใหม่ได้

ดูข้อมูลเพิ่มเติมเกี่ยวกับการจัดการการกำหนดค่าการชำระเงินที่ใช้งานอยู่และแบบร่าง

ขั้นตอน:

1. จากส่วนผู้ดูแล Shopify ให้ไปที่ แอป > Checkout Blocks

2. คลิกตัวแก้ไขการสร้างแบรนด์

3. คลิกชื่อการกำหนดค่าการชำระเงินปัจจุบันเพื่อเปิดเมนูดรอปดาวน์ซึ่งมีรายการการกำหนดค่าที่ใช้งานอยู่ตลอดจนการกำหนดค่าแบบร่างใดๆ จากนั้นเลือกการกำหนดค่าการชำระเงินที่คุณต้องการปรับแต่งดังนี้

   • เลือกการกำหนดค่าที่มีอยู่ที่คุณต้องการแก้ไข
   • คลิก ⊕ สร้างการกำหนดค่าใหม่ เพื่อไปยังการตั้งค่าการชำระเงินของส่วนผู้ดูแล Shopify

ดูตัวอย่างการชำระเงิน

คุณสามารถดูตัวอย่างการเปลี่ยนแปลงที่ทำในตัวแก้ไขการสร้างแบรนด์ได้ทุกเมื่อโดยเลือกการกำหนดค่าการชำระเงินที่ต้องการดูตัวอย่าง จากนั้นคลิกดูตัวอย่าง ตัวแก้ไขการชำระเงินและบัญชีจะเปิดขึ้นในแท็บแยกต่างหากโดยมีการเปลี่ยนแปลงทั้งหมดของคุณปรับใช้แล้ว เพื่อให้คุณสามารถดูตัวอย่างลักษณะที่แสดงในการชำระเงินได้

ขั้นตอน:

1. จากส่วนผู้ดูแล Shopify ให้ไปที่ แอป > Checkout Blocks

2. คลิกตัวแก้ไขการสร้างแบรนด์

3. ปรับแต่งสีของการกำหนดค่าการชำระเงินหรือองค์ประกอบการชำระเงินที่ต้องการปรับเปลี่ยน

4. คลิกดูตัวอย่าง

การส่งออกและนำเข้าการกำหนดค่าการชำระเงิน

คุณสามารถส่งออกและนำเข้าการกำหนดค่าการชำระเงินได้โดยใช้ไฟล์ JSON

ส่งออกการกำหนดค่าการชำระเงิน

1. จากส่วนผู้ดูแล Shopify ให้ไปที่ แอป > Checkout Blocks

2. คลิกตัวแก้ไขการสร้างแบรนด์

3. เลือกการกำหนดค่าการชำระเงินที่มีการปรับแต่งแล้วโดยใช้ตัวแก้ไขการสร้างแบรนด์

4. คลิกการดำเนินการเพิ่มเติม > ส่งออกการกำหนดค่า

การกำหนดค่าการชำระเงินจะถูกดาวน์โหลดเป็นไฟล์ .json ไปยังอุปกรณ์ในเครื่องของคุณ

นำเข้าการกำหนดค่าการชำระเงิน

1. จากส่วนผู้ดูแล Shopify ให้ไปที่ แอป > Checkout Blocks

2. คลิกตัวแก้ไขการสร้างแบรนด์

3. เลือกการกำหนดค่าการชำระเงินที่ต้องการใช้โปรไฟล์การสร้างแบรนด์ที่นำเข้า

4. คลิกการดำเนินการเพิ่มเติม > นำเข้าการกำหนดค่า

5. ในกล่องโต้ตอบนำเข้าการสร้างแบรนด์ของการชำระเงิน ให้อัปโหลดไฟล์ JSON การสร้างแบรนด์ของคุณดังนี้

   1. คลิกเพิ่มไฟล์
   2. เลือกไฟล์ JSON ที่เหมาะสมจากอุปกรณ์ของคุณ
   3. คลิกนำเข้าและดำเนินการต่อ

6. ตรวจสอบการกำหนดค่าการปรับแต่งที่โหลดไว้ล่วงหน้า แล้วแก้ไขตามต้องการ

7. คลิกบันทึก

รีเซ็ตสไตล์การชำระเงินเป็นค่าเริ่มต้น

เมื่อคุณแก้ไขสีหรือองค์ประกอบการชำระเงินโดยใช้ตัวแก้ไขการสร้างแบรนด์ คุณสามารถรีเซ็ตค่าที่ระบุกลับเป็นค่าเริ่มต้นได้โดยการคลิกรีเซ็ตที่อยู่ถัดจากสีหรือองค์ประกอบที่คุณได้เปลี่ยนไป

คุณสามารถรีเซ็ตการสร้างแบรนด์ที่กำหนดค่าไว้ในหน้าการชำระเงินทั้งหมดให้กลับไปเป็นค่าเริ่มต้นของ Shopify ได้ทุกเมื่อ การรีเซ็ตการกำหนดค่าหน้าการชำระเงินจะเป็นการล้างการปรับแต่งทั้งหมดในทุกหน้าของเครื่องมือแก้ไขการสร้างแบรนด์ การดำเนินการนี้ไม่สามารถเลิกทำได้

ขั้นตอน:

1. จากส่วนผู้ดูแล Shopify ให้ไปที่ แอป > Checkout Blocks

2. คลิกตัวแก้ไขการสร้างแบรนด์

3. เลือกการกำหนดค่าการชำระเงินที่คุณต้องการรีเซ็ต

4. คลิก รีเซ็ตเป็นค่าเริ่มต้น

5. ในกล่องโต้ตอบ รีเซ็ตเป็นสไตล์เริ่มต้นหรือไม่ ให้คลิก ดำเนินการต่อ