UDP: ในเดือนเมษายน 2018 เราได้เปิดตัวการตั้งค่าการออกแบบใหม่ใน ! เรียนรู้ว่าคุณสามารถปรับแต่งร้านค้า ของคุณได้ลึกซึ้งเพียงใดโดยไม่ต้องเขียนโค้ดใดๆ ในโพสต์บล็อกใหม่- หากร้านค้าของคุณสร้างขึ้นก่อนเดือนเมษายน 2018 และคุณต้องการเรียนรู้การใช้การตั้งค่าแบบเก่า โปรดอ่านบทความนี้ต่อไป
ร้านค้า ถูกสร้างขึ้นในลักษณะที่คุณสามารถเพิ่มลงในทุกว็บไซต์และเริ่มขายสินค้าทุกประเภทได้ในเวลาไม่นาน หน้าร้านจะปรับให้เข้ากับทั้งเดสก์ท็อปและอุปกรณ์มือถือโดยอัตโนมัติ และร้านค้าก็ึϸึϸบนหน้าจอทุกแบบ
การทำให้ร้านค้าของคุณเป็นส่วนหนึ่งของว็บไซต์ของคุณจะสร้างความประทับใจให้กับธุรกิจที่เป็นมืออาชีพ คุณอาจต้องการเปลี่ยนการออกแบบร้านค้าให้เหมาะกับสไตล์ว็บไซต์ของคุณและความต้องการเฉพาะของธุรกิจของคุณ ซึ่งสามารถทำได้หลายวิธี ตั้งแต่การตั้งค่าอัตโนมัติเต็มรูปแบบไปจนถึง
ส่วนใหญ่จะอยู่ในรายการ&Բ;- ในหน้านั้น คุณสามารถจัดการการตั้งค่าการออกแบบของคุณได้ และในโพสต์นี้ เราจะบอกวิธีใช้ประโยชน์สูงสุดจากการตั้งค่าเหล่านั้น
เราแบ่งการแก้ไขที่เป็นไปได้ทั้งหมดในการออกแบบร้านค้า ของคุณออกเป็นสามระดับตามทักษะและทรัพยากรที่จำเป็น จากรวดเร็วและง่ายไปจนถึงลึกและซับซ้อนมากขึ้น
ระดับ 1: รวดเร็วและง่ายดาย
ปรับเปลี่ยนได้ง่ายและรวดเร็ว ไม่มีอะไรนอกจากการคลิกปุ่มเท่านั้น
ก่อนที่คุณจะเริ่มคิดถึงการเปลี่ยนแปลงการออกแบบ นี่เป็นข่าวดี: จะสร้างสภาพแวดล้อมโดยอัตโนมัติและดูเป็นส่วนหนึ่งของว็บไซต์หรือหน้าโซเชียลของคุณ คุณไม่จำเป็นต้องเขียนโค้ดใดๆ เพื่อสิ่งนั้น ทุกอย่างจะทำงานได้ดี
นอกจากนี้ ยังมีวิธีง่ายๆ ในการปรับรูปลักษณ์ของร้านค้าให้เข้ากับภารกิจของคุณโดยไม่ต้องใช้ความพยายามเป็นพิเศษ
1. ขายบน Instant Site หากคุณไม่มีว็บไซต์
Instant Site เป็นว็บไซต์ฟรีที่มีร้านค้าออนไลน์ที่ ให้บริการฟรีเมื่อคุณสร้างบัญชี ของคุณ
เมื่อพูดถึงการออกแบบ Instant Site ก็ถูกสร้างขึ้นด้วย
ดังนั้น หากคุณไม่มีว็บไซต์ที่จะขาย นี่เป็นวิธีง่ายๆ ในการเริ่มต้นขายྺองออȨลน์บน
2. ปรับแต่งการออกแบบได้ง่ายสำหรับผู้ที่มีว็บไซต์อยู่แล้ว
หากคุณมีว็บไซต์อยู่แล้ว จะยังคงทำงานร่วมกับว็บไซต์นั้นได้อย่างราบรื่น ไม่ว่าจะสร้างอะไรก็ตาม: WordPress, Wix, Joomla หรือแพลตฟอร์มอื่น ๆ ต่อไปนี้คือสิ่งที่คุณสามารถทำได้เพื่อทำให้ร้านค้าของคุณึϸึϸขึ้นกว่าเดิม
ขั้นตอนที่ 1: ใช้ธีมที่ตรงกันสำหรับเครื่องมือสร้างว็บไซต์ของคุณ
ในการออกแบบว็บไซต์ของคุณ คุณสามารถเลือกธีมที่มีให้ซื้อได้มากมาย ร้านค้า เข้ากันได้กับร้านค้าส่วนใหญ่
ต่อไปนี้คือไดเร็กทอรีโดยย่อของสถานที่ต่างๆ บนเว็บที่คุณสามารถค้นหาธีมสำหรับเครื่องมือสร้างไซต์ของคุณได้
สำหรับว็บไซต์ WordPress
ȨกจากȨ้อย่าพลาึϸารสะสมของ&Բ;ธีม WordPress ฟรีที่ดีที่สุดสำหรับ
สำหรับว็บไซต์ Joomla
สำหรับว็บไซต์ Squarespace
สำหรับว็บไซต์ Wix ง่ายยิ่งขึ้น: เรียกดูธีมโดยไม่ต้องออก .
หมายหตุ ผู้ค้า + Wix สามารถจับคู่สีของว็บไซต์ของตนและจัดเก็บไว้ในการตั้งค่าแอปพลิเคชัน Wix
![การตั้งค่าสี Wix และ](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Wix-and--color-settings-1490196807.png)
การตั้งค่าการออกแบบร้านค้า บนว็บไซต์ Wix
ขั้นตอนที่ 2: เปิดใช้งานโหมดปรับสี
หากคุณเปิดร้านค้า ใหม่และเพิ่มลงในว็บไซต์ของคุณ จะปรับสีร้านค้าให้เข้ากับสไตล์ว็บไซต์ของคุณโดยอัตโนมัติ คุณสมบัตินี้เรียกว่าโหมดปรับสี เป็นวิธีที่ง่ายมากในการทำให้ร้านค้าของคุณเป็นส่วนหนึ่งของว็บไซต์ของคุณ
หากคุณขายกับ อยู่แล้ว โหมดปรับสีจะไม่เปิดใช้งานตามค่าเริ่มต้น แต่คุณสามารถเปิดใช้งานได้ในหน้าการออกแบบ:
จะเกิดอะไรขึ้นหากคุณเพิ่มร้านค้า ของคุณไปยังหลาย ๆ ว็บไซต์? เมื่อเปิดใช้งานโหมดปรับสี สีของร้านค้าจะปรับให้เข้ากับสีแต่ละสี ร้านค้าของคุณจะดูเป็นธรรมชาติในแต่ละสภาพแวดล้อมของว็บไซต์ ไม่ว่าจะเป็นสีขาว สีดำ หรือสีเขียว
คุณลักษณะนี้มีให้สำหรับผู้ค้า ส่วนใหญ่ หมายหตุ: ผู้ค้า + Wix สามารถจับคู่สีของว็บไซต์ของตนและจัดเก็บในการตั้งค่าแอปพลิเคชัน Wix เท่านั้น
3. เล่นด้วยการตั้งค่ารูปลักษณ์ที่รวดเร็ว
มื่อไหร่ก็ตามที่คุณ ขายออนไลȨ ด้วย คุณสามารถเปิดหรือปิดใช้งานองค์ประกอบหน้าร้าน ได้ด้วยการคลิกเพียงไม่กี่ครั้ง ตัวอย่างเช่น ผู้ที่ขายสินค้าแฮนด์เมดเป็นชุดเดียวมักจะต้องการซ่อนช่องปริมาณ
คุณอาจต้องการซ่อนองค์ประกอบที่ไม่จำเป็นหรือเปลี่ยนขนาดภาพขนาดย่อ — ส่วนลักษณะที่ปรากฏของหน้าการออกแบบของคุณจะช่วยให้คุณทำสิ่งนี้ได้โดยสิ้นเชิง
ระดับ 2: นักผจญภัย
สำหรับผู้ที่ไม่มีความรู้ทางเทคȨคที่กำลังมองหาการเปลี่ยนแปลงการออกแบบเชิงลึกและมีเวลาสำหรับการึϸȨางพียงล็กน้อย
คุณได้ตั้งค่าร้านค้าของคุณและได้ดูไปรอบ ๆ แล้ว ตอนนี้คุณเริ่มรู้สึกถึงความต้องการความเป็นส่วนตัว อาจเป็นสีที่มีตราสินค้าสำหรับปุ่ม ข้อความ และพื้นหลัง ไอคอนที่ไม่ซ้ำใคร หรือองค์ประกอบใหม่ทั้งหมด อย่างไรก็ตาม คุณไม่มีความคิดเกี่ยวกับการเขียนโค้ด
ไม่ต้องกังวล: ในระดับนี้ เราได้รวบรวมเครื่องมือที่จะช่วยให้คุณบรรลุเป้าหมายข้างต้นโดยไม่ต้องมีความรู้พิเศษ มาดูพวกเขากันดีกว่า
1. ใช้แอปจาก App Market เพื่อการออกแบบร้านค้า
ทศกาล ตลาดแอป นับแอปมากกว่า 100 รายการเพื่อช่วยคุณในด้านการวิเคราะห์ โปรโมชั่น การจัดส่ง และอื่นๆ คุณยังสามารถค้นหา แอพสำหรับปรับแต่งหȨาร้าน และ&Բ;ออกแบบ- เราจะดูแอปหนึ่งสำหรับการเปลี่ยนสีธีมของคุณโดยไม่ต้องเขียนโค้ด: Ȩกออกแบบร้าȨ้า.
Ȩกออกแบบร้าȨ้า
Ȩกออกแบบร้าȨ้า เป็นแอปที่ให้คุณตั้งค่าสีให้กับปุ่ม ข้อความ และพื้นหลังได้อย่างรวดเร็ว
โหมดแสึϸตัวอย่างช่วยให้คุณล่Ȩับสีได้มากท่าที่คุณต้องการก่อนที่จะเผยแพร่การออกแบบที่สมบูรณ์แบบของคุณไปยังหȨาร้าน
![Ȩกออกแบบร้าȨ้า](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Store-Designer-1490196797-1024x640.png)
อิȨทอร์ฟซผู้ออกแบบร้าȨ้า
แอปนี้มีราคา 4.99 เหรียญสหรัฐฯ และให้ทดลองใช้ฟรี XNUMX สัปดาห์
Ȩกออกแบบร้าȨ้าสามารถใช้ได้ ในแผน แบบชำระเงินทั้งหมดรวมถึงแอพอื่นๆ ของ App Market
2. คัึϸอกวาง ปรับแต่งพร้อมจากฐาȨวามรู้
มีคำตอบสำหรับคำถามส่วนใหญ่ที่เจ้าของร้านค้า อาจมี เรากำลังเพิ่มบทความใหม่ๆ อย่างต่อเนื่องที่นี่ พร้อมด้วยเคล็ดลับที่ถูกถามบ่อยที่สุดและ&Բ;
Ȩกผจญภัยสามารถพบกับสิ่งต่างๆ - ตัวอย่างเช่น,
or .
คำแนะนำเหล่าȨ้ส่วȨหญ่พังทลายลงไป&Բ;
คุณสามารถจัดการธีม CSS ของคุณได้ใน .
กระบวนการดำเนินไปดังนี้: ตัวอย่างเช่น หากคุณต้องการเปลี่ยนไอคอนรถเข็น ให้ไปที่ของคุณ สร้างธีม CSS ใหม่ เพิ่ม รหัสชิ้นหนึ่งบันทึกการเปลี่ยนแปลง และเปิดใช้งานธีม
คุณควรเพิ่มการเปลี่ยนแปลงเพิ่มเติมทั้งหมดให้กับธีมนี้ — สามารถใช้งานได้ครั้งละหนึ่งธีมเท่านั้น ดังนั้นจึงต้องรวมการแก้ไขทั้งหมดที่คุณต้องการนำมาสู่ร้านค้าของคุณ
3. สั่งซื้อการพัฒนาธีมแบบกำหนดเอง
หากคุณไม่พบธีมที่ตรงกับความต้องการของคุณ อีกทางเลือกหนึ่งก็คือ ที่จะสร้างขึ้นเพื่อคุณโดยเฉพาะ ธีมที่กำหนดเองมีความหมายมากกว่าการเปลี่ยนสี และช่วยให้คุณปรับแต่งได้ลึกซึ้งยิ่งขึ้น เช่น ลำดับการบล็อกที่แตกต่างไปจากเดิมอย่างสิ้นเชิงบนหน้าผลิตภัณฑ์ของคุณ
ระดับ 3: ทหารผ่านศึก
การปรับแต่งที่หนักหน่วง: การเปลี่ยนแปลงรูปลักษณ์ร้านค้าของคุณอย่างสมบูรณ์ สวัสดีรหัส
บางครั้งจำเป็นต้องเปลี่ยนแปลงรูปลักษณ์ร้านค้าที่ลึกซึ้งยิ่งขึ้น: คุณอาจต้องการ
สำหรับ
1. สร้างก ที่สร้างตัวเอง ธีมซีเอสอส
หากคุณต้องการออกแบบร้านค้าของคุณเอง ให้ลองสร้างธีม CSS ของคุณเอง
ธีม CSS คือชุดกฎที่กำหนดรูปลักษณ์ของทุกองค์ประกอบในร้านค้า (ขนาด รูปร่าง สี และสถานที่บนเพจ)
![สร้างธีม CSS ที่กำหนดเอง](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Create-custom-CSS-theme-1490196779.png)
สร้างธีม CSS ของคุณเองใน
มี&Բ; ที่อธิบายวิธีสร้างธีม CSS ของคุณเองและ&Բ;.
โปรดทราบว่าคุณจะต้องมีความเข้าใจเกี่ยวกับ HTML และ CSS ดังนั้นหากคำสองคำนี้ฟังดูไม่คุ้นเคย คุณควรพร้อมที่จะใช้เวลาเพื่อรับทักษะที่จำเป็นในการสร้างธีมตั้งแต่เริ่มต้น
โปรดจำไว้ว่าหากคุณประสบปัญหากับการออกแบบร้านค้า คุณสามารถขอความช่วยเหลือจากทีมดูแลลูกค้าของ ได้ตลอดเวลา หรือยังสามารถทำได้ .
2. ใช้ Javascript API เพื่อขยายคุณสมบัติหน้าร้าน
ส่วนนี้ส่วนใหญ่มีไว้สำหรับนักพัฒนา คุณรู้หรือไม่ว่ามีอะไรอีกที่สามารถปรับปรุงหน้าร้าน ของคุณได้? การได้รับ .
ตัวอย่างเช่น คุณสามารถสร้างธีม CSS หรือแอปใหม่และขายบน App Market Javascript API ช่วยให้คุณสามารถเปลี่ยนรูปลักษณ์หน้าร้านได้อย่างสมบูรณ์ โดยนำการเปลี่ยนแปลงที่ลึกเท่าที่คุณต้องการ
หากคุณพร้อมที่จะริ่มโปรด .
***
อ่านพิ่มเติม: วิธีการออกแบบรูปภาพหมวึϸมู่สินค้าที่ลูกค้าของคุณไม่สามารถต้าȨานการคลิกไึϹ
- ตัวอย่างไซต์ทันใจของ ที่สร้างแรงบันดาลใจ
- ว็บไซต์ทันใจ พร้อมธีมที่พร้อมใช้งานและตัวเลือกการออกแบบมากกว่า 99 รายการ
- การตั้งค่าการออกแบบ ใหม่: ตัวเลือกการปรับแต่งมากมาย ไม่มีการเข้ารหัส
- วิธีลือกทมพลตอีคอมมิร์ซสำหรับไซต์ྺองคุณ
- คู่มือที่ครอบคลุมเพื่อปรับแต่งการออกแบบร้านค้า ของคุณ
- การออกแบบว็บไซต์อีคอมเมิร์ซฟรีของคุณตั้งแต่เริ่มต้น
- เทมเพลตร้านค้าออนไลน์ที่เข้าถึงได้ของ ได้รับความนิยมได้อย่างไร