วิธีเพิ่มไฟล์เทมเพลตบน BigCommerce
เผยแพร่แล้ว: 2021-01-07BigCommerce รู้ว่าการออกแบบเว็บไซต์ของคุณสามารถสร้างความแตกต่างให้กับโลกได้ ชีวิตผู้ใช้โดยเฉลี่ยนั้นวุ่นวาย
ตะกร้าสินค้าที่ถูกทิ้งร้างไม่เคยได้ยินมาก่อนในอีคอมเมิร์ซ อย่างไรก็ตาม หากเว็บไซต์ของคุณรักษาความสนใจของลูกค้าได้ดีขึ้น พวกเขาอาจทำการซื้อให้เสร็จสิ้นก่อนที่จะเปลี่ยนแท็บหรือออกไปทำธุระ
ดังนั้น ทั้งหมดนี้ขึ้นอยู่กับการออกแบบและเทมเพลตที่คุณใช้ในร้านค้าของคุณ
ค้นพบวิธีที่คุณสามารถควบคุมการออกแบบร้านค้าอีคอมเมิร์ซของคุณโดยใช้ BigCommerce
วิธีเพิ่มไฟล์เทมเพลตลงใน BigCommerce
ลิงค์ด่วน
คุณสามารถเพิ่มเทมเพลตลงใน BigCommerce ได้ด้วยวิธีต่อไปนี้:
ร้านบิ๊กคอมเมิร์ซ
BigCommerce โฮสต์ร้านค้าที่มีธีมหลากหลายพร้อมติดตั้ง มีราคาตั้งแต่ฟรีจนถึง $300 ธีมสามารถจัดเรียงตามคอลเลกชัน อุตสาหกรรม ฟรี และเนื้อหาพรีเมียม
เมื่อคุณพบสิ่งที่ชอบแล้วให้คลิกที่ปุ่มติดตั้งหรือซื้อ ตัวอย่างธีมแต่ละธีมมาพร้อมกับรายการฟีเจอร์รวมถึงสิ่งที่ปรับให้เหมาะสม คุณยังสามารถดูตัวอย่างของแต่ละธีมได้ก่อนที่คุณจะคลิกปุ่มติดตั้ง
การปรับแต่งผ่านลายฉลุ
สเตนซิลเป็นเฟรมเวิร์กที่ธีม BigCommerce สร้างขึ้น อย่างไรก็ตาม คุณไม่จำเป็นต้องใช้ธีมใดธีมหนึ่งสำหรับธุรกิจของคุณ คุณยังสามารถกำหนดเทมเพลตเค้าโครงแบบกำหนดเองสำหรับส่วนต่างๆ ของร้านค้าของคุณได้ รวมถึง:
- ผลิตภัณฑ์
- ยี่ห้อ
- หมวดหมู่
- หน้าหนังสือ
หากการปรับแต่งคือสิ่งที่คุณกำลังมองหา คุณต้องเริ่มต้นด้วยการสร้างและรวมเทมเพลตแบบกำหนดเองเข้ากับเครื่องมือ Stencil CLI ของ BigCommerce เมื่อคุณพร้อม มีตัวเลือกสองสามตัวเลือกในการเตรียมไฟล์ของคุณให้พร้อมสำหรับการอัพโหลดผ่าน Stencil CLI:
1. มัดรวมเท่านั้น
ใช้คำสั่ง “stencil Bundle” เพื่อสร้างไฟล์ ZIP ที่คุณสามารถอัปโหลดไปยังร้านค้า BigCommerce ของคุณได้ หากคุณต้องการตรวจสอบความคืบหน้าและความสมบูรณ์ของไฟล์ ให้ใช้คำสั่ง “bundle” คำสั่งนี้ยังแจ้งให้คุณทราบเกี่ยวกับข้อผิดพลาดใดๆ ที่อาจทำให้ไฟล์ไม่สามารถรวมกลุ่มได้
โปรดทราบว่า BigCommerce มีขีดจำกัดสูงสุดที่ 50MB สำหรับขนาดไฟล์
2. มัดและดัน
ใช้คำสั่ง “stencil push” หากคุณเริ่มต้นด้วยโทเค็น Stencil CLI เท่านั้น การใช้คำสั่งนี้จะรวมกลุ่มและอัปโหลดในกระบวนการเดียว อย่างไรก็ตาม หากคุณไม่แน่ใจว่าไฟล์ของคุณมีคุณสมบัติสำหรับ "บันเดิลและการพุช" หรือไม่ ให้ตรวจสอบข้อกำหนดเหล่านี้ก่อน:
- ธีมเริ่มต้นโดยใช้โทเค็นลายฉลุ CLI ด้วย “ธีม: แก้ไขขอบเขต”
- ติดตั้งเวอร์ชันของ Stencil CLI 1.12.0 หรือสูงกว่า
คุณสามารถตรวจสอบเวอร์ชันของลายฉลุของคุณได้โดยใช้ข้อความแจ้ง "stencil -V" หรือ "stencil –version" บนบรรทัดคำสั่ง
ไม่ใช่ทุกคนที่สามารถอัปโหลดธีมได้ในกระบวนการเดียว หากคุณกำลังรวมกลุ่มและอัปโหลดในกระบวนการแยกกัน ต่อไปนี้เป็นวิธีพุชธีมไปที่ BigCommerce:
- หลังจากอัปโหลดสำเร็จแล้ว ให้เลือก ใช่/ไม่ใช่ เพื่ออัปโหลดธีมไปที่หน้าร้านของคุณ
- หากใช่ ให้ใช้ปุ่มลูกศรเพื่อเลือกรูปแบบ
เมื่อคุณเลือก “Y” คุณจะต้องเลือกรูปแบบของคุณทันทีหลังจากนั้น หากคุณต้องการใช้การอัปโหลดใหม่กับร้านค้าของคุณในภายหลัง ให้เลือก "N" แทน
ฉันจะปรับแต่งเทมเพลต BigCommerce ได้อย่างไร
หากต้องการปรับแต่งธีมพิมพ์เขียวแบบเดิม ให้ตรวจดูขั้นตอนเหล่านี้:
- ไปที่หน้าร้าน
- คลิกที่ธีมของฉัน
- เลือกแก้ไข HTML/CSS
- ทำการเปลี่ยนสีในหน้าจอตัวแก้ไข Default.html
- บันทึกการเปลี่ยนแปลง
สิ่งสำคัญที่ควรทราบก็คือ หากคุณต้องการใช้วิธีนี้ คุณจะสามารถเข้าถึงไฟล์เทมเพลต Blueprint ได้ก็ต่อเมื่อไฟล์เหล่านั้นแสดงอยู่ที่หน้าร้านเท่านั้น
หากคุณใช้ธีมลายฉลุ ให้ทำตามคำแนะนำเหล่านี้เพื่อปรับแต่ง:
- ไปที่หน้าร้าน
- คลิกที่ธีมของฉัน
- เลือกปรับแต่ง
- ทำการเปลี่ยนแปลง
- เลือกเผยแพร่เพื่อให้การเปลี่ยนแปลงปรากฏในหน้าร้านของคุณ
เมื่อใช้เครื่องมือสร้างเพจเพื่อปรับแต่งธีมลายฉลุ คุณสามารถเปลี่ยนลักษณะต่างๆ ได้ เช่น ขนาดข้อความและสี คุณยังสามารถเพิ่มองค์ประกอบภาพต่างๆ เช่น แบนเนอร์ ภาพหมุน และรูปภาพโดยใช้วิธีการลากและวางที่ใช้งานง่าย หรือคุณสามารถใช้บล็อกของ HTML ที่กำหนดเองเพื่อทำการเปลี่ยนแปลงที่จำเป็นได้
เพียงจำไว้ว่าคุณสามารถบันทึกได้โดยไม่ต้องเผยแพร่การเปลี่ยนแปลงเพื่อให้ปรากฏในหน้าร้านของคุณ
จะหาเทมเพลต BigCommerce ได้ที่ไหน
หนึ่งในสถานที่ที่ง่ายที่สุดในการค้นหาเทมเพลต BigCommerce ใหม่คือในร้านค้าของพวกเขา มีรูปแบบธีมที่แตกต่างกันเพื่อให้เหมาะกับความต้องการส่วนใหญ่ และสไตล์ยอดนิยมหลายรูปแบบจะไม่เสียค่าใช้จ่ายแม้แต่เล็กน้อย!
เว็บไซต์บุคคลที่สามบางแห่งยังจำหน่ายเทมเพลตที่เข้ากันได้กับ BigCommerce เทมเพลตเหล่านี้อาจมีราคาอยู่หลายช่วง ดังนั้น เตรียมพร้อมที่จะจ่ายเงินบางส่วนหากคุณใช้เส้นทางนี้
แน่นอน คุณสามารถมีเทมเพลตที่ออกแบบเองสำหรับร้านค้าของคุณได้เสมอ นี่เป็นตัวเลือกที่แพงที่สุด ดังนั้นคุณอาจต้องการตรวจสอบช่องทางอื่นทั้งหมดก่อนที่จะพิจารณาช่องทางนี้
วิธีแก้ไขเทมเพลต HTML สำหรับ BigCommerce
มีสองวิธีในการแก้ไขเทมเพลต HTML หากคุณใช้ธีม Blueprint หากต้องการแก้ไขธีมสดในเบราว์เซอร์ของคุณ:
- ไปที่หน้าร้านของคุณ
- คลิกที่ธีมของฉัน
- เลือกแก้ไข HTML/CSS
การแก้ไขในเบราว์เซอร์เป็นวิธีที่ดีเยี่ยมในการเปลี่ยนแปลงอย่างรวดเร็วและง่ายดาย ทุกสิ่งที่คุณบันทึกไว้ในตัวแก้ไขจะเผยแพร่ทันที
วิธีใช้ลายฉลุเพื่อเพิ่มไฟล์เค้าโครงเทมเพลตที่กำหนดเองไฟล์เดียวบน BigCommerce
หากคุณต้องการเทมเพลตที่กำหนดเองภายในกรอบงานลายฉลุ BigCommerce ก็ให้คุณทำเช่นนั้นได้เช่นกัน ขั้นแรก คุณต้องตั้งค่าสำเนาในเครื่องของคุณ:
- สร้างไดเร็กทอรีย่อยที่กำหนดเองในไดเร็กทอรี "เทมเพลต/เพจ"
- สร้างไฟล์เทมเพลต HTML และวางไว้ในไดเร็กทอรีย่อยที่กำหนดเอง
- แก้ไขและแมป URL ไปยังไฟล์ “.stencil” ของคุณ
เมื่อคุณสร้างธีมในเครื่องเสร็จแล้ว คุณสามารถรวมและพุชไฟล์ไปที่ BigCommerce ได้
คำถามที่พบบ่อยเพิ่มเติม
ฉันจะสร้างเทมเพลตใหม่สำหรับ BigCommerce ได้อย่างไร
คุณสามารถติดตั้ง Stencil CLI เพื่อปรับแต่งเทมเพลตในเครื่องและรวมกลุ่มเพื่ออัปโหลดไปยังร้านค้าได้
ฉันจะอัปเดตหน้าแรก BigCommerce ของฉันได้อย่างไร
หน้าแรกของคุณประกอบด้วยวิดเจ็ตและแบนเนอร์ผสมกัน คุณสามารถเลือกเปิดหรือปิดการใช้งานได้ หรือคุณสามารถไปที่การตลาดแล้วไปที่แบนเนอร์เพื่อสร้างแบนเนอร์สำหรับโฮมเพจ
นอกจากนี้ คุณสามารถสร้างหน้าเว็บใหม่และทำเครื่องหมายในช่องเพื่อยืนยันว่าคุณต้องการแสดงเป็นหน้าแรกของร้านค้าของคุณ
ลายฉลุใน BigCommerce คืออะไร?
สเตนซิลเป็นเฟรมเวิร์กธีมที่ BigCommerce ใช้เพื่ออนุญาตให้ผู้ใช้เลือกระหว่างการใช้เทมเพลตอีคอมเมิร์ซหรือปรับแต่งเว็บไซต์โดยสมบูรณ์
ฉันจะแก้ไขธีม BigCommerce ได้อย่างไร
ขึ้นอยู่กับประเภทของธีมที่คุณใช้ หากคุณใช้ธีม Blueprint แบบเดิม ให้ทำตามขั้นตอนในการแก้ไข:
• จากหน้าร้านของคุณ ให้คลิกที่ธีมของฉัน
• คลิกที่ปุ่มแก้ไข HTML/CSS
• ทำการเปลี่ยนสีในหน้าจอตัวแก้ไข Default.html
• คลิกที่ปุ่มบันทึกเมื่อคุณทำการเปลี่ยนแปลงเสร็จแล้ว
หากคุณใช้ธีมลายฉลุ ให้ทำตามขั้นตอนเหล่านี้แทน:
• ไปที่หน้าร้าน
• เลือกธีมของฉันแล้วปรับแต่ง
• ทำการเปลี่ยนแปลง
• คลิกที่เผยแพร่เพื่อให้การเปลี่ยนแปลงปรากฏในหน้าร้านของคุณ
ฉันจะปรับแต่งเทมเพลต BigCommerce ของฉันได้อย่างไร
ตัวเลือกการปรับแต่งของคุณขึ้นอยู่กับประเภทของเทมเพลตที่คุณใช้ โดยทั่วไป คุณสามารถไปที่หน้าร้านของคุณ จากนั้นไปที่ธีมของฉัน จากนั้น คุณสามารถเลือก "แก้ไข HTML/CSS" หรือ "ปรับแต่ง" เพื่อทำการเปลี่ยนแปลงได้
อย่าตั้งถิ่นฐานสำหรับร้านค้าทั่วไป
แน่นอนว่าคุณสามารถใช้เทมเพลตเพื่อทำให้ร้านค้าของคุณเริ่มต้นและดำเนินการได้ อย่างไรก็ตาม คุณยังเสี่ยงที่จะดูเหมือนหน้าร้านอื่นๆ อีกด้วย หรือแย่กว่านั้นคืออาจดูเหมือนร้านค้าออนไลน์ของคู่แข่งของคุณ!
อย่างไรก็ตาม ด้วยการปรับแต่งง่ายๆ เพียงไม่กี่ครั้ง คุณสามารถปรับแต่งหน้าร้านให้มีเอกลักษณ์ไม่ซ้ำกับธุรกิจของคุณได้ ลองใช้สี แบบอักษร และรูปภาพจนกว่าคุณจะมีร้านค้าที่คุณภูมิใจที่จะเรียกว่าเป็นร้านของคุณเอง
คุณได้ปรับแต่งเทมเพลต BigCommerce ของคุณแล้วหรือยัง? บอกเราเกี่ยวกับเรื่องนี้ในส่วนความเห็นด้านล่าง