วิธีสร้างร้านค้าออนไลน์ที่ยอดเยี่ยมด้วย WooCommerce, Divi และ SiteGround (2023)

หากคุณสมัครใช้บริการจากลิงก์ในหน้านี้ Reeves and Sons Limited อาจได้รับค่าคอมมิชชั่น ดูของเรา คำสั่งจริยธรรม.

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

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

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

มีธีม WordPress หลายพันถึงล้านชุดให้เลือกเมื่อคุณมองหาโครงสร้างส่วนหน้าและส่วนหลังเพื่อเริ่มขายออนไลน์ เกือบจะเหมือนกันกับโฮสติ้ง (แต่เราชอบ SiteGround or Bluehost).

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

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

รับโดเมนและโฮสติ้งของคุณก่อน

💡ขั้นตอนแรกในกระบวนการสร้างเว็บไซต์ใด ๆ คือการคว้าบัญชีโฮสติ้งชื่อโดเมนและติดตั้ง WordPress บนเว็บไซต์ Divi ไม่แตกต่างกัน มีหลายวิธีในการรับโฮสติ้งและชื่อโดเมน แต่โดยส่วนตัวแล้วฉันคิดว่า SiteGround เป็นหนึ่งในตัวเลือกที่ปลอดภัยและเชื่อถือได้มากที่สุด (สำหรับรายละเอียดเพิ่มเติมโปรดดูข้อมูลที่ครอบคลุมของเรา SiteGround ทบทวน).

สิ่งที่เจ๋งจริงๆคือ SiteGround มีความเชี่ยวชาญ การจัดการ WooCommerce โฮสติ้ง แพ็คเกจบริการพร้อมทุกสิ่งที่คุณต้องการเพื่อเริ่มขายออนไลน์ ภายในแพ็คเกจคุณสามารถเลือกได้ทั้ง StartUp แพ็กเกจ สำหรับผู้เริ่มต้น แผน GrowBig สำหรับธุรกิจที่กำลังเติบโตหรือ GoGeek สำหรับการจัดตั้ง WooCommerce ร้านค้า

แต่ละข้อเสนอคุณสมบัติขั้นสูงสำหรับการเพิ่มประสิทธิภาพไฟล์ WooCommerce ไซต์ในราคาที่เหมาะสม

นั่นคือบริการโฮสติ้งอื่นที่เราขอแนะนำเป็นอย่างยิ่ง Divi WooCommerce ร้านค้าคือ BlueHost. แม้ว่าคุณสมบัติที่นี่จะไม่ตรงกับ SiteGroundคุณยังคงได้รับ WooCommerce- เน้นโฮสติ้งผ่านแพ็คเกจอีคอมเมิร์ซ WordPress แผนสามารถจัดการกับไฟล์ Divi WooCommerce จัดเก็บ แต่น่าเศร้าที่คุณจะไม่ได้รับบริการที่มีการจัดการ

???? ตอนนี้เพื่อความชัดเจนเรามาดำเนินการต่อ SiteGround...

คุณเริ่มต้นอย่างไร

ไปที่ SiteGround การจัดการ WooCommerce โฮสติ้ง หน้าเลือกแผนในอุดมคติแล้วคลิก รับแผน

ในความคิดของฉัน แผน GoGeek ดูเหมือนจะเป็นตัวเลือกที่เหมาะสมที่สุดเนื่องจากรองรับได้ไม่ จำกัด WooCommerce เว็บไซต์ที่มีความสามารถด้านอีคอมเมิร์ซขั้นสูง นอกเหนือจากการใช้พลังงานของเซิร์ฟเวอร์ที่มากขึ้นคุณจะได้รับการสนับสนุนลำดับความสำคัญ, การจัดเตรียม WordPress, การสำรองข้อมูลตามความต้องการ, และทรัพยากรที่ยอดเยี่ยมเช่นเดียวกับการถ่ายโอนเว็บไซต์ฟรีและ Cloudflare CDN ท่ามกลางคุณสมบัติที่แข็งแกร่งอื่น ๆ

???? และเท่าที่ทรัพยากรมีความกังวลแผนนี้รองรับ:

  • กล่องจดหมายขนาด 6GB
  • พื้นที่เก็บข้อมูล 1 GB
  • ที่จัดเก็บ SSD
  • การถ่ายโอนข้อมูลที่ไม่มีการตรวจสอบ
  • พื้นที่เก็บข้อมูล 30GB
  • มากถึง 100,000 ครั้งต่อเดือน

โปรดจำไว้ว่า บริการนี้เริ่มต้นที่ $ 11.95 ต่อเดือนและมันคล้ายกันมากกับวิธีที่คุณจะติดตั้งไซต์ WordPress ปกติในบัญชีโฮสติ้ง BlueHost

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

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

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

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

ส่วนการชำระเงินกำหนดให้คุณป้อนรายละเอียดบัตรเครดิต คุณสามารถดำเนินการต่อด้วย ค้นพบ MasterCard or วีซ่า

อย่างไรก็ตามและค่อนข้างน่าสนใจ SiteGround ไม่แสดงรายชื่อ PayPal แม้ว่าจะได้รับความนิยมเพิ่มขึ้นในหมู่ก็ตาม WooCommerce พ่อค้า. แต่โชคดีที่พวกเขาสามารถรับการชำระเงินผ่าน PayPal ได้แม้ว่าจะเป็นทางอ้อมก็ตาม

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

ส่วนสุดท้ายมีหลายตัวเลือกสำหรับบริการโฮสติ้งของคุณรวมถึงตำแหน่งศูนย์ข้อมูลที่คุณต้องการรวมถึงระยะเวลาการสมัคร

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

จากนั้นเลือกบริการเสริมพิเศษที่คุณต้องการรวมไว้ในแพ็คเกจของคุณและ voila! นั่นคือทั้งหมดที่ต้องใช้ในการตั้งค่าไฟล์ Siteground บัญชี

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

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

การสร้างร้านค้าออนไลน์ของคุณด้วย Divi

คืออะไร Divi?

ตกลงถ้าคุณยังไม่ได้ลองฉันเดิมพันคุณเคยได้ยินเกี่ยวกับมันแล้ว Divi ไม่ธรรมดา WooCommerce ธีม ตามความเป็นจริงแล้วหนึ่งในธีม WordPress ที่ได้รับความนิยมมากที่สุดใน Elegant Themes และที่น่าสนใจคือ Divi is ธีมที่สง่างามผลิตภัณฑ์เรือธงของ

แล้วธีมนี้มีอะไรพิเศษ? และมีอะไรที่โดดเด่นเกี่ยวกับ Divi's WooCommerce?

ไม่เหมือนธีม WordPress ทั่วไป Divi เป็นแพ็คที่ครอบคลุมมากกว่า นั่นหมายความว่าจะรวมคุณสมบัติของธีมมาตรฐานเข้ากับฟังก์ชันพิเศษที่มีประโยชน์สำหรับ Divi WooCommerce ร้านค้า

คืออะไร divi

อย่าเข้าใจฉันผิด แม้ว่า Divi's WooCommerce การสนับสนุนเป็นจุดสนใจหลักที่นี่ชุดรูปแบบสามารถทำได้มากกว่านั้น ในสาระสำคัญ, Divi สามารถรวมเข้ากับไซต์ทุกประเภทได้อย่างราบรื่นด้วยรูปแบบเว็บไซต์ที่หลากหลาย ไม่ใช่แค่อีคอมเมิร์ซ

จากนั้นไปด้านบนมันออก Divi มาพร้อมกับตัวสร้างเพจ WordPress ที่ใช้งานง่าย plugin. คุณสามารถใช้มันเพื่อปรับแต่ง .ของคุณได้อย่างอิสระ Divi WooCommerce จัดเก็บโดยไม่ต้องเข้ารหัสใด ๆ เลย

ในความเป็นจริง Divi ได้รับการพัฒนาสำหรับผู้เริ่มต้น ดังนั้นคุณสามารถคาดหวังว่าจะพบแผงควบคุมที่เรียบร้อยและแทบจะไม่มีช่วงการเรียนรู้ ใช้เวลาเพียงไม่กี่นาทีในการจัดการทั้งหมด Divi ระบบนิเวศตั้งค่าและปรับแต่ง Divi's WooCommerce เค้าโครง

???? ในท้ายที่สุดคุณจะสามารถใช้ประโยชน์จาก Divi's:

  • อาร์เรย์ของเลย์เอาต์ที่ปรับแต่งได้สำหรับเว็บไซต์ WordPress ทุกประเภทรวมถึง WooCommerce ร้านค้าออนไลน์
  • Page Builder ที่ใช้งานง่ายซึ่งมีโฮสต์ขององค์ประกอบเว็บไซต์และความสามารถในการออกแบบ
  • กระบวนการปรับแต่งที่ยืดหยุ่นโดยไม่มีการเข้ารหัสรูปแบบใด ๆ แม้แต่มือใหม่ก็สามารถตั้งค่าและปรับแต่งการใช้งานได้อย่างสะดวกสบาย Divi WooCommerce ร้านค้า
  • การรวม WordPress ที่ตรงไปตรงมา Divi เป็นหนึ่งในธีม WordPress ภายนอกไม่กี่ธีมที่สามารถติดตั้งได้อย่างราบรื่นโดยไม่ต้องปรับแต่งใด ๆ ที่ซับซ้อน
  • ปรับให้เหมาะสมกับอีคอมเมิร์ซ WooCommerce แม่แบบ

Divi ลากแล้วปล่อยตัวสร้างหน้า

อย่างที่เราเคยพูดไป Divi มีสองรสชาติที่แตกต่างกัน เมื่อคุณชำระค่าสมาชิกเมื่อวันที่ ธีมที่สง่างาม คุณจะพบกับมาตรฐาน Divi ธีมบนแดชบอร์ดพร้อมด้วยไฟล์ Divi ตัวสร้างเพจ WordPress plugin.

แต่เป็นที่น่าสังเกตว่าตัวสร้างนี้ไม่ได้เชื่อมโยงกับไฟล์ Divi ธีม. มันมาเป็นส่วนเสริม plugin ให้กับทุกธีมเดียวที่ได้มาจากธีมที่หรูหรา

ที่กล่าวว่า Divi WordPress Page Builder เป็นเครื่องมือแก้ไขแบบลากแล้ววางที่มีความสามารถในการปรับแต่งขั้นสูง ช่วยให้คุณสามารถย้ายและกำหนดองค์ประกอบคอลัมน์แถวและโมดูลได้โดยไม่ต้องมีประสบการณ์ในการเขียนโค้ด กล่าวอีกนัยหนึ่งก็คือประเภทของเครื่องมือสร้างก Divi WooCommerce มือใหม่ก็หวังว่าจะได้

divi การตั้งค่า

แต่อย่าพลาด แม้ว่า Divi Page Builder กำหนดเป้าหมายผู้เริ่มต้นเป็นตัวแก้ไขที่อำนวยความสะดวกให้กับนักพัฒนาที่มีประสบการณ์ พวกเขาสามารถรวมคุณลักษณะด้านภาพเข้ากับการควบคุม CSS อย่างเป็นระบบเพื่อผลักดัน Divi WooCommerce เว็บไซต์ไปอีกระดับ

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

และคุณรู้อะไรไหม

Divi แม้จะพยายามทำให้กระบวนการทั้งหมดง่ายขึ้นโดยการทำฉลากและการกำหนดสีของโมดูลเลย์เอาต์

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

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

ออกแบบไว้ล่วงหน้า Divi WooCommerce รูปแบบเว็บไซต์

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

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

divi รูปแบบเว็บไซต์

ตอนนี้เพื่อค้นหาตัวเองที่สมบูรณ์แบบสำหรับคุณ WooCommerce ร้านค้าออนไลน์เพียงแค่เลื่อนดูหมวดหมู่ไซต์ต่างๆบนไฟล์ Divi ธีม หรือใช้คำหลักเพื่อค้นหาตัวเลือกทั้งหมดพร้อมกัน

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

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

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

Is Divi เหมาะสำหรับ WooCommerce?

ทุกสิ่งพิจารณา, Divi ได้รับความนิยมมากขึ้นเรื่อย ๆ เนื่องจากโดยพื้นฐานแล้วเป็นโซลูชันธีม WordPress แบบ all-in-one

รวมกัน Divi Page Builder และ Divi กระทู้ เสนอทุกอย่างที่คุณต้องการในการตั้งค่าไซต์ WordPress ประเภทใดก็ได้ และนั่นรวมถึงฟังก์ชั่นการใช้งานที่ครบครัน WooCommerce จัดเก็บด้วยความสามารถหลักของอีคอมเมิร์ซ

???? โดยสังเขป, Divi เป็นตัวเลือกที่ควรค่าแก่การพิจารณาสำหรับไฟล์ WooCommerce ไซต์เนื่องจาก:

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

ขั้นตอนที่ 1: ลงทะเบียนด้วยธีมสุดหรูเพื่อเข้าถึง Divi

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

Divi ธีม WordPress

ขั้นตอนที่ 2: ติดตั้ง Divi บนไซต์ WordPress ของคุณ

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

Wordpress ชุดรูปแบบใหม่

ขั้นตอนที่ 3: คลิกที่ปุ่มเพิ่มใหม่

Wordpress เพิ่มชุดรูปแบบใหม่

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

อัปโหลดชุดรูปแบบ Wordpress

ขั้นตอนที่ 4: ตั้งค่าไฟล์ WooCommerce ร้านค้า

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

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

ขั้นตอนที่ 5: เพิ่มผลิตภัณฑ์แรกของคุณไปที่ WooCommerce

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

WooCommerce เพิ่มผลิตภัณฑ์ใหม่

ขั้นตอนที่ 6

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

อีคอมเมิร์ซเพิ่มเขตข้อมูลผลิตภัณฑ์ใหม่

ขั้นตอนที่ 7: สำรวจไฟล์ WooCommerce คุณสมบัติ

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

WooCommerce คุณสมบัติ

ขั้นตอนที่ 8: สร้างโฮมเพจ

ประเด็นทั้งหมดนี้คือการ สร้างโฮมเพจ หรือหน้าปกติที่แสดงผลิตภัณฑ์ทั้งหมดของคุณเมื่อมีผู้เข้าชมไซต์ของคุณ ดังนั้นคุณควรไปที่ Pages> Add New ทางด้านซ้ายมือของแดชบอร์ด WordPress ของคุณ

Wordpress หน้าใหม่

ขั้นตอนที่ 9: เพิ่มชื่อเรื่องสำหรับคุณ Divi หน้า

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

WordPress สร้างหน้า

ขั้นตอนที่ 10

คลิกปุ่มส่วนหัวแบบเต็มความกว้าง

เพิ่มส่วนหัว

ขั้นตอนที่ 11

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

การปรับแต่งส่วนหัว

ขั้นตอนที่ 12

แตะที่แถบสามแถบทางด้านซ้ายของโมดูลส่วนหัวแบบเต็มความกว้างเพื่อเปลี่ยนการตั้งค่าเพิ่มเติม

WordPress woocommerce การติดตั้ง

ขั้นตอนที่ 13

ที่นี่คุณสามารถให้สีพื้นหลังที่สวยงามและรวมถึงวิดีโอสำหรับ บริษัท ของคุณ

บิดปุ่มเหล่านี้ไปรอบ ๆ

ขั้นตอนที่ 14

เมื่อส่วนหัวเสร็จสมบูรณ์เราสามารถรวมโมดูลอีคอมเมิร์ซโดยคลิกที่ส่วนแทรกคอลัมน์

การตั้งค่าอีคอมเมิร์ซ Wordpress

ขั้นตอนที่ 15

เลือกจำนวนคอลัมน์ที่คุณต้องการจากนั้นคลิกที่ตัวเลือกแทรกโมดูลที่ปรากฏขึ้น เลือกปุ่มช็อปใกล้ด้านล่าง

การตั้งค่าอีคอมเมิร์ซ Wordpress

ขั้นตอนที่ 16

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

การตั้งค่าอีคอมเมิร์ซ Wordpress

ขั้นตอนที่ 17: ดูตัวอย่างและเผยแพร่

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

หากคุณมีคำถามใด ๆ เกี่ยวกับการตั้งค่า Divi ธีม WordPressโปรดแจ้งให้เราทราบในส่วนความเห็นด้านล่าง

สรุป

และนั่นคือทั้งหมดที่จะได้รับของคุณ Divi WooCommerce ร้านค้าออนไลน์เปิดใช้งานโดยใช้ไฟล์ SiteGround บัญชีโฮสติ้ง

ก้าวต่อไปคุณสามารถมั่นใจได้ว่า SiteGround จะจัดการกับข้อมูลทางเทคนิคที่สำคัญทั้งหมดเช่นการอัปเดต WordPress และ WooCommerce ความปลอดภัย. นั่นคือความแตกต่างพื้นฐานระหว่างการจัดการ WooCommerce โฮสติ้งและโซลูชันโฮสติ้งที่ใช้ร่วมกันทั่วไป ดังนั้นจึงช่วยให้คุณมีเวลาและพื้นที่ที่จำเป็นมากในการมุ่งเน้นไปที่ WooCommerce การจัดการร้านค้า.

และอย่างที่เราเคยเห็นมาแล้วนั่นน่าจะเป็นเรื่องง่ายกับไฟล์ Divi ธีม คุณสามารถเข้าถึงไฟล์ Divi WooCommerce เลย์เอาต์จากแบ็กเอนด์ WordPress ของคุณเพื่อปรับแต่งเพิ่มเติม ถ้าคุณ wishคุณยังสามารถเปลี่ยนการออกแบบทั้งหมดได้ด้วยการเปลี่ยนไปใช้เลย์เอาต์อื่นที่สามารถรองรับ a WooCommerce จัดเก็บเช่นกัน. ทางเลือกเป็นของคุณ

หากคุณมีคำถามใด ๆ เกี่ยวกับการตั้งค่า Divi ธีม WordPress โปรดแจ้งให้เราทราบในส่วนความคิดเห็นด้านล่าง

ความคิดเห็น 25 คำตอบ

  1. เอริค พูดว่า:

    “Fantastic” ควรถูกละทิ้งจากชื่อเรื่อง

  2. ฮวนโจ เอร์นานเดซ พูดว่า:

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

  3. วิคกี้ พูดว่า:

    สวัสดี ขอบคุณสำหรับบทความนี้...
    ฉันกำลังมองหาที่จะตั้งค่าร้านค้าออนไลน์ใหม่แม้ว่า… แต่อะไรคือความแตกต่างระหว่างการทำเช่นนี้ (ด้านบน: Bluehost+Wordpress+wooCommerce) กับ เฉยๆ Shopify?

    ขอบคุณที่คุณช่วย!

    1. บ็อกดานแรนเซีย พูดว่า:

      สวัสดี Vicky ตรวจสอบลิงค์นี้สำหรับข้อมูลเพิ่มเติม: https://ecommerce-platforms.com/compare/shopify-vs-woocommerce

      ไชโย!
      -
      Bogdan – บรรณาธิการที่ ecommerce-platforms.com

  4. jes พูดว่า:

    ขอบคุณสำหรับโพสต์ที่มีรายละเอียดนี้ :) คุณรู้หรือไม่ว่าฉันกำหนดขนาดภาพ/ภาพขนาดย่อคงที่สำหรับผลิตภัณฑ์ที่แสดงได้อย่างไร ฉันได้ลองเปลี่ยนภายใต้การตั้งค่า wocommerce และสร้างภาพขนาดย่อใหม่แล้ว แต่ไม่ได้ผล

  5. ชาวกะเหรี่ยง พูดว่า:

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

    1. บ็อกดานแรนเซีย พูดว่า:

      สวัสดีชาวกะเหรี่ยง

      เป็นไปได้อย่างแน่นอน คุณอาจต้องติดต่อนักพัฒนาซอฟต์แวร์และดูวิธีการติดตั้ง Viabil บนเว็บไซต์ของคุณ

      ที่ดีที่สุดของโชค,
      -
      Bogdan – บรรณาธิการที่ ecommerce-platforms.com

  6. มิลา สโตนส์ พูดว่า:

    เป็นไปได้ไหมที่จะสร้าง vendหรือตลาดนัดด้วย divi & แอ่วการค้า?

    1. บ็อกดานแรนเซีย พูดว่า:

      สวัสดีมิลา

      ไม่ได้ แต่คุณสามารถทำได้โดยใช้ ธีม Marketify (ธีมที่รองรับการทำงานของตลาดด้วยเทมเพลตที่กำหนดเอง สไตล์ ฯลฯ...) ดูบทช่วยสอนของเราที่นี่: วิธีสร้างตลาดผลิตภัณฑ์จริงด้วย WordPress และ Marketify

      ที่ดีที่สุดของโชค,

      Bogdan – บรรณาธิการที่ ecommerce-platforms.com

  7. แม็กด้า เมตวอลลี่ พูดว่า:

    สวัสดี
    ฉันกำลังทำงานในฟีเจอร์ร้านค้าและมีปัญหาสองประการ
    1. ฉันกำลังพยายามแสดงผลิตภัณฑ์ทั้งหมดและต้องเลือกหมวดหมู่เสมอใช่หรือไม่ ฉันต้องสร้างหมวดหมู่ของ ALL หรือมีวิธีอื่นอีกไหม

    2. ฉันสังเกตเห็นว่าด้วยการแสดงผลเพื่อซื้อสินค้า มันแสดงสินค้าทั้งหมดในหน้าเดียว (30 รายการ) แทนที่จะกระจายไปตามหน้าและอนุญาตให้ผู้ใช้ย้ายไปที่หน้า 2, หน้า 3 ฯลฯ? มีวิธีเปลี่ยนให้หน้าเริ่มต้นเป็น 12 รายการแล้วที่เหลือไปหน้าถัดไปหรือไม่

    1. บ็อกดานแรนเซีย พูดว่า:

      สวัสดีแม็กด้า

      คุณควรลอง WpCurve สำหรับการปรับแต่งที่เกี่ยวข้องกับ WordPress ขนาดเล็ก

      ขอให้โชคดี

      ไชโย!

      Bogdan – บรรณาธิการที่ ecommerce-platforms.com

  8. เอมิลี่ พูดว่า:

    สวัสดี ฉันสงสัยว่าจะเพิ่มสินค้าที่เกี่ยวข้องในแต่ละหน้าสินค้าด้วยได้อย่างไร Woocommerce และ Divi. ขอบคุณล่วงหน้า!

  9. อาดิล ลูนัท พูดว่า:

    Hi

    ฉันต้องการคำแนะนำเนื่องจากเป็นครั้งแรกที่ใช้ Divi และ Woocommerce ร่วมกัน

    ความต้องการของฉัน
    ฉันต้องการทราบว่าตัวเลือกหรือแนวทางใดในการลงทะเบียนลูกค้าสำหรับเว็บไซต์ เพื่อใช้สำหรับการสื่อสารทางการตลาดและเพื่อซื้อสินค้าออนไลน์
    – ลูกค้าควรสามารถลงทะเบียนได้แม้ว่าจะไม่ได้ซื้ออะไรเลยก็ตาม
    – ฉันจะบรรลุความยืดหยุ่นสูงสุดในการรับรายละเอียดเหล่านี้ได้อย่างไร เช่น ส่งออกข้อมูลเหล่านี้และมีบันทึกสเปรดชีตสำหรับติดตามและจัดการ เช่น การส่งจดหมายจำนวนมากหรือ SMS เป็นต้น เนื่องจากอาจมีบางครั้งที่ฉันจำเป็นต้องสำรองข้อมูลในformatในกรณีใดกรณีหนึ่ง และจำเป็นต้องใช้ฐานข้อมูลเดียวกัน (MySQL) สำหรับผู้ใช้เฉพาะในส่วนอื่นของไซต์ หรือพูดภายในร้านเช่นเดียวกับร้านขายยา และเราอาจตั้งค่าประวัติผู้ป่วยด้วยความดันโลหิต การอ่านระดับน้ำตาล และอื่น ๆ อีกมากมาย เช่น จากนั้นอาจเพิ่มหน้าแบบกำหนดเองที่มีโปรไฟล์ของพวกเขาอยู่formatจะใช้ไอออน
    ข้อมูลยังจำเป็นในการนำเข้า/เพิ่มลูกค้าในโปรแกรมร้านขายยาในพื้นที่ของเราในร้านค้าจริงของเราเพื่อประมวลผลยาตามใบสั่งแพทย์ ที่อยู่สำหรับจัดส่ง และที่สำคัญที่สุดคือความช่วยเหลือทางการแพทย์ในformatเนื่องจากนี่ไม่ใช่ฟิลด์แบบฟอร์มมาตรฐานหรือรายการโครงสร้าง ฯลฯ เพื่อให้เป็นไปตามการวาง ดังนั้นจึงหมายถึงการส่งออกไฟล์ csv/อื่นๆ จากฐานข้อมูลสมาชิกออนไลน์เพื่อนำเข้าสู่ฐานข้อมูล SQL บนเซิร์ฟเวอร์ในร้านค้าของเรา
    – ตามหลักการแล้ว ฉันต้องสามารถย้ายข้อมูลไปรอบๆ อย่างสะดวกหรือราบรื่นมากขึ้น ดังนั้นฉันจึงต้องตอบสนองสิ่งนี้อย่างเหมาะสมบนเว็บไซต์ก่อนที่จะใช้การลงทะเบียนหรือแบบฟอร์มใดๆ สำหรับการลงทะเบียน ฉันสามารถตั้งค่าฐานข้อมูลแยกต่างหากสำหรับผู้ใช้ที่จะเป็นฐานข้อมูลอิสระของตัวเองที่ไม่ได้อยู่ใน WordPress/Divi/Woocommerce ตารางหรือฐานข้อมูลที่สร้างขึ้นโดยค่าเริ่มต้น ?
    – อีกองค์ประกอบหนึ่งคือความปลอดภัยสำหรับการชำระเงินออนไลน์ มีการบังคับใช้ผ่านธีมเองหรือ woocommerce หรือ backend ของ wordpress หรืออาจจะทั้ง 3 ?
    ขอขอบคุณและหวังว่าจะได้รับการติดต่อจากคุณเร็วๆ นี้

  10. จูลี่ พูดว่า:

    ข้อแนะนำในการใช้ Divi ตารางราคาและ WooCommerce. แทนที่จะเป็นร้านค้า มันเป็นแพ็คเกจให้คำปรึกษาที่นำเสนอข้อเสนอที่ลูกค้าซื้อ?

  11. kitเอกสด พูดว่า:

    ฉันกำลังพยายามเพิ่มรหัสย่อนี้ในโมดูลรหัส [product_categories parent=”0?] เพื่อแสดงหมวดหมู่ผลิตภัณฑ์ แต่มันไม่แสดงอะไรเลยในการตรวจสอบ มีเพียง div เปล่าที่แสดงด้วย class=”woocommerce คอลัมน์ -4″ ดังนั้นโปรดช่วยฉันเกี่ยวกับเรื่องนี้หากมีคนรู้ว่าปัญหาคืออะไร

  12. แบรนดอน พูดว่า:

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

  13. ไดแอน กิ๊บส์ พูดว่า:

    ตกลง สิ่งนี้ช่วยได้ทั้งหมด แต่โมดูลร้านค้ายังมีแถบด้านข้างอยู่ ไม่มีรหัสย่อในโมดูลนั้น?

  14. คริสตี้ พูดว่า:

    ฉันได้เลือกที่จะแสดง 'รายการแนะนำ' ของฉัน.. แต่ไม่มีสิ่งใดแสดง ฉันจะเลือกผลิตภัณฑ์ที่เป็น 'จุดเด่น' ได้อย่างไร

  15. เครก พูดว่า:

    จะทำอย่างไรถ้าคุณต้องการแสดงร้านค้าของคุณตามหมวดหมู่
    พื้นที่ Divi โมดูลไม่ได้ให้ตัวเลือกนั้น มีเพียงฟีเจอร์เด่น ขายดีที่สุด และอื่นๆ...
    ????

    1. Sebas พูดว่า:

      คุณสามารถแทรกโมดูลข้อความและใช้รหัสย่อที่ WC จัดเตรียมให้

      [product_categories parent=”0″]

      1. สวัสดี Craig คุณสามารถแสดงหมวดหมู่ผลิตภัณฑ์โดยใช้ Divi โมดูลร้านค้า ในการตั้งค่าทั่วไปของโมดูลภายใต้ดรอปดาวน์ตัวเลือกประเภท ให้เลือกประเภทผลิตภัณฑ์ ตอนนี้คุณควรมีบางรายการสำหรับแต่ละหมวดหมู่ผลิตภัณฑ์ที่คุณสร้างใน woo-commerce ของคุณแล้ว คุณจะเห็นตัวเลือกรวมหมวดหมู่ ดำเนินการต่อเพื่อเลือกหมวดหมู่ที่คุณต้องการแสดง ฉันหวังว่านี่จะช่วยคุณได้ โปรดจำไว้ว่ามีสินค้าในแต่ละหมวดหมู่ของผลิตภัณฑ์ของคุณก่อนที่คุณจะเปิดใช้งานตัวเลือกนี้

        1. ความเชื่อ พูดว่า:

          ขอบคุณสำหรับรายละเอียด 'luashoro' ฉันมีสองหมวดหมู่ที่มีสินค้าอยู่ในทั้งสองหมวด และ 'หมวดสินค้า' ยังไม่แสดงให้ฉันเห็น เบาะแสใด ๆ โปรด?

        2. Kari พูดว่า:

          ที่จริงคุณไม่สามารถ

  16. บาร์บาร่า พูดว่า:

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

    1. เจซีบีวอเตอร์ พูดว่า:

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

      อย่างไรก็ตาม นี่เป็นวิธีง่ายๆ ในการทำเพจที่คุณสามารถทำได้

      เปิด wp admin , > แดชบอร์ด > หน้าทั้งหมด >

      ใช้สิ่งต่อไปนี้เพื่อแก้ไข (ดูที่หน้า woocommerce เพิ่มรถเข็น ie โดยอัตโนมัติ ฯลฯ)

      ตัวอย่าง: eidt และสร้างหน้าตะกร้าสินค้าแบบกำหนดเอง

      สิ่งสำคัญที่ต้องทำบิตนี้เพื่อทำให้สิ่งต่าง ๆ ง่ายขึ้นก่อนที่คุณจะใช้ ET page page builder ทั้งหมดที่คุณเห็นคือ woocommerce รหัสสั้น

      หน้ารถเข็น = [woocommerce_รถเข็น]

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

      ขั้นตอนที่ 1

      เอาออก divi ส่วนหัว ไปที่แอตทริบิวต์ของหน้า เปลี่ยนจากค่าเริ่มต้นเป็นว่างเปล่า คลิกอัปเดตเพื่อบันทึกหน้า ดูตัวอย่าง divi ส่วนหัวหายไป🙂

      ขั้นตอนที่ 2

      ฉันต้องการใช้ ET page builder สำหรับการออกแบบใหม่ที่สวยงาม ( ได้โปรด)

      ก่อนลบ (ตัดบันทึกพร้อมวาง) woocommerce รหัสสั้น [woocommerce_cart] ตอนนี้คุณมีหน้าว่างแล้ว อัปเดตการเปลี่ยนแปลงอีกครั้ง

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

      step3

      ล้างและทำซ้ำสำหรับหน้าอื่น ๆ 🙂

      อย่าลืมว่าคุณสามารถเปิด/ปิดแถบด้านข้างหรือแก้ไขวิดเจ็ตได้

      วันที่มีความสุขและการออกแบบที่สวยงามไม่รู้จบ yipee!

      woocommerce รหัสย่อ > http://docs.woothemes.com/document/woocommerce-shortcodes/

      วางลงบนแผ่นจดบันทึก/เอกสารข้อความพร้อมตัดและวาง

      จอห์น

เขียนความเห็น

ที่อยู่อีเมลของคุณจะไม่ถูกเผยแพร่ ช่องที่ต้องการถูกทำเครื่องหมาย *

อันดับ *

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