Création et refonte de boutiques Shopify

Devis gratuit et sans engagement

Réponse personnelle sous 24 h ouvrées

← Tous les conseils
Guide pratique SiteQuiVend

ปุ่มการทํางานใดที่จะใช้บนร้านค้าออนไลน์?

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

Publié le 15.08.20262 min de lectureConseils concrets
การแปลงอีคอมเมิร์ซ

ร้านค้าออนไลน์เหนือสิ่งอื่นใดต้องใช้ปุ่มที่เรียบง่ายชัดเจนและมีลําดับชั้น: "เพิ่มลงตะกร้า" ในแผ่นผลิตภัณฑ์, "ดําเนินการชําระเงิน" ในรถเข็น, "ค้นพบคอลเลกชัน" เพื่อเป็นแนวทางในการนําทางและ "ขอคําแนะนํา" เมื่อการสนับสนุนมีประโยชน์จริงๆ ปุ่มที่ดีที่สุดไม่ใช่ปุ่มดั้งเดิมที่สุด: เป็นปุ่มที่บ่งบอกถึงขั้นตอนต่อไปอย่างชัดเจน

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

ปุ่มการกระทําจริง ๆ แล้วมีไว้เพื่ออะไร?

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

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

CTA ไม่ได้แก้ไขข้อเสนอที่คลุมเครือ ก่อนคลิกผู้เข้าชมจะต้องเข้าใจว่าพวกเขากําลังซื้ออะไรในราคาใดและภายใต้เงื่อนไขใด เพื่อสํารวจพื้นที่นี้เพิ่มเติมโปรดปรึกษาคู่มือเกี่ยวกับ รายการที่จะวางเหนือปุ่มเพิ่มลงตะกร้า.

ปุ่มสําคัญของร้านค้าออนไลน์

การแปลง

หยิบลงตะกร้า

นี่คือ CTA หลักของแผ่นผลิตภัณฑ์ ควรยังคงมองเห็นได้หลังจากเลือกตัวแปรและระบุอย่างชัดเจนว่าตัวเลือกหายไปหรือไม่

ตะกร้า

ดําเนินการชําระเงิน

ในตะกร้า ปุ่มนี้นําไปสู่การชําระเงินอย่างไม่คลุมเครือ หลีกเลี่ยงการทําให้ดูเหมือนกับ "ช้อปปิ้งต่อ"

การนําทาง

ค้นพบคอลเลกชัน

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

การสนับสนุน

ขอคําแนะนํา

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

ความพร้อมใช้งาน

แจ้งกลับด้วย

สําหรับผลิตภัณฑ์ที่ไม่พร้อมใช้งาน การแจ้งเตือนการคืนสินค้าในสต็อกจะให้ขั้นตอนต่อไปที่ตรงไปตรงมา แทนที่จะปล่อยให้ปุ่มซื้อไม่ทํางาน

บัญชี

ดูคําสั่งของฉัน

หลังจากการซื้อ การดําเนินการติดตามควรแยกจาก CTA เชิงพาณิชย์และอธิบายปลายทางอย่างถูกต้อง

ปุ่มใดที่จะใช้ขึ้นอยู่กับหน้า?

ผู้เข้าชมคนเดียวกันไม่ได้มีเจตนาเดียวกันในการต้อนรับคอลเลกชันหรือแผ่นผลิตภัณฑ์ ลําดับชั้นจึงต้องพัฒนาตลอดหลักสูตร

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

เขียนถ้อยคําอย่างไรให้อยากคลิก?

ข้อความจะต้องประกาศผลทันทีของการคลิก เริ่มต้นด้วยกริยาการกระทําให้สั้นและหลีกเลี่ยงคําสัญญาที่มากเกินไป "ดูชุดฤดูร้อน" มีข้อมูลมากกว่า "รับคู่มือ" ถูกต้องกว่า "ส่ง"

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

การออกแบบ คอนทราสต์ และมือถือ: กฎเกณฑ์ที่ต้องเคารพ

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

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

ความเปรียบต่างที่เป็นประโยชน์: สีสดใสไม่สามารถอ่านได้โดยอัตโนมัติ ทดสอบความแตกต่างระหว่างข้อความและพื้นหลังโดยเฉพาะอย่างยิ่งสําหรับสีขาวบนสีส้ม ความสามารถในการอ่านจะต้องยังคงมีความสําคัญมากกว่าเอฟเฟกต์ภาพ

ข้อผิดพลาดที่ทําให้คํากระตุ้นการตัดสินใจอ่อนลง

สีทุกอย่าง

หากแต่ละปุ่มดึงดูดสายตามากมายไม่มีใครบ่งบอกถึงความสําคัญ เก็บสีที่โดดเด่นสําหรับการกระทําหลัก

เปลี่ยนคําศัพท์

"ซื้อ" "สั่งซื้อ" และ "เพิ่ม" ไม่ควรสุ่มกําหนดขั้นตอนเดียวกัน ความสม่ําเสมอทําให้มั่นใจได้

ซ่อนเงื่อนไข

CTA ไม่ควรแทนที่ข้อมูลราคา การส่งมอบ ความพร้อมใช้งาน หรือการเปลี่ยนแปลงที่จําเป็นสําหรับการตัดสินใจ

เพิ่มประสิทธิภาพการรับสัญญาณเท่านั้น

แผ่นผลิตภัณฑ์และตะกร้ามักจะใกล้กับการแปลง ลําดับชั้นของพวกเขาสมควรได้รับความสนใจเป็นอันดับแรก

หากต้องการมุมมองการเดินทางที่กว้างขึ้น โปรดอ่านด้วย วิธีปรับปรุงตะกร้าสินค้า Shopify และ ทําไมผู้เยี่ยมชมออกจากร้านโดยไม่ต้องซื้อ.

คุณควรเลือกบริการใดเพื่อปรับปรุง CTA ของคุณ?

การวินิจฉัยโรค

ฟรีมินิออดิชั่น

เหมาะหากคุณต้องการระบุลําดับความสําคัญที่มองเห็นได้ก่อนที่จะพิจารณาการแทรกแซงในวงกว้าง

แผ่นผลิตภัณฑ์

การเพิ่มประสิทธิภาพของแผ่นผลิตภัณฑ์

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

เส้นทางที่สมบูรณ์

การออกแบบร้านค้า Shopify ใหม่

เกี่ยวข้องหาก CTA การนําทาง คอลเลกชัน เอกสารผลิตภัณฑ์ และตะกร้าต้องประสานกัน

ความต้องการเฉพาะ

คําขอส่วนบุคคล

นําเสนอบริบท หน้าที่เกี่ยวข้อง และข้อจํากัดทางเทคนิคเพื่อรับคําแนะนําที่เหมาะสม

รายการตรวจสอบที่เป็นประโยชน์ก่อนที่จะเผยแพร่ปุ่มของคุณ

  • การกระทําหลักเพียงอย่างเดียวครอบงําแต่ละหน้าจอ
  • ข้อความอธิบายขั้นตอนต่อไปอย่างแม่นยํา
  • CTA หลักตัดกับพื้นหลังโดยไม่สูญเสียความสามารถในการอ่าน
  • การกระทํารองจะมองเห็นได้รอบคอบมากขึ้น
  • ปุ่มยังคงใช้งานได้ที่ความกว้าง 375 px
  • ความแปรผันและข้อผิดพลาดแสดงคําสั่งที่ชัดเจน
  • การคลิกนําไปสู่ปลายทางที่ประกาศไว้
  • แป้นพิมพ์และโฟกัสช่วยให้คุณสามารถใช้ปุ่มได้
  • ราคา การจัดส่ง และความพร้อมจําหน่ายยังคงปรากฏให้เห็นก่อนซื้อ
  • เส้นทางได้รับการทดสอบตั้งแต่แผนกต้อนรับจนถึงการยืนยัน

คําถามที่พบบ่อยเกี่ยวกับปุ่มการดําเนินการอีคอมเมิร์ซ

ฉันควรใช้สีอะไรสําหรับปุ่มเพิ่มลงตะกร้า?

ใช้สีที่ตัดกันเพียงพอกับสภาพแวดล้อมของแผ่นผลิตภัณฑ์และสงวนไว้สําหรับการดําเนินการหลัก ไม่มีสีที่ชนะในระดับสากล: ความสอดคล้องกับแบรนด์และความสามารถในการอ่านมีความสําคัญมากขึ้น

คุณควรเขียนว่า "ซื้อเลย" หรือ "หยิบลงตะกร้า"?

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

สามารถแสดงปุ่มบนแผ่นผลิตภัณฑ์ได้กี่ปุ่ม?

อาจมีการกระทําหลายอย่างแต่มีเพียงหนึ่งเท่านั้นที่ต้องครอง การซื้อยังคงเป็นหลัก; คู่มือขนาดคําแนะนํารายการโปรดหรือการแบ่งปันควรเป็นเรื่องรองและแตกต่างอย่างชัดเจน

ปุ่มคงที่ที่ด้านล่างของหน้าจอแนะนําบนมือถือหรือไม่?

สามารถทําให้ง่ายต่อการเพิ่มลงในรถเข็นบนแผ่นผลิตภัณฑ์ขนาดยาวตราบใดที่คุณไม่ซ่อนเนื้อหาตัวเลือกตัวแปรหรือข้อความสําคัญ ต้องทดสอบกับหน้าจอหลายขนาด

ไอคอนสามารถใช้โดยไม่มีข้อความได้หรือไม่?

สําหรับการกระทําทั่วไปเช่นตะกร้าสินค้าหรือการค้นหาไอคอนสามารถทํางานได้หากความหมายชัดเจนและมีถ้อยคําที่เข้าถึงได้ สําหรับการดําเนินการอย่างเด็ดขาดข้อความที่ชัดเจนยังคงเป็นที่นิยม

จะวางปุ่มหลักบนแผ่นผลิตภัณฑ์ได้ที่ไหน?

วางไว้ใกล้กับราคา รูปแบบ และข้อมูลที่จําเป็นสําหรับการตัดสินใจในส่วนที่มองเห็นได้รวดเร็ว จะต้องปรากฏหลังจากตัวเลือกบังคับและก่อนเนื้อหารองที่มีรายละเอียดมาก

ฉันจะรู้ได้อย่างไรว่าจําเป็นต้องเปลี่ยน CTA?

วิเคราะห์การคลิก การออกกลางคัน และความคิดเห็นของผู้ใช้ จากนั้น ขั้นแรกให้ตรวจสอบความชัดเจนของการเดินทาง ทดสอบการเปลี่ยนแปลงทีละรายการ: การใช้ถ้อยคํา ความเปรียบต่าง ตําแหน่ง หรือลําดับชั้น เพื่อทําความเข้าใจผลกระทบ

คู่มือที่เขียนโดย SiteQuiVend ผู้เชี่ยวชาญด้านการสร้างและออกแบบเว็บไซต์และร้านค้า Shopify ใหม่ ข้อมูลอัปเดตในเดือนสิงหาคม 2569

เปลี่ยนปุ่มของคุณเป็นขั้นตอนที่ชัดเจนระหว่างทาง

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

Transformons vos idées en pages qui donnent confiance

Création ou refonte de boutique Shopify : obtenez une recommandation et un devis adaptés à votre situation.

Parler de mon projet →