คุณเคยสงสัยหรือไม่ว่าทำไมร้านขายของชำจึงวางนมไว้ที่ด้านหลังร้านและช็อกโกแลตใกล้กับเคาน์เตอร์ชำระเงิน
เรียบง่าย: การวางสิ่งของจำเป็นไว้ที่ด้านหลังร้านช่วยให้ผู้ซื้อเดินไปรอบๆ และเลือกชมสินค้าอื่นๆ การวางสิ่งของเล็กๆ น้อยๆ (เช่น ช็อคโกแลต) ใกล้เคาน์เตอร์ชำระเงินจะกระตุ้นให้เกิดการซื้อ
ทั้งหมดนี้เป็นส่วนหนึ่งของศาสตร์แห่งการออกแบบร้านค้า ที่ รูปแบบร้านค้าที่ถูกต้อง สามารถเพิ่มยอดขาย เพิ่มความภักดี และช่วยให้ลูกค้าค้นหาสิ่งที่ต้องการได้เร็วขึ้น
ร้านค้าออนไลน์ของคุณก็ไม่แตกต่างกัน การจัดระเบียบและเค้าโครงของผลิตภัณฑ์ของคุณมีผลกระทบอย่างมากต่อสิ่งที่ลูกค้าซื้อจากคุณ (และอย่างไร)
ในบทความนี้ เราจะแสดงวิธีจัดวางผลิตภัณฑ์ของคุณเพื่อเพิ่มยอดขายและ Conversion สูงสุด
3 สิ่งที่ควรพิจารณาเมื่อเลือกเค้าโครงผลิตภัณฑ์
เค้าโครงของผลิตภัณฑ์อาจดูเหมือนเป็นปัญหาตรงไปตรงมาเมื่อคุณเข้าใกล้ครั้งแรก อย่างไรก็ตาม เช่นเดียวกับสิ่งส่วนใหญ่ใน
1. ทางเลือก
ตัวเลือกคือก
![สินค้าในซุปเปอร์มาร์เก็ต](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Products-in-a-supermarket-1496672697-1024x674.png)
การจัดวางผลิตภัณฑ์ที่มีประสิทธิภาพถือเป็นกระบวนการสร้างสมดุลระหว่างความเป็นคู่นี้ นั่นคือ: ให้ความรู้สึกว่ามีทางเลือกมากมาย ในขณะที่ยังคงทำให้เว็บไซต์ใช้งานและนำทางได้ง่าย
วิทยาศาสตร์กล่าวว่า การตัดสินใจนั้นเป็นเรื่องที่ต้องเสียภาษีทางจิตใจ เมื่อคุณเผชิญหน้ากับผู้ซื้อด้วยตัวเลือกมากเกินไป พวกเขามีแนวโน้มที่จะไม่ตัดสินใจเลย
แล้วคุณจะเอาชนะปัญหานี้ในรูปแบบร้านค้าของคุณได้อย่างไร?
วิธีแก้ปัญหาหนึ่งคือการใช้รูปภาพเด่นที่นำไปสู่ผลิตภัณฑ์เพิ่มเติม เช่น สังเกตวิธีการ เมด.คอม ใช้รูปภาพแยกสำหรับหมวดหมู่ผลิตภัณฑ์ทั้งหมด (เช่น "เฟอร์นิเจอร์ในสวน"):
![รับทำเฟอร์นิเจอร์](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Made-furniture-1496672669.png)
คิดว่านี่เป็นทีเซอร์เพื่อดึงดูดผู้ซื้อ
เป็นการดีที่คุณจะต้องการที่จะเก็บของคุณ
ดังนั้น ก่อนที่คุณจะเริ่มกระบวนการจัดวางให้แสดงรายการต่อไปนี้:
- กลุ่มผลิตภัณฑ์ทั้งหมดของคุณ รวมถึงหมวดหมู่และหมวดหมู่ย่อยที่เกี่ยวข้อง
- หมวดหมู่ที่มีประโยชน์ เช่น “สินค้าขายดี” “สินค้าเด่น” ฯลฯ และผลิตภัณฑ์ในนั้น
ขั้นตอนต่อไปคือการใช้ข้อมูลนี้เพื่อสร้าง
![เมนูอเมซอน](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Amazon-menu-1496672625.png)
การทำเช่นนี้จะช่วยให้ผู้ซื้อพบสิ่งที่ต้องการโดยไม่ต้องมีตัวเลือกมากเกินไป
หากร้านค้า Ecwid ของคุณถูกเพิ่มไปยังเว็บไซต์ คุณสามารถเพิ่มเมนูนำทางได้โดยการเพิ่มโค้ด:
- สำหรับการจัดวางแนวนอน
- สำหรับการจัดวางแนวตั้ง
![หมวดหมู่แนวตั้งใน Ecwid](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Vertical-categories-in-Ecwid-1496672728.png)
![หมวดหมู่แนวนอนใน Ecwid](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Horizontal-categories-in-Ecwid-1496672658.png)
ต่อไปนี้เป็นคำแนะนำสำหรับร้านค้า Ecwid ที่เพิ่มไว้ WordPress และ Wix เว็บไซต์ด้วย บน Ecwid Instant Site เมนูแนวนอนใช้ได้เฉพาะเท่านั้น
2. ข้อมูลผลิตภัณฑ์
ต่อไปนี้เป็นการดำเนินการที่สมดุลอีกประการหนึ่งที่คุณควรทำเมื่อเลือกเค้าโครงร้านค้า: การแสดงข้อมูลผลิตภัณฑ์
คุณต้องการให้ข้อมูลที่จำเป็นแก่ลูกค้าในการคลิกผ่านและทำการซื้อ ในขณะเดียวกัน คุณคงไม่อยากให้รายละเอียดมากเกินไป อย่างน้อยก็อย่าให้มากเกินไปก่อนที่จะปรากฏบนหน้าผลิตภัณฑ์จริง
โมเดลทางจิตของคุณในสถานการณ์นี้ควรจะทำให้การตัดสินใจง่ายขึ้นและดึงดูดความสนใจของลูกค้า ถามตัวเองว่า: อะไร ข้อมูลขั้นต่ำ ลูกค้าของฉันต้องคลิกผ่านผลิตภัณฑ์หรือไม่?
คุณจะพบว่าคำตอบนี้แตกต่างกันไปในแต่ละร้านค้าและผลิตภัณฑ์
ตัวอย่างเช่น สังเกตว่า Amazon ให้ข้อมูลเพียงสี่จุดแก่คุณในหน้าหมวดหมู่ ได้แก่ ชื่อผลิตภัณฑ์ ราคา (รวมส่วนลด) การให้คะแนน และความพร้อมจำหน่ายของ Prime:
![ข้อมูลผลิตภัณฑ์ของอเมซอน](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Amazon-product-info-1496673027.png)
ใน Ecwid คุณสามารถเพิ่มการให้คะแนนและบทวิจารณ์ที่คล้ายกันได้โดยใช้แอป Stampled.io
![การให้คะแนนและบทวิจารณ์ใน Ecwid](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Buy-Now-Button-in-Ecwid-1496673917.png)
แม้ว่าข้อมูลนี้จำเป็นสำหรับผู้ค้าปลีกรายใหญ่เช่น Amazon แต่สำหรับธุรกิจขนาดเล็กเช่น เครื่องประดับทรายและหินเรตติ้งไม่สำคัญเท่าไหร่ ดังนั้นหน้าหมวดหมู่จะแสดงเฉพาะชื่อผลิตภัณฑ์และราคาเท่านั้น
![เครื่องประดับทรายและหิน](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Sand-Stone-Jewelry-1496672716.png)
เป็นเรื่องง่ายที่จะตกหลุมพรางของการให้ข้อมูลในหน้าหมวดหมู่น้อยเกินไป วิธีที่ดีที่สุดในการหลีกเลี่ยงปัญหานี้คือการสัมภาษณ์ลูกค้าของคุณและถามพวกเขาว่าพวกเขาใช้ข้อมูลอะไรในการตัดสินใจซื้อ
3. การออกแบบร้านค้า
วิธีการออกแบบร้านค้าของคุณจะมีผลกระทบอย่างมากต่อการจัดวางผลิตภัณฑ์ของคุณ
An
- หน้าหลัก
- หมวดหมู่และหน้าการค้นหา
- หน้าผลิตภัณฑ์ส่วนบุคคล
ผลิตภัณฑ์ใดที่คุณเลือกแสดงในแต่ละผลิตภัณฑ์
ตัวอย่างเช่น สังเกตว่า Amazon โปรโมตผลิตภัณฑ์ของตนเองบนหน้าแรกอย่างไร หากคุณไม่ได้ลงชื่อเข้าใช้:
![ผลิตภัณฑ์ที่โปรโมตใน Amazon](https://don16obqbay2c.cloudfront.net/wp-content/uploads/promoted-products-on-Amazon-1496672703-1024x585.png)
เป็นเรื่องปกติที่ร้านค้าจะโปรโมตข้อเสนอล่าสุดบนหน้าแรก ตรวจสอบให้แน่ใจว่าได้จัดข้อเสนอเหล่านี้ให้สอดคล้องกับกลุ่มเป้าหมายของคุณ ตัวอย่างเช่น BestMadeCo จัดโปรโมชันวันพ่อโดยคำนึงถึงลูกค้าชายส่วนใหญ่
![เบสท์เมดโค](https://don16obqbay2c.cloudfront.net/wp-content/uploads/BestMadeCo-1496673198-1024x601.png)
มุ่งเน้นไปที่:
- พิจารณาว่าผลิตภัณฑ์ใดที่คุณต้องการให้ลูกค้าซื้อ (ตามหลักการแล้ว สินค้าที่ขายดีที่สุด และ/หรือผลิตภัณฑ์ที่มีกำไรสูงสุด)
- รักษาความสม่ำเสมอของการออกแบบในส่วนต่างๆ
ประเภทหน้า
ไม่ว่าคุณจะตัดสินใจเน้นสินค้าขายดีหรือสินค้ามาใหม่ Ecwid ก็ช่วยให้คุณสร้างหมวดหมู่ได้ สินค้าแนะนำในหน้าแรก และตั้งชื่อตามความต้องการของคุณ
![ผลิตภัณฑ์แนะนำบนหน้าแรกใน Ecwid](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Featured-products-on-the-homepage-in-Ecwid-1496673226.png)
6 แนวทางปฏิบัติที่ดีที่สุดสำหรับ E-Commerce เค้าโครงผลิตภัณฑ์
แม้ว่าคุณจะสามารถสร้างโครงร่างที่เป็นเอกลักษณ์สำหรับคุณได้อย่างแน่นอน
1. ผลักดันผลิตภัณฑ์และข้อเสนอยอดนิยมให้อยู่ครึ่งหน้าบน
พื้นที่ "ครึ่งหน้าบน" คือพื้นที่บนหน้าจอที่มองเห็นได้เมื่อลูกค้ามาที่ไซต์ของคุณเป็นครั้งแรก ในความเป็นจริงพื้นที่นี้มีส่วนช่วย 80% ของความสนใจของผู้ชมทั้งหมดในเว็บไซต์ส่วนใหญ่.
เมื่อพิจารณาถึงความสนใจในพื้นที่นี้แล้ว จึงเป็นความคิดที่ดีที่จะวางผลิตภัณฑ์ยอดนิยมของคุณไว้ครึ่งหน้าบน ซึ่งอาจรวมถึง:
- ข้อเสนอที่ลดราคาและส่วนลดล่าสุด
- สินค้าขายดีหรือหมวดหมู่สินค้า
- ผลิตภัณฑ์ที่เพิ่งเปิดตัว (ทำงานได้ดีที่สุดในช่วงเริ่มต้นฤดูกาลช้อปปิ้ง)
On Target.comตัวอย่างเช่น คุณจะเห็นข้อเสนอล่าสุดที่ด้านบนของหน้า:
![เป้า](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Target-1496672725-1024x534.png)
หากคุณมีข้อเสนอมากมาย ลองเพิ่มแถบเลื่อนตามตัวอย่างจาก Walmart โปรดสังเกตโปรโมชั่นที่อยู่ด้านล่างเมนูนำทางด้วย:
![Walmart](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Walmart-1496673272-1024x330.png)
ผู้ค้าปลีกแฟชั่นบางรายหลีกเลี่ยงรูปแบบเดิมๆ เพื่อส่งเสริมภาพลักษณ์ของแบรนด์ บน ASOSตัวอย่างเช่น คุณได้รับภาพลักษณ์ของแบรนด์พร้อมตัวเลือก "เลือกซื้อผู้ชาย" หรือ "เลือกซื้อผู้หญิง"
![ASOS](https://don16obqbay2c.cloudfront.net/wp-content/uploads/ASOS-1496673298-1024x515.png)
กลยุทธ์นี้ใช้ได้ผลเมื่อคุณพยายามส่งเสริมวิสัยทัศน์ของแบรนด์ด้วย Lookbook อย่างไรก็ตาม ผู้ค้าปลีกส่วนใหญ่จะทำได้ดีกว่ากับแบบเดิมๆ
ปฏิบัติตามแนวคิดเดียวกันในหน้าหมวดหมู่: ผลักดันของคุณ
![หน้าหมวดหมู่อเมซอน](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Amazon-category-page-1496672619.png)
2. ผสมเค้าโครงแนวนอนและแนวตั้ง
โดยพื้นฐานแล้วคุณสามารถจัดวางผลิตภัณฑ์ของคุณในหน้าใดก็ได้สองวิธี: แนวนอนหรือแนวตั้ง
เค้าโครงแนวนอนยังคงไม่เปลี่ยนแปลง มีปุ่มที่ขอบของหน้าเพื่อเลื่อนดูรายการเพิ่มเติม
ตัวอย่างจาก Amazon นี้แสดงให้เห็นสิ่งต่าง ๆ ที่ดีกว่า:
![แรงบันดาลใจจากเทรนด์การช้อปปิ้งของคุณใน Amazon](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Inspired-by-your-shopping-trends-on-Amazon-1496673381-1024x266.png)
ในเอควิด สินค้าที่เพิ่งเข้าชม จะแสดงเป็นแนวนอนด้วย คุณสามารถเลือกจำนวนรายการที่จะแสดงด้านบนหรือด้านล่างของหน้าร้านได้
![สินค้าที่ดูล่าสุดใน ecwid](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Recently-viewed-products-in-ecwid-1496673086-1024x710.png)
รายการสินค้า ที่เกี่ยวข้อง เป็นอีกหนึ่ง
![คุณอาจชอบส่วนใน Ecwid](https://don16obqbay2c.cloudfront.net/wp-content/uploads/You-may-also-like-section-in-Ecwid-1496672740.png)
ในทางตรงกันข้าม เค้าโครงแนวตั้งไม่มีปุ่มเลื่อนเหล่านี้ แต่คุณจะเห็นผลิตภัณฑ์มากขึ้นเรื่อยๆ ใน
![เค้าโครงแนวตั้งใน Amazon](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Vertical-layout-on-Amazon-1496672731.png)
ตามหลักการแล้ว คุณควรใช้ทั้งสองรูปแบบผสมกัน:
- เค้าโครงแนวนอนเมื่อคุณต้องการแสดงสินค้าสองสามรายการจากหลายประเภท เช่น ในสินค้าที่ดูล่าสุด
- เค้าโครงแนวตั้งเมื่อคุณต้องการแสดงผลิตภัณฑ์จำนวนมากจากหมวดหมู่เดียวกัน เช่น หน้าการค้นหาและหมวดหมู่เดียว
3. ปฏิบัติตามแบบแผนและความคาดหวังของผู้ใช้
มีสถานการณ์ต่างๆ มากมายที่คุณจะต้องการสร้างความแปลกใหม่ให้กับการออกแบบของคุณ เค้าโครงของผลิตภัณฑ์ไม่ใช่หนึ่งในนั้น
เลย์เอาต์ผลิตภัณฑ์ของคุณมีไว้เพื่อปรับทิศทางผู้ใช้เมื่อพวกเขามาถึงไซต์ของคุณ เลย์เอาต์แบบเดิมๆ ช่วยให้มั่นใจว่าพวกเขาจะพบสิ่งที่ต้องการและไม่สับสน
แน่นอนว่าอนุสัญญาจะแตกต่างกันไปในแต่ละภาคส่วน อย่างไรก็ตาม มีบางสิ่งที่คุณต้องพิจารณา:
ใช้เค้าโครงตาราง
ในรูปแบบตาราง สินค้าจะถูกจัดเรียงไว้
![เค้าโครงตาราง](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Grid-Layout-1496673515-1024x521.png)
เลย์เอาต์นี้เป็นแบบแผนมานานแล้ว
เมื่อใช้เลย์เอาต์นี้ ตรวจสอบให้แน่ใจว่ากล่องมีขนาดเท่ากัน ดังกรณีศึกษานี้แสดงให้เห็นการใช้กล่องที่มีขนาดเท่ากันจะช่วยเพิ่มรายได้ต่อผู้เข้าชมได้มากถึง 17%
![ตารางที่มีขนาดเท่ากัน](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Equally-sized-grid-1496672648-1024x791.png)
หากคุณขายกับ Ecwid นั่นก็ไม่ใช่ปัญหาสำหรับคุณ — Ecwid มีตารางขนาดเท่ากันที่จะปรับให้เข้ากับหน้าจอต่างๆ โดยอัตโนมัติ
แสดงการนำทางที่ด้านบนของรายการผลิตภัณฑ์
แบบแผนอีกประการหนึ่งที่คุณควรปฏิบัติตามคือการวางตัวเลือกการเรียงลำดับไว้ที่ด้านบนของหน้า
![การนำทางร้านค้า](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Store-navigation-1496672720.png)
ลูกค้าคาดหวังตำแหน่งนี้และจะดูที่นี่อย่างเป็นธรรมชาติเมื่อพวกเขามาถึงหน้าหมวดหมู่
ปฐมนิเทศลูกค้าด้วย breadcrumbs
Breadcrumbs เป็นองค์ประกอบการนำทางที่แสดงเส้นทางจากหน้าแรกให้ผู้ใช้เห็น เช่นนี้
![Breadcrumps ใน Ecwid](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Breadcrumps-in-Ecwid-1496672643.png)
การเพิ่มไว้ที่ด้านบนสุดของหน้าจะช่วยกำหนดทิศทางผู้เยี่ยมชม โดยจะบอกพวกเขาว่าพวกเขาอยู่ในหน้าหรือหมวดหมู่ใด และพวกเขาสามารถกลับไปที่หน้าแรกได้อย่างไร
4. เน้นที่ภาพ แต่อย่าลืมข้อความบนหน้าผลิตภัณฑ์
ทางออนไลน์ วิธีเดียวที่จะแสดงผลิตภัณฑ์ของคุณคือผ่านภาพ นี่คือเหตุผลว่าทำไมรูปภาพผลิตภัณฑ์ขนาดใหญ่จึงเป็นที่รู้จักในการเพิ่มประสิทธิภาพ
อย่างไรก็ตาม แม้ว่าภาพจะมีความสำคัญ แต่เลย์เอาต์ของคุณควรมีพื้นที่สำหรับใส่ข้อความอธิบายด้วย ข้อความที่ดีไม่เพียงแต่อธิบายผลิตภัณฑ์เท่านั้น แต่ยังช่วยขายและแบรนด์ของคุณด้วย
ตัวอย่างเช่น พิจารณาว่า BestMadeCo ใช้ข้อความที่ชัดเจนในหน้าแรกเพื่อขายผลิตภัณฑ์ที่เพิ่งเปิดตัวได้อย่างไร เค้าโครงช่วยให้ข้อความเล่นกับรูปภาพได้อย่างสมบูรณ์แบบ
![สำเนาผลิตภัณฑ์ใน BestMadeCo](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Product-copy-in-BestMadeCo-1496672674-1024x438.png)
สำเนาสินค้า มีความสำคัญอย่างยิ่งในหน้าผลิตภัณฑ์ เลย์เอาต์ของคุณควรให้ข้อมูลสำคัญทั้งหมดแก่ลูกค้าที่พวกเขาต้องการในการตัดสินใจครึ่งหน้าบน ซึ่งควรรวมถึง:
- ราคา (รวมส่วนลดแสดงด้วยสายตา)
- คะแนนผลิตภัณฑ์และจำนวนบทวิจารณ์
- ชื่อผลิตภัณฑ์และแบรนด์
- มีสินค้าในสต็อกหรือไม่ (และสินค้าใกล้หมดหรือไม่)
- รายละเอียดการจัดส่ง
2-3 รายละเอียดสินค้าที่สำคัญ
นี่คือตัวอย่างการไม่จัดวางผลิตภัณฑ์ หน้าผลิตภัณฑ์ไม่มีการคัดลอกเลย — เป็นการยากที่จะตัดสินใจ
![เค้าโครงตลาดโลก](https://don16obqbay2c.cloudfront.net/wp-content/uploads/WorldMarket-layout-1496672737-1024x608.png)
เช่นเดียวกับหลายๆ อย่าง เลย์เอาต์ของ Amazon ก็สมบูรณ์แบบที่นี่ ทำให้ลูกค้ามีทุกสิ่งที่จำเป็นในการตัดสินใจ
![เค้าโครงของอเมซอน](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Amazon-layout-1496672622.png)
5. เพิ่มคำแนะนำผลิตภัณฑ์และผลิตภัณฑ์ที่เกี่ยวข้อง
ในหน้าผลิตภัณฑ์ คุณมีสองเป้าหมาย:
- พาลูกค้าไปที่หน้าชำระเงินหรือ
- พาลูกค้าไปดูสินค้าอื่น
สำหรับอย่างหลังคุณควรมี ส่วนผลิตภัณฑ์แนะนำหรือที่เกี่ยวข้อง- คุณสามารถวางไว้หลังข้อมูลผลิตภัณฑ์หรือก่อนหน้าก็ได้
Amazon ทำได้ดีเป็นพิเศษ สังเกตผลิตภัณฑ์ที่เกี่ยวข้องและรายการ “ที่ดูแล้ว” ด้านล่างครึ่งหน้า:
![ดูหัวข้อใน Amazon ด้วย](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Also-viewed-section-on-Amazon-1496672618.png)
หากคุณมีสินค้าหลายรายการในคอลเลกชันเดียวกัน อย่าลืมแสดงสินค้าเหล่านั้นด้วย นี่เป็นตัวอย่างที่ดีจาก WorldMarket:
![ตลาดโลก](https://don16obqbay2c.cloudfront.net/wp-content/uploads/How-not-to-layout-products-1496672659-1024x409.png)
รายการผลิตภัณฑ์ที่เกี่ยวข้องไม่จำเป็นต้องเป็นภาพเสมอไป คุณยังสามารถแสดงการค้นหาที่เกี่ยวข้องเพื่อนำลูกค้าไปยังสินค้าที่พวกเขาอาจสนใจได้
![การค้นหาที่เกี่ยวข้องใน Amazon](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Related-searches-on-Amazon-1496672713.png)
ทดลองใช้เค้าโครงที่แตกต่างกันสำหรับผลิตภัณฑ์ที่เกี่ยวข้อง/แนะนำ ลองวางไว้เหนือส่วนท้าย ใต้คำอธิบายผลิตภัณฑ์ ฯลฯ
6. ทดลองใช้รายละเอียดการวางเมาส์บนหน้าหมวดหมู่
วิธีหนึ่งในการปรับปรุง
ตัวอย่างเช่น เว็บไซต์นี้ แสดงรายละเอียดสินค้าและปุ่มหยิบลงตะกร้าเมื่อเลื่อนเมาส์:
![ภาพเคลื่อนไหวของเมาส์โอเวอร์](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Mouseover-animation-1496672672.png)
วัตถุประสงค์ของกลยุทธ์นี้คือการให้ข้อมูลสำคัญแก่ผู้ใช้โดยสรุป โดยจะทำงานได้ดีที่สุดเมื่อคุณคาดหวังให้ผู้ใช้เรียกดูผลิตภัณฑ์จำนวนมากอย่างรวดเร็ว เช่น ในร้านขายเสื้อผ้า อาจใช้ไม่ได้กับหมวดหมู่อื่นๆ แต่คุณยังสามารถทำการทดสอบแยกย่อยและดูผลลัพธ์ได้
ใน Ecwid คุณสามารถเปิดใช้งานปุ่ม “ซื้อเลย” ในรายการผลิตภัณฑ์เพื่อช่วยให้ลูกค้าของคุณเรียกดู (และซื้อ) ผลิตภัณฑ์ของคุณได้อย่างรวดเร็ว
![การให้คะแนนและบทวิจารณ์ใน Ecwid](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Ratings-and-reviews-in-Ecwid-1496672707.png)
เมื่อลูกค้าคลิกปุ่มดังกล่าว ร้านค้าของคุณจะไม่เปิดหน้าสินค้าทั้งหมด ลูกค้าของคุณจะเห็นป๊อปอัปพร้อมตัวเลือกผลิตภัณฑ์แทน:
![ปุ่มซื้อทันทีใน Ecwid](https://don16obqbay2c.cloudfront.net/wp-content/uploads/image-34-1496673848.png)
หากสินค้าของคุณไม่มีตัวเลือก สินค้าจะถูกส่งไปยังตะกร้าสินค้าโดยตรง
สรุป
เมื่อพูดถึงเลย์เอาต์ของผลิตภัณฑ์ วิธีที่ดีที่สุดคือยึดแบบแผนและปฏิบัติตามสิ่งที่ผู้นำตลาดกำลังทำอยู่แล้ว จัดทำแค็ตตาล็อกผลิตภัณฑ์ของคุณโดยละเอียด จัดหมวดหมู่อย่างละเอียด จากนั้นจัดระเบียบเป็นเค้าโครงตารางมาตรฐาน
แนวทางปฏิบัติที่ดีที่สุดที่แบ่งปันข้างต้นจะใช้ได้กับร้านค้าส่วนใหญ่ทั่วทั้งภาคส่วน ลองได้ที่ร้านค้าของคุณเอง!
- วิธีแก้ไขการนำทางของร้านค้าของคุณ
- ทุกสิ่งที่คุณต้องรู้เกี่ยวกับการจำหน่ายผลิตภัณฑ์
- การขายสินค้าออนไลน์: วิธีจัดวางสินค้าในร้านค้าออนไลน์
- การขายสินค้าแฟชั่นคืออะไร และเหตุใดจึงสำคัญ?
- 10 ข้อผิดพลาดในการออกแบบร้านค้าออนไลน์
- 15 การจับคู่แบบอักษรที่สมบูรณ์แบบสำหรับเว็บไซต์อีคอมเมิร์ซของคุณ
- ทฤษฎีสี: ทุกสิ่งที่คุณต้องรู้เกี่ยวกับธีมสี
- 7 ไอเดียสร้างสรรค์สำหรับหน้าผลิตภัณฑ์อีคอมเมิร์ซของคุณ
- พลังของภาพฮีโร่ในการออกแบบเว็บไซต์
ต้องมี หลักการ UX ที่ต้องปฏิบัติตามในร้านค้าออนไลน์- การตรวจสอบการออกแบบเว็บไซต์
- ปลดล็อกพลังของการออกแบบ UX สำหรับอีคอมเมิร์ซ
- ความแตกต่างระหว่าง UI และ UX ในอีคอมเมิร์ซคืออะไร