WooCommerce Elementor Widgets: สร้างเว็บไซต์ Creative Commerce ด้วย PowerPack

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

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

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

วิดเจ็ต Elementor WooCommerce

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

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

มาดูวิดเจ็ต WooCommerce ทั้งหมดกัน :

1. วิดเจ็ตผลิตภัณฑ์ Elementor WooCommerce

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

ตรวจสอบหน้า Landing Page ของผลิตภัณฑ์ PowerPack WooCommerce เพื่อรับแนวคิดเกี่ยวกับรูปลักษณ์ของหน้าผลิตภัณฑ์ของคุณด้วย Woo Products Grid

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

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

คุณสมบัติของวิดเจ็ต Product Grid:

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

ตรวจสอบหน้า Landing Page ของวิดเจ็ต Woo Product Grid

2. วิดเจ็ตหมวดหมู่ Elementor WooCommmerce

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

ด้วยวิดเจ็ตหมวดหมู่ PowerPack Woo คุณสามารถแสดงหมวดหมู่ผลิตภัณฑ์ของคุณในรูปแบบที่มีสไตล์: Grid, Carousel & Tiles คุณสามารถเลือกรูปแบบหมวดหมู่ใดก็ได้และสร้างการแสดงผลิตภัณฑ์ที่สวยงามบนเว็บไซต์ของคุณ

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

คุณสมบัติของวิดเจ็ตหมวดหมู่ Woo:

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

ตรวจสอบหน้า Landing Page ของวิดเจ็ตหมวดหมู่ Woo

3. Elementor WooCommerce วิดเจ็ตบัญชีของฉัน

วิดเจ็ตบัญชีของฉันเป็นครั้งแรกสำหรับ Elementor & WooCommerce

เมื่อใช้วิดเจ็ต PowerPack Woo นี้ คุณสามารถจัดรูปแบบหน้าบัญชีของฉันของไซต์อีคอมเมิร์ซที่สร้างด้วย WooCommerce ได้อย่างง่ายดาย

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

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

คุณสมบัติของ WooCommerce วิดเจ็ตบัญชีของฉัน :

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

4. วิดเจ็ตชำระเงิน Elementor WooCommerce

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

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

คุณสมบัติของวิดเจ็ต Woo Checkout:

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

ดูหน้า Landing Page ของวิดเจ็ต WooCommerce Checkout

5. วิดเจ็ตรถเข็น Elementor WooCommerce

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

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

คุณสมบัติของวิดเจ็ต Woo Cart:

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

ดูตัวอย่างวิดเจ็ต WooCommerce Cart

6. Elementor WooCommerce เพิ่มวิดเจ็ตรถเข็น

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

แต่ตอนนี้ ด้วยวิดเจ็ต WooCommerce Add to Cart สำหรับ Elementor คุณสามารถออกแบบปุ่มและวางได้ทุกที่ที่คุณต้องการบนเว็บไซต์

คุณลักษณะของวิดเจ็ต Add to Cart:

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

ตรวจสอบหน้า Landing Page ของวิดเจ็ต WooCommerce Add to Cart

7. WooCommerce ปิดรถเข็นผ้าใบ

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

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

หากคุณไม่คุ้นเคยกับ Class & ID คุณสามารถแสดงปุ่มหรือไอคอนเพื่อเปิดแผงรถเข็นแบบ off-canvas

นอกจากนี้ คุณยังสามารถเพิ่มแอนิเมชั่นเจ๋งๆ เพื่อสร้างพาเนลนอกแคนวาสสุดสร้างสรรค์บนไซต์ของคุณ

คุณสมบัติของ Woo Off Canvas Cart:

• ตัวเลือกทริกเกอร์ขั้นสูง: ปุ่ม, คลาสองค์ประกอบ & รหัสองค์ประกอบ
• ตัวเลือกการแสดงโฆษณาสำหรับปุ่ม
• การแสดงเนื้อหาและการวางตำแหน่ง
• ล่อลวงแอนิเมชั่นการเปลี่ยนภาพ
• ชื่อรถเข็นที่กำหนดเองและข้อความ
• ตัวเลือกการปิดรถเข็น: คลิกซ้อนทับ Esc เพื่อปิด ฯลฯ
• การปรับแต่งปุ่ม
• ตัวเลือกสไตล์ที่ไร้ขีดจำกัด

ตรวจสอบหน้า Landing Page สำหรับ WooCommerce Off Canvas Widget

8. วิดเจ็ตรถเข็นขนาดเล็ก Elementor WooCommerce

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

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

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

คุณสมบัติของ Woo Mini Cart Widget:

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

ดู หน้า Landing Page ของ WooCommerce Mini Cart Widget

รับวิดเจ็ต WooCommerce สำหรับ Elementor!

ตอนนี้คุณสามารถเริ่มใช้วิดเจ็ต WooCommerce Elementor Widgets บนเว็บไซต์ของคุณได้อย่างง่ายดายด้วยส่วนเสริม PowerPack Elementor

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

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

หากคุณไม่มี PowerPack คุณสามารถรับได้ทันที!

แจ้งให้เราทราบว่าคุณคิดอย่างไรกับวิดเจ็ตใหม่โดยแสดงความคิดเห็นด้านล่าง!

อ่านบทช่วยสอน WooCommerce เพิ่มเติม:

1. จะสร้างร้านค้า WooCommerce แบบกำหนดเองโดยใช้ Elementor ได้อย่างไร
2. วิธีปรับแต่งหน้าชำระเงิน WooCommerce ด้วย Elementor
3. จะสร้างวงล้อผลิตภัณฑ์ WooCommerce โดยใช้ Elementor ได้อย่างไร
4. วิธีปรับแต่ง WooCommerce หน้าบัญชีของฉันโดยใช้ Elementor