เข้าสู่ระบบ
เริ่มทดลองใช้งานฟรี

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

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

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

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

ในหน้านี้

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

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

ขั้นตอนมีดังนี้

Customize global colors
  1. จากส่วนผู้ดูแล Shopify ของคุณ ให้คลิกช่องทางการขาย > Checkout Blocks
  2. คลิกเครื่องมือแก้ไขการสร้างแบรนด์
  3. ในส่วนสี ให้คลิกที่สีพื้นฐานโดยรวม

  4. หากต้องการแทนที่สีการชำระเงินที่มีอยู่ ในส่วนสีพื้นฐานโดยรวม ให้คลิกที่ไอคอน ⊕ จากนั้นเลือกสีที่คุณต้องการโดยวิธีการใดวิธีการหนึ่งต่อไปนี้:

    • ใช้เครื่องมือเลือกสี
    • พิมพ์รหัสสี HEX ในช่องที่มี

  5. แล้วคลิกที่บันทึก

Customize color schemes
  1. จากส่วนผู้ดูแล Shopify ของคุณ ให้คลิกช่องทางการขาย > Checkout Blocks
  2. คลิกเครื่องมือแก้ไขการสร้างแบรนด์
  3. ในส่วนสี ให้คลิกรูปแบบ 1, รูปแบบ 2, รูปแบบ 3 หรือรูปแบบ 4 เพื่อปรับแต่งรูปแบบสีเฉพาะ

  4. เลือกส่วนประกอบต่อไปนี้ที่คุณต้องการปรับแต่ง:

    • สีหลัก
    • การควบคุมรูปแบบ
    • ปุ่มหลัก
    • ปุ่มรอง

  5. ในส่วนพื้นฐาน ให้คลิกที่ไอคอน ⊕ ถัดจากประเภทสีที่คุณต้องการปรับแต่ง จากนั้นเลือกสีที่คุณต้องการโดยเลือกวิธีการใดวิธีการหนึ่งต่อไปนี้:

    • ใช้เครื่องมือเลือกสี
    • พิมพ์รหัสสี HEX ในช่องที่มี

  6. ตัวเลือกเสริม: หากคุณจะแก้ไขรูปแบบดังกล่าวของการควบคุมรูปแบบ ปุ่มหลัก หรือปุ่มรอง คุณยังสามารถปรับแต่งสีต่างๆ ของพฤติกรรมการโต้ตอบเมื่อเลือกหรือเมื่อวางเมาส์ได้ คลิกที่ไอคอน ⊕ ถัดจากประเภทสีที่คุณต้องการปรับแต่ง จากนั้นเลือกสีที่คุณต้องการโดยเลือกวิธีการใดวิธีการหนึ่งต่อไปนี้:

    • ใช้เครื่องมือเลือกสี
    • พิมพ์รหัสสี HEX ในช่องที่มี

  7. แล้วคลิกที่บันทึก

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

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

  • 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. ในกล่องโต้ตอบรีเซ็ตเป็นสไตล์เริ่มต้นหรือไม่ ให้คลิกดำเนินการต่อ
ไม่พบคำตอบที่คุณต้องการงั้นหรือ เราพร้อมช่วยเหลือคุณ