อัปเดต: ในเดือนเมษายน 2018 เราได้เปิดตัวการตั้งค่าดีไซน์ใหม่ใน Ecwid! เรียนรู้วิธีการปรับแต่งร้านค้า Ecwid ของคุณอย่างละเอียดโดยไม่ต้องเขียนโค้ดได้ในบทความบล็อกใหม่กว่าหากร้านค้าของคุณสร้างขึ้นก่อนเดือนเมษายน 2018 และคุณต้องการเรียนรู้การใช้การตั้งค่าแบบเก่า โปรดอ่านบทความนี้ต่อ
ร้านค้า Ecwid ถูกสร้างขึ้นในลักษณะที่คุณสามารถเพิ่มลงในทุกเว็บไซต์และเริ่มขายสินค้าทุกประเภทได้ในเวลาไม่นาน หน้าร้านจะปรับให้เข้ากับทั้งเดสก์ท็อปและอุปกรณ์มือถือโดยอัตโนมัติ และร้านค้าก็ดูดีบนหน้าจอทุกแบบ
การทำให้ร้านค้าของคุณเป็นส่วนหนึ่งของเว็บไซต์ของคุณจะสร้างความประทับใจให้กับธุรกิจที่เป็นมืออาชีพ คุณอาจต้องการเปลี่ยนการออกแบบร้านค้าให้เหมาะกับสไตล์เว็บไซต์ของคุณและความต้องการเฉพาะของธุรกิจของคุณ ซึ่งสามารถทำได้หลายวิธี ตั้งแต่การตั้งค่าอัตโนมัติเต็มรูปแบบไปจนถึง
ตัวเลือกส่วนใหญ่จะแสดงอยู่ในแผงควบคุม→การตั้งค่า→การออกแบบในหน้านั้น คุณสามารถจัดการการตั้งค่าการออกแบบของคุณได้ และในบทความนี้ เราจะบอกวิธีใช้ประโยชน์จากตัวเลือกเหล่านั้นให้ได้มากที่สุด
เราแบ่งการแก้ไขที่เป็นไปได้ทั้งหมดในการออกแบบร้านค้า Ecwid ของคุณออกเป็นสามระดับตามทักษะและทรัพยากรที่จำเป็น จากรวดเร็วและง่ายไปจนถึงลึกและซับซ้อนมากขึ้น
ระดับ 1: รวดเร็วและง่ายดาย
ปรับเปลี่ยนได้ง่ายและรวดเร็ว ไม่มีอะไรนอกจากการคลิกปุ่มเท่านั้น
ก่อนที่คุณจะเริ่มคิดถึงการเปลี่ยนแปลงการออกแบบ นี่เป็นข่าวดี: Ecwid จะสร้างสภาพแวดล้อมโดยอัตโนมัติและดูเป็นส่วนหนึ่งของเว็บไซต์หรือหน้าโซเชียลของคุณ คุณไม่จำเป็นต้องเขียนโค้ดใดๆ เพื่อสิ่งนั้น ทุกอย่างจะทำงานได้ดี
นอกจากนี้ ยังมีวิธีง่ายๆ ในการปรับรูปลักษณ์ของร้านค้าให้เข้ากับภารกิจของคุณโดยไม่ต้องใช้ความพยายามเป็นพิเศษ
1. ขายบน Ecwid Instant Site หากคุณไม่มีเว็บไซต์
Instant Site คือเว็บไซต์พร้อมร้านค้าออนไลน์ที่ Ecwid มอบให้เมื่อคุณสร้างบัญชี Ecwid
เมื่อพูดถึงการออกแบบ Instant Site ก็ถูกสร้างขึ้นด้วย
ดังนั้น หากคุณไม่มีเว็บไซต์ที่จะขาย นี่เป็นวิธีง่ายๆ ในการเริ่มต้นขายของออนไลน์บน
แจกันดอกไม้โรแมนติกนี้
2. ปรับแต่งการออกแบบได้ง่ายสำหรับผู้ที่มีเว็บไซต์อยู่แล้ว
หากคุณมีเว็บไซต์อยู่แล้ว Ecwid จะยังคงทำงานร่วมกับเว็บไซต์นั้นได้อย่างราบรื่น ไม่ว่าจะสร้างอะไรก็ตาม: WordPress, Wix, Joomla หรือแพลตฟอร์มอื่น ๆ ต่อไปนี้คือสิ่งที่คุณสามารถทำได้เพื่อทำให้ร้านค้าของคุณดูดีขึ้นกว่าเดิม
ขั้นตอนที่ 1: ใช้ธีมที่ตรงกันสำหรับเครื่องมือสร้างเว็บไซต์ของคุณ
ในการออกแบบเว็บไซต์ของคุณ คุณสามารถเลือกธีมที่มีให้ซื้อได้มากมาย ร้านค้า Ecwid เข้ากันได้กับร้านค้าส่วนใหญ่
ต่อไปนี้คือไดเร็กทอรีโดยย่อของสถานที่ต่างๆ บนเว็บที่คุณสามารถค้นหาธีมสำหรับเครื่องมือสร้างไซต์ของคุณได้
สำหรับเว็บไซต์ WordPress
นอกจากนี้อย่าพลาดการสะสมของ ธีม WordPress ฟรีที่ดีที่สุดสำหรับ
สำหรับเว็บไซต์ Joomla
สำหรับเว็บไซต์ Squarespace
สำหรับเว็บไซต์ Wix นั้นง่ายยิ่งกว่า: คุณสามารถเลือกดูธีมต่างๆ ได้โดยไม่ต้องออกจากwww.wix.com
หมายเหตุ:ผู้ค้าที่ใช้ Ecwid และ Wix สามารถจับคู่สีของเว็บไซต์และร้านค้าของตนได้ในการตั้งค่าแอปพลิเคชัน Ecwid Wix
การตั้งค่าการออกแบบร้านค้า Ecwid บนเว็บไซต์ Wix
ขั้นตอนที่ 2: เปิดใช้งานโหมดปรับสี
หากคุณเปิดร้านค้า Ecwid ใหม่และเพิ่มลงในเว็บไซต์ของคุณ Ecwid จะปรับสีร้านค้าให้เข้ากับสไตล์เว็บไซต์ของคุณโดยอัตโนมัติ คุณสมบัตินี้เรียกว่าโหมดปรับสี เป็นวิธีที่ง่ายมากในการทำให้ร้านค้าของคุณเป็นส่วนหนึ่งของเว็บไซต์ของคุณ
หากคุณขายกับ Ecwid อยู่แล้ว โหมดปรับสีจะไม่เปิดใช้งานตามค่าเริ่มต้น แต่คุณสามารถเปิดใช้งานได้ในหน้าการออกแบบ:
ถ้าคุณเพิ่มร้านค้า Ecwid ของคุณไปยังเว็บไซต์หลายแห่งล่ะ?เมื่อเปิดใช้งานโหมดปรับสีอัตโนมัติ สีของร้านค้าจะปรับให้เข้ากับแต่ละเว็บไซต์ ร้านค้าของคุณจะดูเป็นธรรมชาติในสภาพแวดล้อมของเว็บไซต์แต่ละแห่ง ไม่ว่าจะเป็นสีขาว สีดำ หรือสีเขียว
คุณลักษณะนี้มีให้สำหรับผู้ค้า Ecwid ส่วนใหญ่ หมายเหตุ: ผู้ค้า Ecwid + Wix สามารถจับคู่สีของเว็บไซต์ของตนและจัดเก็บในการตั้งค่าแอปพลิเคชัน Ecwid Wix เท่านั้น
3. เล่นด้วยการตั้งค่ารูปลักษณ์ที่รวดเร็ว
ทุกครั้งที่คุณขายสินค้าออนไลน์ผ่าน Ecwid คุณสามารถเปิดหรือปิดใช้งานองค์ประกอบหน้าร้านของ Ecwid ได้ในไม่กี่คลิก ตัวอย่างเช่น ผู้ที่ขายสินค้าทำมือเป็นชิ้นเดียวมักต้องการซ่อนช่องระบุจำนวนสินค้า
คุณอาจต้องการซ่อนองค์ประกอบที่ไม่จำเป็นหรือเปลี่ยนขนาดภาพขนาดย่อ — ส่วนลักษณะที่ปรากฏของหน้าการออกแบบของคุณจะช่วยให้คุณทำสิ่งนี้ได้โดยสิ้นเชิง
ระดับ 2: นักผจญภัย
สำหรับผู้ที่ไม่มีความรู้ทางเทคนิคที่กำลังมองหาการเปลี่ยนแปลงการออกแบบเชิงลึกและมีเวลาสำหรับการเดินทางเพียงเล็กน้อย
คุณได้ตั้งค่าร้านค้าของคุณและได้ดูไปรอบ ๆ แล้ว ตอนนี้คุณเริ่มรู้สึกถึงความต้องการความเป็นส่วนตัว อาจเป็นสีที่มีตราสินค้าสำหรับปุ่ม ข้อความ และพื้นหลัง ไอคอนที่ไม่ซ้ำใคร หรือองค์ประกอบใหม่ทั้งหมด อย่างไรก็ตาม คุณไม่มีความคิดเกี่ยวกับการเขียนโค้ด
ไม่ต้องกังวล: ในระดับนี้ เราได้รวบรวมเครื่องมือที่จะช่วยให้คุณบรรลุเป้าหมายข้างต้นโดยไม่ต้องมีความรู้พิเศษ มาดูพวกเขากันดีกว่า
1. ใช้แอปจาก Ecwid App Market เพื่อการออกแบบร้านค้า
Ecwid App Marketมีแอปมากกว่า 100 แอปที่จะช่วยคุณในด้านการวิเคราะห์ การโปรโมท การจัดส่ง และอื่นๆ อีกมากมาย คุณยังสามารถค้นหาแอปสำหรับการปรับแต่งและออกแบบ หน้าร้านได้อีกด้วย เราจะมาดูแอปหนึ่งที่จะช่วยเปลี่ยนสีธีมของคุณโดยไม่ต้องเขียนโค้ด: Store Designer
นักออกแบบร้านค้า
Store Designerเป็นแอปที่ช่วยให้คุณตั้งค่าสีสำหรับปุ่ม ข้อความ และพื้นหลังได้อย่างรวดเร็ว
โหมดแสดงตัวอย่างช่วยให้คุณเล่นกับสีได้มากเท่าที่คุณต้องการก่อนที่จะเผยแพร่การออกแบบที่สมบูรณ์แบบของคุณไปยังหน้าร้าน
อินเทอร์เฟซผู้ออกแบบร้านค้า
แอปนี้มีราคา 4.99 เหรียญสหรัฐฯ และให้ทดลองใช้ฟรี XNUMX สัปดาห์
แอป Store Designer สามารถใช้งานได้ในแพ็กเกจแบบชำระเงินของ Ecwid ทุกแพ็กเกจรวมถึงแอปอื่นๆ ใน App Market ด้วย
2. คัดลอกวาง ปรับแต่งพร้อมจากฐานความรู้
ฐานความรู้ของ Ecwid มีคำตอบสำหรับคำถามส่วนใหญ่ที่เจ้าของร้านค้า Ecwid อาจมี เรากำลังเพิ่มบทความใหม่ๆ อย่างต่อเนื่องที่นี่ พร้อมด้วยเคล็ดลับที่ถูกถามบ่อยที่สุดและ
นักผจญภัยสามารถค้นหาคำแนะนำต่างๆ เกี่ยวกับการปรับแต่งหน้าร้านได้ ตัวอย่างเช่น
การเปลี่ยนแบบอักษรในร้านค้าหรือการเพิ่มช่องค้นหา
คำแนะนำเหล่านี้ส่วนใหญ่พังทลายลงไป
คุณสามารถจัดการธีม CSS ของคุณได้ในแผงควบคุม→การตั้งค่า→การออกแบบ
ขั้นตอนเป็นดังนี้ ตัวอย่างเช่น หากคุณต้องการเปลี่ยนไอคอนตะกร้าสินค้า ให้ไปที่การตั้งค่า → การออกแบบสร้างธีม CSS ใหม่ เพิ่มโค้ด ลง ไป บันทึกการเปลี่ยนแปลง และเปิดใช้งานธีม
คุณควรเพิ่มการเปลี่ยนแปลงเพิ่มเติมทั้งหมดให้กับธีมนี้ — สามารถใช้งานได้ครั้งละหนึ่งธีมเท่านั้น ดังนั้นจึงต้องรวมการแก้ไขทั้งหมดที่คุณต้องการนำมาสู่ร้านค้าของคุณ
3. สั่งซื้อการพัฒนาธีมแบบกำหนดเอง
หากคุณไม่พบธีมที่ตรงกับความต้องการของคุณ อีกทางเลือกหนึ่งคือการสั่งพัฒนาธีม CSSที่สร้างขึ้นมาเพื่อคุณโดยเฉพาะ ธีมแบบกำหนดเองนั้นมีความหมายมากกว่าแค่การเปลี่ยนสี และช่วยให้คุณปรับแต่งได้ลึกซึ้งยิ่งขึ้น เช่น การจัดเรียงบล็อกในหน้าสินค้าของคุณใหม่ทั้งหมด
ระดับ 3: ทหารผ่านศึก
การปรับแต่งที่หนักหน่วง: การเปลี่ยนแปลงรูปลักษณ์ร้านค้าของคุณอย่างสมบูรณ์ สวัสดีรหัส
บางครั้งจำเป็นต้องเปลี่ยนแปลงรูปลักษณ์ร้านค้าที่ลึกซึ้งยิ่งขึ้น: คุณอาจต้องการ
ใช้เพื่อการ
1. สร้างก ที่สร้างตัวเอง ธีมซีเอสเอส
หากคุณต้องการออกแบบร้านค้าของคุณเอง ให้ลองสร้างธีม CSS ของคุณเอง
ธีม CSS คือชุดกฎที่กำหนดรูปลักษณ์ของทุกองค์ประกอบในร้านค้า (ขนาด รูปร่าง สี และสถานที่บนเพจ)
สร้างธีม CSS ของคุณเองได้ที่การตั้งค่า → การออกแบบ
ในฐานข้อมูลความรู้ของ Ecwid มีคู่มือที่อธิบายวิธีการสร้างธีม CSS ของคุณเอง และคำแนะนำสำหรับการเปลี่ยนแปลงองค์ประกอบเฉพาะต่างๆ
โปรดทราบว่าคุณจะต้องมีความเข้าใจเกี่ยวกับ HTML และ CSS ดังนั้นหากคำสองคำนี้ฟังดูไม่คุ้นเคย คุณควรพร้อมที่จะใช้เวลาเพื่อรับทักษะที่จำเป็นในการสร้างธีมตั้งแต่เริ่มต้น
อย่าลืมว่าหากคุณประสบปัญหาเกี่ยวกับการออกแบบร้านค้า Ecwid คุณสามารถขอความช่วยเหลือจากทีมดูแลลูกค้าของ Ecwid ได้เสมอ หรือคุณยังสามารถสั่งพัฒนาธีม CSS เฉพาะของคุณเองได้เช่นกัน
2. ใช้ Ecwid Javascript API เพื่อขยายคุณสมบัติหน้าร้าน Ecwid
ส่วนนี้ส่วนใหญ่เหมาะสำหรับนักพัฒนา คุณรู้ไหมว่าอะไรที่จะช่วยปรับปรุงร้านค้าออนไลน์ Ecwid ของคุณได้อีกบ้าง? นั่นก็คือ การใช้งานEcwid Javascript APIนั่นเอง
ตัวอย่างเช่น คุณสามารถสร้างธีม CSS หรือแอปใหม่และขายบน Ecwid App Market Ecwid Javascript API ช่วยให้คุณสามารถเปลี่ยนรูปลักษณ์หน้าร้านได้อย่างสมบูรณ์ โดยนำการเปลี่ยนแปลงที่ลึกเท่าที่คุณต้องการ
หากคุณพร้อมที่จะเริ่มต้น โปรดลงทะเบียนในหน้าสำหรับนักพัฒนาของเรา
***
อ่านเพิ่มเติม: วิธีออกแบบภาพหมวดหมู่สินค้าที่ลูกค้าอดใจไม่ไหวต้องคลิกดู
- ตัวอย่างไซต์ทันใจของ Ecwid ที่สร้างแรงบันดาลใจ
- เว็บไซต์ทันใจ Ecwid พร้อมธีมที่พร้อมใช้งานและตัวเลือกการออกแบบมากกว่า 99 รายการ
- การตั้งค่าการออกแบบ Ecwid ใหม่: ตัวเลือกการปรับแต่งมากมาย ไม่มีการเข้ารหัส
- วิธีเลือกเทมเพลตอีคอมเมิร์ซสำหรับไซต์ของคุณ
- คู่มือที่ครอบคลุมเพื่อปรับแต่งการออกแบบร้านค้า Ecwid ของคุณ
- การออกแบบเว็บไซต์อีคอมเมิร์ซของคุณตั้งแต่เริ่มต้น
- เทมเพลตร้านค้าออนไลน์ที่เข้าถึงได้ของ Ecwid ได้รับความนิยมได้อย่างไร
