การเพิ่ม การดูตัวอย่าง และการซื้อธีม

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

คุณสามารถเพิ่มธีมได้ด้วยวิธีดังต่อไปนี้

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

หากคุณเป็นนักพัฒนาซอฟต์แวร์ หรือทำงานร่วมกับ Shopify Partner หรือเอเจนซี่ คุณก็สามารถเพิ่มธีมไปยังร้านค้าของคุณด้วยวิธีดังต่อไปนี้ได้เช่นกัน

• คุณสามารถเพิ่มธีมที่โฮสต์บน GitHub ไปยังร้านค้าของคุณได้โดยใช้Shopify GitHub integration
• คุณสามารถพุชธีมไปยังร้านค้าของคุณได้โดยใช้Shopify CLI

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

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

ข้อกำหนดคุณสมบัติของธีม

ตรวจสอบข้อกำหนดคุณสมบัติต่อไปนี้สำหรับการเพิ่มธีมไปยังร้านค้าหรือองค์กรของคุณ

• จำนวนธีมสูงสุดที่คุณสามารถเพิ่มได้จะขึ้นอยู่กับแผนบริการของคุณ
• ร้านค้าที่ใช้แผน Starter สามารถเพิ่มได้เฉพาะธีม Spotlight เท่านั้น
• ร้านค้าและองค์กรที่ใช้แผน Basic, Grow และ Advanced สามารถเพิ่มธีมได้สูงสุด 20 ธีม
• ร้านค้าและองค์กรที่ใช้แผน Shopify Plus สามารถเพิ่มธีมได้สูงสุด 100 ธีม

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

สร้างธีมฟรีด้วย AI

คุณสามารถใช้ AI เพื่อสร้างธีมฟรีที่ปรับให้เหมาะกับคุณได้จากหน้าธีมในส่วนผู้ดูแล Shopify ของคุณ Shopify ให้ความช่วยเหลือในการปรับแต่งธีมฟรี

คุณสามารถใช้ AI เพื่อสร้างธีมฟรีที่ปรับให้เหมาะกับคุณได้จากหน้าธีมในส่วนผู้ดูแล Shopify ของคุณ Shopify ให้ความช่วยเหลือในการปรับแต่งธีมฟรี

ขั้นตอน

เพิ่มธีมฟรีจากส่วนผู้ดูแล

ธีมฟรีได้รับการพัฒนาโดย Shopify และ Shopify ให้ความช่วยเหลือในการปรับแต่งธีมฟรี

ธีมฟรีได้รับการพัฒนาโดย Shopify และ Shopify ให้ความช่วยเหลือในการปรับแต่งธีมฟรี

ขั้นตอน

ลองใช้ธีมแบบมีค่าใช้จ่ายจาก Shopify Theme Store

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

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

หากต้องการรับความช่วยเหลือสำหรับธีมแบบมีค่าใช้จ่าย โปรดติดต่อนักพัฒนาธีม

ขั้นตอน

1. ไปที่ Shopify Theme Store แล้วเลือกธีมแบบมีค่าใช้จ่าย
2. คลิก ลองใช้ธีม เพื่อเพิ่มธีมไปยังร้านค้าออนไลน์ของคุณ
3. ในส่วนผู้ดูแล Shopify ของคุณ ให้คลิกที่ ร้านค้าออนไลน์ > ธีม
4. ในส่วนธีมแบบร่าง ให้คลิกปุ่ม เพื่อเปิดเมนูการดำเนินการที่อยู่ถัดจากธีมที่คุณต้องการดูตัวอย่าง
5. คลิก ดูตัวอย่าง

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

ซื้อธีมจาก Shopify Theme Store

เฉพาะผู้ใช้ที่มีสิทธิ์อนุญาตระดับร้านค้าดังต่อไปนี้ทั้งหมดเท่านั้นที่จะสามารถซื้อธีมจาก Shopify Theme Store ได้

• ธีม
• จัดการและติดตั้งแอปและช่องทาง
• อนุมัติค่าใช้จ่ายของแอป

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

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

ขั้นตอน

1. จากส่วนผู้ดูแล Shopify ของคุณ ให้ไปที่ ร้านค้าออนไลน์ > ธีม

2. คลิก เพิ่มธีม > ไปที่ Theme Store

3. ค้นหาธีมที่คุณต้องการซื้อ จากนั้นคลิก ลองใช้ธีม

4. ในส่วนธีมแบบร่าง ให้คลิกซื้อในธีมที่คุณต้องการซื้อเพื่อเริ่มต้นทำธุรกรรม

อัปโหลดไฟล์ธีมจากคอมพิวเตอร์

หากคุณมีธีมในไฟล์ ZIP บนคอมพิวเตอร์ คุณจะสามารถอัปโหลดธีมไปยังหน้าธีมของส่วนผู้ดูแล Shopify ได้

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

หลังจากที่คุณอัปโหลดไฟล์ ZIP แล้ว ธีมจะถูกเพิ่มไปยังหน้าธีมในส่วนผู้ดูแล Shopify ของคุณ

ขั้นตอน

การสลับธีม

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

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

การเตรียมตัวสลับธีม

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

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

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

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

ไม่ใช่ทุกธีมที่รองรับฟีเจอร์ทั้งหมดของ Shopify คุณควรตรวจสอบรายการฟีเจอร์ของธีมเพื่อให้แน่ใจว่าธีมนั้นมีฟีเจอร์ที่คุณต้องการ

การดูตัวอย่างธีม

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

แถบตัวอย่างร้านค้าออนไลน์จะแสดงข้อมูลต่อไปนี้เกี่ยวกับธีมของคุณ

• ชื่อธีม
• สถานะของธีม ธีมที่เผยแพร่ของคุณจะมีสถานะ Live ส่วนธีมที่ยังไม่ได้เผยแพร่จะมีสถานะ แบบร่าง

คุณสามารถปรับแต่งตัวอย่างด้วยการดำเนินการต่อไปนี้

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

แชร์ตัวอย่างธีมกับผู้อื่น

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

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

ตัวอย่างธีมมีสองประเภทดังนี้

• ตัวอย่างสำหรับผู้เยี่ยมชม: ทุกคนที่มี URL จะสามารถเห็นตัวอย่างสำหรับผู้เยี่ยมชมได้โดยไม่ต้องยืนยันตัวตน ตัวอย่างเหล่านี้จะหมดอายุภายใน 2 วันหลังจากสร้าง URL และ URL ของตัวอย่างสำหรับผู้เยี่ยมชมจะใช้รูปแบบ https://<token>-<shop_id>.shopifypreview.com
• ตัวอย่างสำหรับผู้ขาย: ตัวอย่างสำหรับผู้ขายจำเป็นต้องมีการยืนยันตัวตนของผู้ดูแลและสามารถเข้าถึงการชำระเงินได้ ตัวอย่างประเภทนี้จะหมดอายุภายใน 30 วันหลังจากที่สร้าง URL โดย URL ของตัวอย่างสำหรับผู้ขายจะใช้รูปแบบโดเมนหลักของคุณพร้อมพารามิเตอร์โทเค็น

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

ขั้นตอน

การแก้ไขปัญหาตัวอย่างธีม

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

แถบตัวอย่างแสดงบนร้านค้าที่เปิดให้บริการจริงของคุณ

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

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

หากพารามิเตอร์ preview_theme_id รวมอยู่ใน URL ของร้านค้าออนไลน์ของคุณ ให้ติดต่อนักพัฒนาธีมของคุณเพื่อขอรับความช่วยเหลือและอธิบายปัญหาดังกล่าว

หากคุณคุ้นเคยกับการแก้ไขโค้ดธีม คุณก็สามารถค้นหา preview_theme_id ในไฟล์ธีมของคุณได้ จากนั้นจึงลบโค้ดที่เพิ่มพารามิเตอร์ดังกล่าวไปยัง URL ไฟล์ layout และไฟล์ที่มี Javascript (ลงท้ายด้วย .js) มักจะมีโค้ดประเภทนี้อยู่ โปรดแก้ไขโค้ดสำหรับธีมก็ต่อเมื่อคุณรู้จัก HTML และ CSS และมีความเข้าใจพื้นฐานเกี่ยวกับ Liquid ซึ่งเป็นภาษาเทมเพลตของ Shopify, JSON และ Javascript

มีรายงานปัญหานี้ในธีมที่ซื้อจากนอก Shopify Theme Store เช่น ธีม Lumia จาก ThemeForest

การดูตัวอย่างธีมแบบร่างเปลี่ยนเส้นทางไปยังธีมที่ใช้อยู่

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

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

เพื่อให้แน่ใจว่าแถบตัวอย่างทำงานอย่างถูกต้อง โปรดปิดการแคชบน Cloudflare สำหรับคำขอทั้งหมดของ Shopify

แถบตัวอย่างหายไป

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

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

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