คู่มือฉบับย่อเกี่ยวกับการแก้ไขธีม BigCommerce ของคุณ

เผยแพร่แล้ว: 2021-01-08

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

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

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

ด้วยเหตุนี้ หากคุณกำลังมองหาเคล็ดลับง่ายๆ ในการเปลี่ยนแปลง คุณมาถูกที่แล้ว มาเริ่มกันเลย

1. ลงชื่อเข้าใช้พอร์ทัล BigCommerce ของคุณ

เข้าสู่ระบบพอร์ทัล BigCommerce ของคุณด้วยข้อมูลรับรองการเข้าสู่ระบบของคุณ คุณควรเห็นบางอย่างในแบ็กเอนด์ที่มีลักษณะดังนี้:

2. คลิกที่ "หน้าร้าน"

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

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

3. เลือก “เรียกดูธีม”

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

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

4. หรือคุณสามารถเลือก "ปรับแต่งการอัปเดต" เพื่อแก้ไขหรืออัปเดตธีมได้

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

มีบางสิ่งที่ควรทราบในภาพด้านบน:

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

5. แก้ไข ปรับ หรือเพิ่มวิดเจ็ต

อันดับแรก เราจะมาดูวิธีแก้ไขวิดเจ็ตอย่างรวดเร็วที่คุณสามารถรวมหรือเปลี่ยนแปลงในธีม BigCommerce ของคุณได้ สมมติว่าคุณต้องการเพิ่มภาพหมุนใต้เมนูของคุณ – อินเทอร์เฟซของ BigCommerce ทำให้กระบวนการค่อนข้างง่าย เพียงคลิกที่ "Carousel" แล้วลากและวางลงในช่องว่างใต้เมนูที่ระบุว่า "Drag and Drop Widgets Here" จากนั้นคุณจะเห็นภาพนี้:

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

ในตอนนี้ สมมติว่าคุณต้องการดูรูปแบบต่างๆ ของธีมเดียวกัน ทางด้านซ้ายของหน้าจอ คุณจะเห็นสิ่งนี้:

6. ปรับคุณสมบัติเพิ่มเติมของจอแสดงผลของคุณ (รูปแบบ หัวกระดาษและท้ายกระดาษ หน้าแรก และอื่นๆ)

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

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

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

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

หากคุณต้องการเห็นบางสิ่งที่พิเศษจากร้านค้า BigCommerce ของคุณ แต่ไม่แน่ใจว่าจะทำการเปลี่ยนแปลงโดยใช้คำแนะนำหรือคำแนะนำในบทความนี้ได้อย่างไร โปรดติดต่อนักพัฒนาและนักออกแบบ BigCommerce ของเราวันนี้ ไม่ว่าคุณต้องการการออกแบบใหม่อย่างเต็มรูปแบบหรือเพียงต้องการเรียนรู้เพิ่มเติมเกี่ยวกับสิ่งที่เราสามารถทำได้สำหรับธุรกิจออนไลน์ของคุณ ทุกอย่างเริ่มต้นด้วยการโทรหาพันธมิตรของ BigCommerce – ติดต่อเราที่ 888-982-8269 ในครั้งต่อไปที่คุณต้องการความช่วยเหลือ .

Tags: bigcommerce bigcommerce ออกแบบเอง bigcommerce การพัฒนา Digital Agency พันธมิตร วิธีการ