การตั้งค่าการออกแบบ Ecwid ใหม่: ตัวเลือกการปรับแต่งมากมาย ไม่มีการเข้ารหัส

อ่าน 12 นาที

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

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

เราได้เพิ่ม ฟังก์ชันการออกแบบหน้าร้านใหม่มากมาย ถึง Ecwid เพื่อให้คุณสามารถมอบของคุณ E-commerce เก็บรูปลักษณ์และความรู้สึกที่สะท้อนถึงแบรนด์ของคุณได้มากที่สุด

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

การตั้งค่าใหม่ซ้อนอยู่ข้างใต้ การตั้งค่า → การออกแบบ ในแผงควบคุม Ecwid ของคุณ หากต้องการใช้งาน ตรวจสอบให้แน่ใจว่าคุณได้เปิดใช้งานการอัปเดตหน้าร้านทั้งหมดแล้ว การตั้งค่า → มีอะไรใหม่.

เปิดใช้งานการอัปเดตเหล่านี้ในการตั้งค่า → มีอะไรใหม่ เพื่อดูหน้าการตั้งค่าการออกแบบใหม่

จะเกิดอะไรขึ้นหากฉันใช้หน้าร้าน Ecwid เวอร์ชันเก่า

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

ออกแบบหน้าร้านออนไลน์ของคุณ

คุณสามารถควบคุมรูปลักษณ์ทั้งหมดของแค็ตตาล็อกผลิตภัณฑ์ของคุณได้ ตั้งแต่รูปภาพผลิตภัณฑ์ไปจนถึง SKUs และปุ่มต่างๆ

1. เลือกขนาดภาพที่ดีที่สุดเพื่อแสดงผลิตภัณฑ์ของคุณ

โดยค่าเริ่มต้น รูปภาพสินค้าจะเป็น ขนาดกลาง, ซึ่งเหมาะกับร้านค้าส่วนใหญ่

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

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

ขนาดภาพเล็ก กลาง และใหญ่ สำหรับภาพสินค้า

2. ปรับอัตราส่วนภาพให้เหมาะสมกับขนาดผลิตภัณฑ์ของคุณ

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

อัตราส่วนแนวนอนเหมาะกับผลิตภัณฑ์ที่มีความกว้าง เช่น รองเท้า โซฟา หรืออาหารเสริม

สำหรับวัตถุทรงกลม (หรือหากมีข้อสงสัย) ให้ใช้ภาพสี่เหลี่ยมจัตุรัส เพราะจะดูดีเสมอ

รูปภาพสินค้าแนวตั้ง แนวนอน และสี่เหลี่ยม

รูปภาพแนวตั้ง แนวนอน และสี่เหลี่ยมจัตุรัส

หากคุณต้องการเน้นรูปภาพสินค้าและทำให้โดดเด่นจากพื้นหลังของร้านค้า ให้เลือก "ทำให้พื้นหลังรูปภาพมืดลง"

3. เลือกข้อมูลผลิตภัณฑ์ที่จะแสดงที่หน้าร้าน

เช่นเดียวกับรูปถ่ายสินค้า คุณสามารถเลือกจากตัวเลือกการออกแบบมากมายสำหรับองค์ประกอบหน้าร้านอื่นๆ ได้ เช่น ชื่อผลิตภัณฑ์ ชื่อ ราคา SKU ปุ่ม "ซื้อ" ตัดสินใจว่าจะแสดงแต่ละรายการอย่างไร - ใต้ภาพผลิตภัณฑ์หรือเมื่อเลื่อนเมาส์

แสดงองค์ประกอบใต้รูปภาพผลิตภัณฑ์ วางเมาส์เหนือ หรือซ่อนองค์ประกอบเหล่านั้น

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

เค้าโครงที่แตกต่างกันขององค์ประกอบ (ชื่อผลิตภัณฑ์และราคา เค้าโครงที่แตกต่างกันขององค์ประกอบ

เค้าโครงต่างๆ ขององค์ประกอบ (ชื่อผลิตภัณฑ์และราคา)

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

เลือกที่จะแสดงรูปภาพผลิตภัณฑ์เพิ่มเติมหากคุณต้องการแสดงรายละเอียดเพิ่มเติม Ecwid จะแสดงภาพแรกจากแกลเลอรี่ภาพผลิตภัณฑ์เมื่อวางเมาส์ไว้

รูปภาพผลิตภัณฑ์เพิ่มเติมเมื่อวางเมาส์ไว้

การตั้งค่าใหม่เหล่านี้ทำให้เกิดรูปแบบการออกแบบมากมายสำหรับรูปลักษณ์หน้าร้านของคุณ

4. ออกแบบหมวดหมู่ร้านค้าของคุณ

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

ชื่อหมวดหมู่ใต้รูปภาพ บนรูปภาพ วางเมาส์เหนือ และซ่อนอยู่

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

ตอนนี้คุณสามารถจัดระเบียบข้อมูลของหน้าผลิตภัณฑ์ของคุณได้หลายวิธี ขึ้นอยู่กับว่าอะไรดีที่สุดสำหรับลูกค้าของคุณ ตัวเลือกการออกแบบแต่ละแบบถูกสร้างขึ้นตามสิ่งที่ดีที่สุด E-commerce แนวทางปฏิบัติในการเพิ่ม Conversion

1. เลือกเค้าโครงหน้าผลิตภัณฑ์

มีสี่ตัวเลือกใหม่สำหรับการจัดระเบียบเนื้อหาบนหน้าผลิตภัณฑ์ของคุณ

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

งานวิ่งการกุศล 2 คอลัมน์ เค้าโครงพร้อมคำอธิบายผลิตภัณฑ์ทางด้านขวา

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

งานวิ่งการกุศล 2 คอลัมน์ แบบมีรายละเอียดสินค้าใต้ภาพ

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

ปุ่ม "เพิ่มลงในกระเป๋า" อยู่ในโฟกัส

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

ขนาดกะทัดรัด 3 คอลัมน์ แบบ

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

ตัวเลือกเค้าโครงแกลเลอรีรูปภาพ

3. เลือกข้อมูลผลิตภัณฑ์ที่จะแสดงในแถบด้านข้าง

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

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

การตั้งค่าแถบด้านข้างที่ยืดหยุ่น

เปลี่ยนการนำทางและสีหน้าร้านของคุณ

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

หากคุณเปลี่ยนจากหน้าร้านเวอร์ชันเก่า การตั้งค่าเหล่านี้จะย้ายไปยังหน้าร้านใหม่เหมือนที่คุณเคยทำมาก่อน

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

เมนูส่วนท้ายและเกล็ดขนมปัง ช่วยให้ลูกค้าเรียกดูร้านค้าของคุณได้เร็วขึ้นและป้องกันไม่ให้พวกเขาสูญหาย

งานวิ่งการกุศล เข้าสู่ระบบ ลิงค์ ช่วยให้ลูกค้าลงชื่อเข้าใช้โปรไฟล์เพื่อดูคำสั่งซื้อและใช้สิ่งที่อยากได้

ตัวเลือก "จัดเรียงตาม" ให้ลูกค้าของคุณสามารถจัดเรียงสินค้าของคุณตามราคา ชื่อ และเงื่อนไขอื่นๆ

วิธีอื่นในการเปลี่ยนการออกแบบร้านค้า Ecwid ของคุณ

การตั้งค่าการออกแบบใหม่ครอบคลุมกรณีการใช้งานที่พบบ่อยที่สุด หากคุณต้องการเปลี่ยนร้านค้าของคุณด้วยวิธีอื่น:

หากคุณต้องการธีมที่กำหนดเองสำหรับร้านค้าของคุณโดยไม่ต้องเขียนโค้ด ให้ลอง ออกแบบแอพจาก Ecwid App Market (ใช้ได้กับแผน Ecwid แบบชำระเงิน โดยคิดราคาแอป)
สร้างธีม CSS ที่กำหนดเอง (ชุดกฎที่กำหนดรูปลักษณ์ของทุกองค์ประกอบในร้านค้า เช่น ขนาด รูปร่าง หรือสี) การสร้างธีม CSS ต้องใช้ความรู้ด้านเทคนิคบางประการ มีก คำแนะนำเกี่ยวกับธีม CSS ในฐานความรู้ Ecwid ที่อธิบายวิธีสร้างธีม CSS ของคุณเองและ คำแนะนำในการเปลี่ยนองค์ประกอบเฉพาะ- คุณสามารถขอความช่วยเหลือจากทีมดูแลลูกค้าของ Ecwid ได้ตลอดเวลา หรือ สั่งซื้อการพัฒนาธีม CSS ของคุณเอง.
สำหรับนักพัฒนา: ใช้ Ecwid จาวาสคริปต์ API เพื่อขยายคุณสมบัติหน้าร้าน Ecwid คุณสามารถสร้างธีม CSS หรือแอปใหม่และขายบน Ecwid App Market Ecwid Javascript API ช่วยให้คุณสามารถเปลี่ยนรูปลักษณ์หน้าร้านได้อย่างสมบูรณ์ โดยนำการเปลี่ยนแปลงที่ลึกเท่าที่คุณต้องการ หากคุณพร้อมที่จะเริ่มโปรด ลงทะเบียนบนหน้าของเราสำหรับนักพัฒนา.

รับเว็บไซต์ฟรีสำหรับร้านค้าออนไลน์ของคุณ

ร้านค้า Ecwid ของคุณดูดี แต่คุณไม่มีเว็บไซต์ที่จะขายใช่ไหม

Instant Site คือเครื่องมือสร้างเว็บไซต์ฟรีที่ Ecwid มอบให้เมื่อคุณสร้างบัญชี Ecwid ของคุณ สิ่งนี้ทำเพื่อให้คุณเริ่มขายออนไลน์บนหน้าเว็บที่เรียบร้อยและทำกำไรได้ทันทีเพื่อทำให้ธุรกิจของคุณเติบโต

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

หากคุณต้องการปรับแต่ง Instant Site คุณจะโทรหาใคร ก็ไม่มีใคร! คุณสามารถแก้ไขเว็บไซต์ทั้งหมดได้โดยไม่ต้องมีความรู้พิเศษ โดยใช้คอมพิวเตอร์เดสก์ท็อปของคุณ หรือแม้แต่ผ่านแอปการจัดการร้านค้า Ecwid Mobile สำหรับ iOS

สร้างเว็บไซต์ทันใจของคุณฟรีวันนี้ ใช้ของเรา เป็นขั้นเป็นตอน ให้คำแนะนำ.