จุดเด่นของผลิตภัณฑ์ Divi: อีคอมเมิร์ซ Molti

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

มาเริ่มกันเลย!

การติดตั้งอีคอมเมิร์ซ Molti

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

จากหน้าเพิ่มธีม ให้คลิกปุ่มอัปโหลดธีมที่ด้านบน เลือก molti-ecommerce.zip จากไฟล์ของคุณ จากนั้นคลิกติดตั้งทันที

เมื่อติดตั้งแล้ว ให้เปิดใช้งานธีม

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

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

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

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

หน้าธีม Molti Ecommerce Divi

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

เค้าโครงหน้าแรกของอีคอมเมิร์ซ Molti

ธีมนี้มาพร้อมกับเค้าโครงหน้าแรกสองแบบ หนึ่งแบบสำหรับเว็บไซต์อีคอมเมิร์ซและอีกแบบหนึ่งสำหรับเว็บไซต์ธุรกิจ

หน้าแรกของร้านค้าอีคอมเมิร์ซ Molti

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

หน้าแรกของธุรกิจอีคอมเมิร์ซ Molti

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

เค้าโครงหน้าภายในของอีคอมเมิร์ซ Molti

ตอนนี้เรามาดูการออกแบบหน้าภายในบางส่วนที่มาพร้อมกับ Molti Ecommerce

หน้าเกี่ยวกับอีคอมเมิร์ซ Molti

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

หน้าติดต่ออีคอมเมิร์ซ Molti

หน้าติดต่อมีรูปแบบที่ค่อนข้างเรียบง่าย โดยจะมีที่อยู่ อีเมล และหมายเลขโทรศัพท์อยู่ด้านบน ตามด้วยแบบฟอร์มติดต่อ ด้านล่างมีส่วนคำถามที่พบบ่อย

หน้าอาชีพอีคอมเมิร์ซของ Molti

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

หน้าคำถามที่พบบ่อยเกี่ยวกับอีคอมเมิร์ซ Molti

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

หน้าราคาอีคอมเมิร์ซของ Molti

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

หน้าบริการอีคอมเมิร์ซของ Molti

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

หน้าบริการเดียวของอีคอมเมิร์ซ Molti

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

เค้าโครงร้านค้าอีคอมเมิร์ซ Molti

Molti Ecommerce สร้างขึ้นเพื่อบูรณาการกับ WooCommerce และ Divi โดยสมบูรณ์ มีหน้าร้านค้า WooCommerce ที่ออกแบบอย่างสมบูรณ์หลายหน้ารวมอยู่ในธีม มาดูกันดีกว่า

หน้าร้านค้าอีคอมเมิร์ซ Molti

นี่เพจร้านครับ. มีตัวกรองผลิตภัณฑ์ทางด้านซ้ายและผลิตภัณฑ์ทางด้านขวา เมื่อโฮเวอร์ ไอคอนค้นหาและไอคอนหัวใจจะปรากฏเหนือผลิตภัณฑ์

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

หน้าผลิตภัณฑ์เดียวของอีคอมเมิร์ซ Molti

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

หน้ารถเข็นอีคอมเมิร์ซ Molti

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

หน้าชำระเงินอีคอมเมิร์ซ Molti

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

หน้ารายการสินค้าที่ต้องการของอีคอมเมิร์ซ Molti

อีคอมเมิร์ซ Molti มาพร้อมกับการผสานรวมในตัวสำหรับคุณสมบัติสิ่งที่อยากได้ เมื่อคุณวางเมาส์เหนือสินค้าในหน้าร้านค้า คุณสามารถคลิกไอคอนหัวใจเพื่อเพิ่มสินค้าลงในสิ่งที่อยากได้

เมื่อมีการเพิ่มสินค้าลงในสิ่งที่อยากได้ ป๊อปอัปยืนยันจะปรากฏขึ้น

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

หน้าเข้าสู่ระบบอีคอมเมิร์ซ Molti

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

หน้าบัญชีของฉันของอีคอมเมิร์ซ Molti

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

เทมเพลตตัวสร้างธีม Divi ของ Molti Ecommerce Divi

ตอนนี้เรามาดูเทมเพลตตัวสร้างธีมบางส่วนที่มาพร้อมกับ Molti ซึ่งรวมถึงเค้าโครงส่วนหัวและส่วนท้าย หน้า 404 และหน้าบล็อก

หัวข้อ

Molti Ecommerce มาพร้อมกับตัวเลือกส่วนหัวที่แตกต่างกัน 10 แบบ เหมาะสำหรับการใช้งานที่แตกต่างกัน มีส่วนหัวมาตรฐานสี่รายการและส่วนหัวอีคอมเมิร์ซหกรายการ

ส่วนหัวมาตรฐาน

นี่คือส่วนหัวมาตรฐาน สองตัวเลือกแรกประกอบด้วยไอคอนโซเชียลมีเดียและข้อมูลการติดต่อที่ด้านบน สไตล์ 3 และ 4 มีแถบค้นหาในการนำทาง

ส่วนหัวอีคอมเมิร์ซ

ส่วนหัวอีคอมเมิร์ซมีไอคอนสำหรับสิ่งที่อยากได้ บัญชี และหน้าตะกร้าสินค้า สไตล์ 5-8 ยังมีแถบค้นหาขนาดใหญ่ในส่วนหัวอีกด้วย

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

ต่อไปนี้คือวิธีจัดสไตล์รายการแบบเลื่อนลง

เมนูแฮมเบอร์เกอร์ทางด้านขวาจะเปิดขึ้นเป็นเมนูป๊อปอัปที่มีไอคอนและปุ่ม

ส่วนท้าย

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

สไตล์ 7 และ 8 มีส่วนคำกระตุ้นการตัดสินใจพร้อมปุ่มสองปุ่มที่ด้านบนของส่วนท้าย ส่วนท้าย 9 และ 10 มีคุณลักษณะบางอย่างที่ด้านบนพร้อมไอคอนบางส่วน

404 หน้า

หน้า 404 มีเลย์เอาต์ที่เรียบง่ายพร้อมรูปภาพทางด้านซ้ายและข้อความและปุ่มทางด้านขวา

บล็อก

Molti Ecommerce มาพร้อมกับสองตัวเลือกที่แตกต่างกันสำหรับเค้าโครงหน้าบล็อก

หน้าบล็อกมาตรฐาน

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

หน้าบล็อกขั้นสูง

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

โพสต์หน้า

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

องค์ประกอบธีมย่อยของ Molti Ecommerce Divi

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

การออกแบบการ์ด

มีการออกแบบการ์ดที่แตกต่างกันแปดแบบรวมอยู่ในธีม สามารถใช้เพื่อแสดงบริการ ฟีเจอร์ สมาชิกในทีม คอลเลกชั่นร้านค้า และอื่นๆ อีกมากมาย

การออกแบบม้าหมุน

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

สลับเนื้อหา

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

การออกแบบแท็บ

การออกแบบแท็บมีเค้าโครงที่แตกต่างกันสามแบบ โดยการเลือกไอคอนหรือชื่อแท็บที่ด้านบน คุณสามารถสลับเนื้อหาที่ปรากฏด้านล่างได้

รถเข็นป๊อปอัพ

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

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

สถานที่ซื้ออีคอมเมิร์ซ Molti

Molti Ecommerce มีจำหน่ายใน Divi Marketplace มีค่าใช้จ่าย $25 สำหรับการใช้งานเว็บไซต์ไม่จำกัด และการสนับสนุนและการอัปเดต 1 ปี ราคานี้ยังรวมการรับประกันคืนเงินภายใน 30 วันด้วย

ความคิดสุดท้าย

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

เราชอบที่จะได้ยินจากคุณ! คุณได้ลองใช้ Molti Ecommerce แล้วหรือยัง? แจ้งให้เราทราบว่าคุณคิดอย่างไรเกี่ยวกับเรื่องนี้ในความคิดเห็น!