วิธีปรับแต่งการออกแบบร้านค้า BigCommerce

ปรับแต่งการออกแบบร้านค้า BigCommerce และสร้างแบรนด์ที่ไม่ซ้ำใครของคุณ

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

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

สิ่งที่เกี่ยวกับเทมเพลต BigCommerce คือพวกเขาทั้งหมดใช้ HTML และ CSS สิ่งนี้ช่วยให้คุณใช้งานได้หลากหลายไม่จำกัดเท่าการปรับแต่งเทมเพลตเอง ดังนั้นในขณะที่คุณสามารถปรับเปลี่ยนพื้นฐานได้อย่างง่ายดายผ่านโหมดการออกแบบ แต่สิ่งที่ซับซ้อนกว่านั้นต้องการให้คุณรู้ HTML และ CSS หากคุณไม่มีเวลาทำเองทั้งหมด คุณสามารถหันไปหามืออาชีพอย่าง 1 Digital Agency เพื่อปรับแต่งการออกแบบ BigCommerce สำหรับคุณ

ปรับแต่ง BigCommerce ผ่านโหมดการออกแบบ

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

ไม่ว่าในกรณีใด Design Mode มีประโยชน์ โดยเฉพาะอย่างยิ่งหากคุณกำลังมองหาการปรับเปลี่ยนพื้นฐาน คุณสามารถเข้าถึงได้โดยคลิกที่แท็บ Store Design แล้วคลิกแท็บ Design Mode ใน Control Panel เมื่อคุณทำเช่นนั้น โหมดการออกแบบจะเปิดใช้งาน และคุณสามารถเริ่มปรับแต่งได้

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

ฟังก์ชันลากและวางคือการเดินในสวนสาธารณะ บนหน้าใดๆ ที่คุณต้องการปรับแต่ง ให้ย้ายตัวชี้ไปยังรายการที่คุณต้องการย้าย ตัวชี้จะเปลี่ยนรูปร่าง ตอนนี้ลากรายการนั้นโดยใช้ปุ่มซ้ายของเมาส์ไปยังตำแหน่งที่คุณต้องการให้ปรากฏแล้วปล่อย หากคุณต้องการลบรายการ ให้คลิกขวาที่รายการนั้นแล้วเลือก Remove Panel จากเมนู เมื่อคุณปรับแต่งหน้าทั้งหมดแล้ว ให้บันทึกและเพลิดเพลินกับงานฝีมือของคุณ

ใช้ Quick Edit เพื่อปรับเปลี่ยนร้านค้าของคุณ

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

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

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

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

ปรับแต่งการออกแบบ BigCommerce ผ่าน FTP

เมื่อคุณคิดที่จะปรับแต่ง BigCommerce บ่อยครั้ง คุณจะพบว่าทุกแง่มุมของธีมสามารถปรับแต่งได้ตราบเท่าที่คุณรู้วิธีการทำ สำหรับสิ่งพื้นฐาน เราได้พูดถึงโหมดการออกแบบ สำหรับการปรับแต่ง BigCommerce ขั้นสูงเพิ่มเติม มีตัวแก้ไข HTML หรือ Quick Edit แต่นี่ไม่ใช่ทั้งหมด. นอกจากนี้ยังมีข้อกำหนดสำหรับการเข้าถึง FTP ไปยังไดเร็กทอรีพิเศษที่ให้ผู้ใช้ (ผู้ใช้ที่เชี่ยวชาญ) มีโอกาสแก้ไขทุกอย่างที่ไม่สามารถทำได้ด้วยอีกสองตัวเลือก

คุณจะต้องเชื่อมต่อร้านค้าของคุณผ่าน FTP ไปยังไดเร็กทอรี คุณสามารถอัปโหลดไฟล์ได้ที่นี่ ซึ่งจะต้องเชื่อมโยงกลับไปยังร้านค้า BigCommerce ของคุณ วิธีที่ดีที่สุดในการทำเช่นนี้คือการดาวน์โหลดไฟล์ ZIP ของไฟล์เทมเพลตทั้งหมดของเทมเพลตของคุณ และแก้ไขไฟล์ที่คุณต้องการเปลี่ยน ประเภทไฟล์ที่คุณสามารถอัปโหลด ได้แก่ HTML และ CSS รูปภาพ เช่น .jpg, .jpeg และ .png และไฟล์สื่อ เช่น .flv, .fla เป็นต้น โปรดทราบว่าไฟล์ที่อัปโหลดเหล่านี้จะมีลิงก์ URL ที่แตกต่างจากที่อยู่ใน ไฟล์เทมเพลต คุณจะต้องรวม URL ใหม่เหล่านี้ไว้ในสไตล์ชีตหรือหน้าเว็บที่มีการใช้งาน

อัปเดต 2019:

ด้วยโลกดิจิทัลออนไลน์ที่เติบโตอย่างต่อเนื่องและเพิ่มขึ้นเรื่อยๆ แพลตฟอร์มอีคอมเมิร์ซจำเป็นต้องอัปเดตตัวเลือกและฟังก์ชันการทำงานอย่างต่อเนื่อง แม้ว่าเนื้อหาข้างต้นจะยังมีประโยชน์อย่างเหลือเชื่อสำหรับเจ้าของร้านค้า BigCommerce ทุกคน แต่ก็มีการอัปเดตบางอย่างที่เกิดขึ้นตั้งแต่บล็อกนี้เผยแพร่ครั้งแรก

บรรณาธิการ WYSIWYG

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

ตัวแก้ไขธีมสไตล์ BigCommerce

หากคุณซื้อธีม BigCommerce และต้องการปรับแต่ง เพียงไปที่หน้าร้าน BigCommerce ของคุณและคลิก "ธีมของฉัน" ซึ่งจะนำคุณไปยังหน้าที่มีหน้าจอที่มีลักษณะดังนี้:

หลังจากที่คุณคลิกที่ปุ่ม "ปรับแต่ง" หน้าต่างใหม่จะเปิดขึ้นพร้อมกับแผง Style Editor ทางด้านซ้ายของหน้าจอของคุณ

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

ปรับแต่งโค้ด HTML และ CSS

หากคุณอยู่ใน Style Editor และพบว่าคุณไม่สามารถทำการเปลี่ยนแปลงบางอย่างได้ คุณจะต้องพิจารณาแก้ไขโค้ด HTML และ CSS ของธีมของคุณ ในการดำเนินการนี้ คุณจะต้องดาวน์โหลดธีมที่คุณต้องการแก้ไข มันจะมีลักษณะดังนี้:

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

การปรับแต่งร้านค้า BigCommerce ด้วยเอเจนซี่ดิจิทัลที่ดีที่สุด

การสร้างแบรนด์เป็นมากกว่าการสร้างโลโก้และสโลแกนที่ดี ร้านค้าอีคอมเมิร์ซของคุณต้องเป็นตัวอย่างที่ชัดเจนของทุกสิ่งที่แบรนด์ของคุณยึดถือ แม้ว่า BigCommerce จะเป็นแพลตฟอร์มอีคอมเมิร์ซที่ง่ายต่อการใช้งาน แต่คุณก็ต้อง ปรับแต่งเทมเพลต BigCommerce เพื่อสร้างการออกแบบเว็บไซต์ที่มีเอกลักษณ์เฉพาะตัว

ที่ 1Digital Agency เรามีผู้เชี่ยวชาญที่รู้รายละเอียดเกี่ยวกับการปรับแต่ง BigCommerce และการออกแบบเทมเพลตร้านค้า BigCommerce แบบกำหนดเอง ยิ่งไปกว่านั้น เราเข้าใจอีคอมเมิร์ซและสามารถให้คำแนะนำจากผู้เชี่ยวชาญเกี่ยวกับวิธีการเชื่อมต่อกับฐานลูกค้าของคุณด้วยการออกแบบที่ดึงดูดสายตา เป็นมิตรกับผู้ใช้ และที่สำคัญที่สุดคือมีเอกลักษณ์เฉพาะสำหรับอุดมการณ์ธุรกิจของคุณ

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

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