การรวม Shopify และ WordPress เป็นเรื่องง่ายด้วยเครื่องมือสร้างเค้าโครง ShopWP

เผยแพร่แล้ว: 2023-10-05

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

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

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

เครื่องมือสร้างเค้าโครง ShopWP คืออะไร

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

ราคา ShopWP Pro

ShopWP Pro เสนอแผนการสมัครสมาชิกสองแบบที่ออกแบบมาเพื่อตอบสนองความต้องการทางธุรกิจที่แตกต่างกัน – เดี่ยวและเอเจนซี่

แผน Solo ซึ่งมีราคาอยู่ที่ 199 เหรียญสหรัฐฯ ต่อปี เหมาะสำหรับบุคคลและบริษัทที่จัดการไซต์ WordPress จำนวนไม่มาก โดยให้สิทธิ์เข้าถึงฟีเจอร์หลักของ ShopWP Pro

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

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

ราคา ShopWP

วิธีเริ่มต้นใช้งาน ShopWP Shopify ตัวสร้างเค้าโครง

หากต้องการเริ่มต้นใช้งาน ShopWP Shopify Layout Builder คุณจะต้องมี ShopWP Pro 8.0 หรือสูงกว่าก่อน

เมื่อคุณซื้อเวอร์ชันโปรหนึ่งในสองเวอร์ชันแล้ว ให้ทำตามขั้นตอนเหล่านี้:

1. เชื่อมต่อ WordPress กับ Shopify

ในการเริ่มต้น คุณจะต้องติดตั้งปลั๊กอิน ShopWP บนไซต์ WordPress ของคุณ

เมื่อติดตั้งแล้ว คุณสามารถเชื่อมต่อ WordPress กับ Shopify ได้โดยไปที่ ShopWP → เชื่อมต่อ แล้วคลิกปุ่ม

บทช่วยสอนตัวสร้างเค้าโครง ShopWP

ระบุ URL ร้านค้า Shopify ของคุณเมื่อได้รับแจ้ง

บทช่วยสอนตัวสร้างเค้าโครง ShopWP

หากคุณยังไม่ได้ติดตั้ง คุณจะถูกขอให้ติดตั้งแอป ShopWP บนร้านค้า Shopify ของคุณ

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

บทช่วยสอนตัวสร้างเค้าโครง ShopWP

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

บทช่วยสอนตัวสร้างเค้าโครง ShopWP

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

2. ซิงค์ผลิตภัณฑ์ Shopify กับ WordPress

หลังจากเชื่อมต่อร้านค้าของคุณแล้ว ขั้นตอนต่อไปคือการซิงโครไนซ์สินค้า Shopify ของคุณกับ WordPress คุณมีตัวเลือกในการซิงค์ผลิตภัณฑ์ทั้งหมดของคุณหรือเลือกผลิตภัณฑ์ที่ต้องการเพิ่มลงใน WordPress

บทช่วยสอนตัวสร้างเค้าโครง ShopWP

ShopWP มีตัวเลือกการซิงค์สองตัวเลือก:

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

หากต้องการเข้าถึงตัวเลือกเหล่านี้ ให้ไปที่ ShopWP > ซิงค์

หากต้องการควบคุมการตั้งค่าการซิงค์ ให้ไปที่ ShopWP > การตั้งค่า > การซิงค์

ที่นี่ คุณสามารถเลือกผลิตภัณฑ์ที่จะซิงค์และจำนวนข้อมูลผลิตภัณฑ์ที่จะรวมไว้ได้ เมื่อการซิงค์เสร็จสมบูรณ์ คุณสามารถดูสินค้าที่ซิงค์ได้ที่ ShopWP > สินค้า

บทช่วยสอนตัวสร้างเค้าโครง ShopWP

หากต้องการใช้ ShopWP Layout Builder คุณต้องเชื่อมต่อร้านค้า Shopify ของคุณและซิงค์สินค้าอย่างน้อยหนึ่งรายการก่อนจึงจะสามารถใช้งานได้

แม้ว่าผลิตภัณฑ์เดียวจะเพียงพอ แต่การมีผลิตภัณฑ์หลายรายการสามารถทำให้กระบวนการง่ายขึ้นได้

3. สร้างเลย์เอาต์ด้วยเครื่องมือสร้างเลย์เอาต์

ไปที่เครื่องมือสร้างเลย์เอาต์เพื่อสร้างเลย์เอาต์ของผลิตภัณฑ์ที่ดึงดูดสายตาโดยไม่จำเป็นต้องสร้างรหัสย่อด้วยตนเอง

การตั้งค่าตัวสร้างเค้าโครง ShopWP

ประเภทโครงร่างสองประเภทที่สร้างไว้ล่วงหน้า ได้แก่ หน้ารายละเอียดผลิตภัณฑ์ (PDP) และหน้ารายการผลิตภัณฑ์ (PLP)

เครื่องมือสร้างเค้าโครง ShopWP

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

การตั้งค่าตัวสร้างเค้าโครง ShopWP

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

บทช่วยสอนตัวสร้างเค้าโครง ShopWP

การตั้งค่าบล็อกที่คุณระบุเป็นอินเทอร์เฟซสำหรับปรับแต่งการแสดงสินค้า Shopify บนเว็บไซต์ ต่อไปนี้เป็นสรุปคุณลักษณะการแก้ไขที่มีให้:

การกรอง:

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

การเรียงลำดับ:

  • จัดเรียงตาม: ช่วยให้คุณสามารถจัดเรียงสินค้าตามชื่อ ราคา หรือเกณฑ์อื่นๆ
  • Reverse Order: ให้คุณเลือกได้ว่าจะแสดงสินค้าตามลำดับจากน้อยไปหามากหรือจากมากไปหาน้อย

ตัวเลือกชื่อเรื่อง:

  • ขนาดแบบอักษรของชื่อผลิตภัณฑ์: ตั้งค่าขนาดตัวอักษรสำหรับชื่อผลิตภัณฑ์
  • Title Color: ระบุสีของชื่อสินค้า

ตัวเลือกคำอธิบาย:

  • ขนาดแบบอักษรของคำอธิบายผลิตภัณฑ์: ตั้งค่าขนาดแบบอักษรสำหรับคำอธิบายผลิตภัณฑ์
  • Description Color: ระบุสีของคำอธิบายสินค้า
  • ความสูงของบรรทัดคำอธิบาย: ตั้งค่าความสูงของบรรทัดสำหรับคำอธิบายผลิตภัณฑ์
  • จำกัดความยาวคำอธิบาย: อนุญาตให้คุณจำกัดจำนวนอักขระในคำอธิบายผลิตภัณฑ์

ตัวเลือกราคา:

  • แสดงช่วงราคา: กำหนดว่าจะแสดงช่วงราคาสำหรับผลิตภัณฑ์หรือไม่
  • แสดงการเปรียบเทียบราคา: แสดง 'เปรียบเทียบราคา' หากมี
  • แสดงราคาถัดจากปุ่มตัวเลือกสินค้า: แสดงราคาถัดจากปุ่มเลือกตัวเลือกสินค้า
  • ขนาดฟอนต์การกำหนดราคา: ตั้งค่าขนาดฟอนต์สำหรับการกำหนดราคา
  • สีราคา: ระบุสีของราคา

การอัปเดตล่าสุดของ ShopWP Layout Builder มีการเปลี่ยนแปลงดังต่อไปนี้:

  1. สีเมนู แบบเลื่อนลงที่ปรับแต่งได้ สำหรับตัวเลือกสินค้าและการเรียงลำดับผลิตภัณฑ์
  2. ลดขนาดบันเดิล JavaScript ลงมากกว่า 100kb ส่งผลให้ร้านค้าเร็วขึ้นและอาจเพิ่มยอดขายได้
  3. เพิ่มตัวเลือกในการ จัดเรียงสินค้าในบล็อกผลิตภัณฑ์ ShopWP ตามค่า “ค่าเริ่มต้นของคอลเลกชัน” ที่ใช้ใน Shopify

เมื่อคุณแก้ไขและสรุปเค้าโครงแล้ว ให้คัดลอกรหัสย่อที่มุมขวาบน

4. เผยแพร่ผลิตภัณฑ์บน WordPress

สร้างเพจหรือโพสต์ใหม่บน WordPress และวางรหัสย่อของเลย์เอาต์ที่คุณต้องการเผยแพร่

รหัสย่อเค้าโครง ShopWP

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

สรุป: ยกระดับการออกแบบเว็บไซต์ของคุณ

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

คำถามที่พบบ่อย

ShopWP Layout Builder เหมาะสำหรับผู้เริ่มต้นหรือไม่?

ใช่ ShopWP Layout Builder เหมาะอย่างยิ่งสำหรับผู้เริ่มต้น มีอินเทอร์เฟซแบบลากและวาง ทำให้สามารถใช้งานได้แม้กับผู้ที่ไม่มีประสบการณ์ WordPress การออกแบบที่ใช้งานง่ายช่วยให้ผู้เริ่มต้นสร้างเลย์เอาต์ที่ดึงดูดสายตาสำหรับร้านค้า Shopify ของตนโดยไม่ต้องเรียนรู้ที่สูงชัน

มีฝ่ายสนับสนุนลูกค้าในกรณีที่ฉันประสบปัญหาหรือไม่?

ใช่ ShopWP ให้การสนับสนุนลูกค้าเพื่อช่วยเหลือผู้ใช้ในทุกปัญหาที่อาจเกิดขึ้น พวกเขามีช่อง Slack ส่วนตัวสำหรับลูกค้า ShopWP Pro เท่านั้น และทีมงานออนไลน์ MF 9.00-16.00 น. CST เพื่อช่วยแก้ไขปัญหาต่างๆ ผู้ใช้ ShopWP ที่ไม่มีเวอร์ชัน Pro สามารถส่งอีเมลได้ที่ [email protected] เพื่อสอบถามข้อมูล

มีค่าใช้จ่ายที่เกี่ยวข้องกับการใช้ Shop WP Layout Builder หรือไม่

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