การออกแบบพูดถึงปริมาณสำหรับ&Բ;
ช่วยให้ธุรกิจใดๆ ก็ตาม แม้กระทั่งธุรกิจขนาดเล็กและเริ่มต้น สามารถดูและขายอย่างมืออาชีพบนเว็บไซต์ คุณไม่จำเป็นต้องจ่ายเงินมากมายเพื่อ
ราได้เพิ่ม ฟังก์ชันการออกแบบหȨาร้าȨหม่มากมาย ถึง เพื่อให้คุณสามารถมอบของคุณ
การตั้งค่ารายละเอียดเล็กๆ น้อยๆ ในการออกแบบร้านค้าออนไลน์ของคุณเป็นเรื่องง่าย เปลี่ยนสไตล์รูปภาพ เค้าโครงหน้าผลิตภัณฑ์ และองค์ประกอบหน้าร้านโดยไม่ต้องเขียนโค้ด คุณจะเห็นมันด้วยตัวคุณเองในโพสต์นี้
การตั้งค่าใหม่ซ้อนอยู่ข้างใต้ ในแผงควบคุม ของคุณ หากต้องการใช้งาน ตรวจสอบให้แน่ใจว่าคุณได้เปิดใช้งานการอัปเดตหน้าร้านทั้งหมดแล้ว .
![มีอะไรใหม่ในแผงควบคุม](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Ecommerce-store-desing-2-1524574378-1024x310.png)
เปิดใช้งานการอัปเดตเหล่านี้ในการตั้งค่า → มีอะไรใหม่ เพื่อดูหน้าการตั้งค่าการออกแบบใหม่
จะเกิดอะไรขึ้นหากฉันใช้หน้าร้าน เวอร์ชันเก่า
การเปลี่ยนไปใช้หน้าร้านใหม่อาจเปลี่ยนรูปลักษณ์ร้านค้าของคุณโดยสิ้นเชิง ด้วยการตั้งค่าการออกแบบใหม่ คุณจะได้รับตัวเลือกการปรับแต่งเพิ่มเติมและรูปลักษณ์ที่น่าสนใจยิ่งขึ้นสำหรับร้านค้าของคุณ อย่างไรก็ตาม ควรระวังหากคุณใช้ a
ออกแบบหน้าร้านออȨลน์ྺองคุณ
คุณสามารถควบคุมรูปลักษณ์ทั้งหมดของแค็ตตาล็อกผลิตภัณฑ์ของคุณได้ ตั้งแต่รูปภาพผลิตภัณฑ์ไปจนถึง SKUs และปุ่มต่างๆ
1. เลือกขนาดภาพที่ดีที่สุดเพื่อแสดงผลิตภัณฑ์ของคุณ
โดยค่าเริ่มต้น รูปภาพสินค้าจะเป็น
ผลิตภัณฑ์บางอย่างมีรายละเอียดที่สำคัญที่คุณอาจต้องการแสดงภาพ (เช่น หากคุณขายเครื่องประดับหรือภาพวาด) เลือกขนาดภาพขนาดใหญ่เพื่อให้ลูกค้าของคุณชื่นชมผลิตภัณฑ์และภาพถ่ายที่สวยงามของคุณ
หากคุณขายผลิตภัณฑ์ประเภทหนึ่งในปริมาณมาก (เช่น เข็มขัดหนัง 200 เส้นในสีต่างๆ) ให้เลือกใช้รูปภาพที่มีขนาดเล็กลง ร้านค้าของคุณจะแสดงสินค้าจำนวนมากบนหน้าจอ และลูกค้าของคุณจะต้องประทับใจกับตัวเลือกที่เลือก
![การออกแบบรูปภาพผลิตภัณฑ์ใน](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Ecommerce-design-8-1524574356.gif)
ขนาดภาพเล็ก กลาง และใหญ่ สำหรับภาพสินค้า
2. ปรับอัตราส่วนภาพให้เหมาะสมกับขนาดผลิตภัณฑ์ของคุณ
ขายปาล์มมั้ย? หรืออาจจะ
อัตราส่วนแนวนอนเหมาะกับผลิตภัณฑ์ที่มีความกว้าง เช่น รองเท้า โซฟา หรืออาหารเสริม
สำหรับวัตถุทรงกลม (หรือหากมีข้อสงสัย) ให้ใช้ภาพสี่เหลี่ยมจัตุรัส เพราะจะดูดีเสมอ
![รูปภาพสินค้าแนวตั้ง แนวนอน และสี่เหลี่ยม](https://don16obqbay2c.cloudfront.net/wp-content/uploads/GIFMaker.org_2SrMTw-1524576477.gif)
รูปภาพแนวตั้ง แนวนอน และสี่เหลี่ยมจัตุรัส
หากคุณต้องการเน้นรูปภาพสินค้าและทำให้โดดเด่นจากพื้นหลังของร้านค้า ให้เลือก "ทำให้พื้นหลังรูปภาพมืดลง"
3. เลือกข้อมูลผลิตภัณฑ์ที่จะแสดงที่หน้าร้าน
เช่นเดียวกับรูปถ่ายสินค้า คุณสามารถเลือกจากตัวเลือกการออกแบบมากมายสำหรับองค์ประกอบหน้าร้านอื่นๆ ได้ เช่น ชื่อผลิตภัณฑ์ ชื่อ ราคา SKU ปุ่ม "ซื้อ" ตัดสินใจว่าจะแสดงแต่ละรายการอย่างไร - ใต้ภาพผลิตภัณฑ์หรือเมื่อเลื่อนเมาส์
![การออกแบบรูปภาพผลิตภัณฑ์ใน](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Ecommerce-design-9-1524574358.jpg)
แสดงองค์ประกอบใต้รูปภาพผลิตภัณฑ์ วางเมาส์เหนือ หรือซ่อนองค์ประกอบเหล่านั้น
หากคุณเลือกที่จะวางข้อมูลไว้ใต้รูปภาพสินค้า ก็สามารถกำหนดเค้าโครงได้ จัดแนวเนื้อหาของคุณไปทางซ้าย ขวา กึ่งกลาง หรือจัดชิดขอบ
![เค้าโครงที่แตกต่างกันขององค์ประกอบ (ชื่อผลิตภัณฑ์และราคา เค้าโครงที่แตกต่างกันขององค์ประกอบ](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Ecommerce-design-7-1524574354.png)
เค้าโครงต่างๆ ขององค์ประกอบ (ชื่อผลิตภัณฑ์และราคา)
นอกจากนี้ยังสามารถซ่อนองค์ประกอบได้อีกด้วย ซ่อนทั้งหมดเพื่อทำให้หน้าร้านของคุณดูเหมือน lookbook เมื่อคลิกที่ภาพสินค้า ลูกค้าของคุณจะไปที่หน้าสินค้า
เลือกที่จะแสดงรูปภาพผลิตภัณฑ์เพิ่มเติมหากคุณต้องการแสดงรายละเอียดเพิ่มเติม จะแสดงภาพแรกจากแกลเลอรี่ภาพผลิตภัณฑ์เมื่อวางเมาส์ไว้
![รูปภาพผลิตภัณฑ์เพิ่มติมเมื่อวางเมาส์ไว้](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Ecommerce-store-design-3-1524574375.gif)
รูปภาพผลิตภัณฑ์เพิ่มติมเมื่อวางเมาส์ไว้
การตั้งค่าใหม่หล่าȨ้ทำให้กิึϸูปแบบการออกแบบมากมายสำหรับรูปลักษณ์หȨาร้าȨองคุณ
4. ออกแบบหมวดหมู่ร้านค้าของคุณ
คุณจะพบตัวเลือกในการตั้งค่ารูปลักษณ์ของหมวดหมู่ของคุณ ไม่ว่าคุณจะมีรูปภาพ ไอคอน หรือโลโก้แบรนด์สำหรับรูปภาพหมวดหมู่ของคุณ มีตัวเลือกการออกแบบเพื่อทำให้รูปภาพดูน่าทึ่ง
![การออกแบบรูปภาพหมวดหมู่สินค้า](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Ecommerce-design-10-1524574360.gif)
ชื่อหมวดหมู่ใต้รูปภาพ บนรูปภาพ วางเมาส์เหนือ และซ่อนอยู่
พิ่มประสิทธิภาพหȨาผลิตภัณฑ์สำหรับการแปลง
ตอนนี้คุณสามารถจัดระเบียบข้อมูลของหน้าผลิตภัณฑ์ของคุณได้หลายวิธี ขึ้นอยู่กับว่าอะไรดีที่สุดสำหรับลูกค้าของคุณ ตัวเลือกการออกแบบแต่ละแบบถูกสร้างขึ้นตามสิ่งที่ดีที่สุด
1. เลือกเค้าโครงหน้าผลิตภัณฑ์
มีสี่ตัวลือกใหม่สำหรับการจัดระบียบȨ้อหาบนหน้าผลิตภัณฑ์ྺองคุณ
ึϸงดูดความสนใจไปที่รูปภาพผลิตภัณฑ์ของคุณ การวาง&Բ;
![การเพิ่มประสิทธิภาพหน้าผลิตภัณฑ์](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Ecommerce-design-11-1524574362.png)
ทศกาล
พิ่มคำอธิบายผลิตภัณฑ์โึϸละอียด สำหรับผลิตภัณฑ์ เช่น สินค้าอิเล็กทรอนิกส์หรือยา รายละเอียดสินค้าอาจค่อนข้างยาว จากนั้นเลือก
![การเพิ่มประสิทธิภาพหน้าผลิตภัณฑ์ 2](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Ecommerce-store-design-1-1524574373.png)
ทศกาล
เน้นตัวเลือกผลิตภัณฑ์และปุ่ม "ชำระเงิน" หากลูกค้าของคุณไม่จำเป็นต้องอ่านคำอธิบายที่ยาวหรือตรวจดูแกลเลอรีเพื่อซื้อผลิตภัณฑ์ของคุณ ให้เลือกแสดงตัวเลือกผลิตภัณฑ์ด้วยปุ่มชำระเงินทางด้านซ้าย สมมติว่า ถ้าคุณขายตู้ปลาตัวเล็กๆ
![การเพิ่มประสิทธิภาพหน้าผลิตภัณฑ์ 3](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Ecommerce-store-design-5-1524574377.png)
ปุ่ม "เพิ่มลงในกระเป๋า" อยู่ในโฟกัส
ลดการเลื่อȨละการรบกวนให้เหลือȨอยที่สุด A
![การเพิ่มประสิทธิภาพหน้าผลิตภัณฑ์ 4](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Ecommerce-design-14-1524574370-1024x302.png)
ขนาดกะทัึϸัด
คุณยังสามารถ ลือกค้าโครงྺองแกลเลอรีรูปภาพของคุณ- ช่วยให้ลูกค้าของคุณสัมผัสถึงผลิตภัณฑ์ของคุณด้วยแกลเลอรีรูปภาพที่น่าสนใจ เลือกเค้าโครงสำหรับภาพขนาดย่อในแกลเลอรี่ของคุณ (แนวตั้งหรือแนวนอน) หรือแสดงภาพที่สะกดจิตของคุณในขนาดเต็ม ยิ่งคุณแสดงมุมมองแบบสลับและมีรายละเอียดมากเท่าไรก็ยิ่งดีเท่านั้น
![ตัวเลือกค้าโครงแกลลอรีรูปภาพ](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Ecommerce-design-2-1524574349.gif)
ตัวเลือกค้าโครงแกลลอรีรูปภาพ
3. เลือกข้อมูลผลิตภัณฑ์ที่จะแสดงในแถบด้านข้าง
หน้าผลิตภัณฑ์ที่ทำให้เกิด Conversion จะให้ข้อมูลผลิตภัณฑ์เพียงพอแต่ยังคงความเรียบง่าย ใน คุณสามารถซ่อนองค์ประกอบต่างๆ (เช่น SKU ตัวเลือกผลิตภัณฑ์ ปุ่มแชร์) ได้ หากคุณไม่ต้องการองค์ประกอบเหล่านั้น เพื่อที่ลูกค้าของคุณจะไม่ถูกรบกวนระหว่างทางไปรถเข็น
ส่วนที่ดีที่สุดคือคุณสามารถลากแต่ละองค์ประกอบและจัดระเบียบตามลำดับใดก็ได้ ทดสอบวิธีใหม่ๆ มากมายในการเพิ่มประสิทธิภาพหน้าผลิตภัณฑ์ของคุณสำหรับการแปลง
![การเพิ่มประสิทธิภาพหน้าผลิตภัณฑ์ 5](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Ecommerce-design-12-1524574365.gif)
การตั้งค่าแถบด้าȨ้างที่ยืึϸยุ่น
ปลี่ยนการนำทางและสีหȨาร้าȨองคุณ
มีการตั้งค่าหน้าร้านเพิ่มเติมอีกสองสามรายการ ซึ่งจะเปิดใช้งานตามค่าเริ่มต้นเพื่อช่วยลูกค้าของคุณนำทางร้านค้าของคุณ คุณสามารถปิดสิ่งเหล่านี้ได้ทุกเมื่อที่ต้องการ
หากคุณเปลี่ยนจากหน้าร้านเวอร์ชันเก่า การตั้งค่าเหล่านี้จะย้ายไปยังหน้าร้านใหม่เหมือนที่คุณเคยทำมาก่อน
โหมดปรับสี- หากคุณติดตั้งร้านค้าออนไลน์ บนเว็บไซต์ของคุณ สีของร้านค้าจะตรงกับธีมเว็บไซต์ของคุณโดยอัตโนมัติ ร้านค้าของคุณจะดูเหมือนเป็นส่วนหนึ่งของเว็บไซต์ของคุณโดยธรรมชาติ
มนูส่วȨ้ายและกล็ดขนมปัง ช่วยให้ลูกค้าเรียกึϸร้านค้าྺองคุณไึϹร็วྺึ้Ȩละป้องกัȨม่ให้พวกขาสูญหาย
ทศกาล
ตัวเลือก "จัดเรียงตาม" ให้ลูกค้าของคุณสามารถจัดเรียงสินค้าของคุณตามราคา ชื่อ และเงื่อนไขอื่นๆ
วิธีอื่นในการเปลี่ยนการออกแบบร้านค้า ของคุณ
การตั้งค่าการออกแบบใหม่ครอบคลุมกรณีการใช้งานที่พบบ่อยที่สุด หากคุณต้องการเปลี่ยนร้านค้าของคุณด้วยวิธีอื่น:
- หากคุณต้องการธีมที่กำหนดเองสำหรับร้านค้าของคุณโดยไม่ต้องเขียนโค้ด ให้ลอง (ใช้ได้กับแผน แบบชำระเงิน โดยคิดราคาแอป)
- สร้างธีม CSS ที่กำหนดเอง (ชุดกฎที่กำหนดรูปลักษณ์ของทุกองค์ประกอบในร้านค้า เช่น ขนาด รูปร่าง หรือสี) การสร้างธีม CSS ต้องใช้ความรู้ด้านเทคนิคบางประการ มีก ที่อธิบายวิธีสร้างธีม CSS ของคุณเองและ - คุณสามารถขอความช่วยเหลือจากทีมดูแลลูกค้าของ ได้ตลอดเวลา หรือ .
- สำหรับนักพัฒนา: ใช้ .
รับเว็บไซต์ฟรีสำหรับร้านค้าออนไลȨของคุณ
ร้านค้า ของคุณดูดี แต่คุณไม่มีเว็บไซต์ที่จะขายใช่ไหม
Instant Site คือเครื่องมือสร้างเว็บไซต์ฟรีที่ มอบให้เมื่อคุณสร้างบัญชี ของคุณ สิ่งนี้ทำเพื่อให้คุณเริ่มขายออนไลน์บนหน้าเว็บที่เรียบร้อยและทำกำไรได้ทันทีเพื่อทำให้ธุรกิจของคุณเติบโต
เมื่อพูดถึงการออกแบบ Instant Site ก็ถูกสร้างขึ้นด้วย
หากคุณต้องการปรับแต่ง Instant Site คุณจะโทรหาใคร ก็ไม่มีใคร! คุณสามารถแก้ไขเว็บไซต์ทั้งหมดได้โดยไม่ต้องมีความรู้พิเศษ โดยใช้คอมพิวเตอร์เดสก์ท็อปของคุณ หรือแม้แต่ผ่านแอปการจัดการร้านค้า Mobile สำหรับ iOS
ใช้ྺองรา
- ตัวอย่างไซต์ทันใจของ ที่สร้างแรงบันดาลใจ
- เว็บไซต์ทันใจ พร้อมธีมที่พร้อมใช้งานและตัวเลือกการออกแบบมากกว่า 99 รายการ
- การตั้งค่าการออกแบบ ใหม่: ตัวเลือกการปรับแต่งมากมาย ไม่มีการเข้ารหัส
- วิธีลือกทมพลตอีคอมมิร์ซสำหรับไซต์ྺองคุณ
- คู่มือที่ครอบคลุมเพื่อปรับแต่งการออกแบบร้านค้า ของคุณ
- การออกแบบเว็บไซต์อีคอมมิร์ซฟรีของคุณตั้งแต่เริ่มต้น
- เทมเพลตร้านค้าออนไลน์ที่เข้าถึงได้ของ ได้รับความนิยมได้อย่างไร