วิธีเพิ่มไฟล์เทมเพลตบน BigCommerce

เผยแพร่แล้ว: 2021-01-07
วิธีเพิ่มไฟล์เทมเพลตบน BigCommerce

BigCommerce รู้ว่าการออกแบบเว็บไซต์ของคุณสามารถสร้างความแตกต่างให้กับโลกได้ ชีวิตผู้ใช้โดยเฉลี่ยนั้นวุ่นวาย

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

ดังนั้น ทั้งหมดนี้ขึ้นอยู่กับการออกแบบและเทมเพลตที่คุณใช้ในร้านค้าของคุณ

ค้นพบวิธีที่คุณสามารถควบคุมการออกแบบร้านค้าอีคอมเมิร์ซของคุณโดยใช้ BigCommerce

วิธีเพิ่มไฟล์เทมเพลตลงใน 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 ใหม่คือในร้านค้าของพวกเขา มีรูปแบบธีมที่แตกต่างกันเพื่อให้เหมาะกับความต้องการส่วนใหญ่ และสไตล์ยอดนิยมหลายรูปแบบจะไม่เสียค่าใช้จ่ายแม้แต่เล็กน้อย!

เว็บไซต์บุคคลที่สามบางแห่งยังจำหน่ายเทมเพลตที่เข้ากันได้กับ 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 ของคุณแล้วหรือยัง? บอกเราเกี่ยวกับเรื่องนี้ในส่วนความเห็นด้านล่าง