WooCommerce Widgets – HT Mega Addons for Elementor

WooCommerce Checkout Page Widget

Madhusudan — Sat, 02 Jul 2022 09:59:44 +0000

The WC: Pages widget is useful if you want to present your checkout page. A checkout page refers to any website pages shown to a customer during the step-by-step checkout process.

Steps of adding WooCommerce Checkout Page Widget

Go to WordPress Dashboard > HTMega Addons > Settings > Third Party. From the list of Third Party, turn ON the “WC: Pages” widget.

Step 1: How to Enable WC: Pages Widget?

Step 2: How to use the WC: Pages Widget?

To add the WC: Pages widget, search by “WC: Pages” and use the widget that has the “HT badge”

Drag and drop the HT Mega “WC: Pages” widget onto the Page Template.

Step 3: How to customize the WC: Pages Widget?

Element: You can select the checkout page from the dropdown page list.

How to customize the WC : Pages style

Label: You can change the style of label as you need
Input: You can change the style of input body as you need
Payment: You can change the style of payment as you need
Order Review: You can change the style of order review as you need

Style: You can customize the style of Checkout Page as you like

Usage Examples

Here are some live use cases for the WC : Pages widget. Follow this link to see more Demos

Click to view the Live Demo

WooCommerce Page Widget

Madhusudan — Sat, 02 Jul 2022 09:53:50 +0000

The WC : Pages widget is useful if you want to present your products on the Cart page. It lets you display your products on the Cart page beautifully with all the convenient customization options available.

Steps of adding WooCommerce Page Widget

Go to WordPress Dashboard > HTMega Addons > Settings > Third Party. From the list of Third Party, turn ON the “WC: Pages” widget.

Step 1: How to Enable WooCommerce Page Widget?

Step 2: How to use the WC: Pages Widget?

To add the WC: Pages widget, search by “WC: Pages” and use the widget that has the “HT badge”

Drag and drop the HT Mega “WC: Pages” widget onto the Page Template.

Step 3: How to customize the WC: Pages Widget?

Element: You can select the cart page from the dropdown page list.

How to customize the WC: Pages style

Table Heading: You can change the table heading color as you need
Table Body: You can change the style of the table body as you need
Coupon / Update Button: You can change the style of coupon/update button as you need
Checkout Button: You can change the style of the checkout button as you need
Quantity Input Box: You can change the style of the quantity input box as you need

Style: You can customize the style of Cart Page as you like

Usage Examples

Here are some live use cases for the WC: Pages widget. Follow this link to see more Demos

Click to view the Live Demo

WooCommerce Add to Cart Widget

Madhusudan — Sat, 02 Jul 2022 09:46:04 +0000

The Elementor WooCommerce Add to Cart widget includes an “Add to Cart” button allowing customers to easily add their desired product to the cart right away. It is a highly customizable and versatile widget for your WooCommerce site.

Steps of adding WC: Add To cart Widget

Go to WordPress Dashboard > HTMega Addons > Settings > Third Party. From the list of Third Party, turn ON the “WC: Add To Cart” widget.

Step 1: How to Enable WC: Add To Cart Widget?

Step 2: How to use the WC: Add To Cart Widget?

To add the WC: Add To cart widget, search by “WC: Add To Cart” and use the widget that has the “HT badge”

Drag and drop the HT Mega “WC: Add To Cart” widget onto the Page Template.

Step 3: How to customize the WC: Add To Cart Widget?

Product: You can set the product as you need
Show Quantity: You can show the quantity field as you need
Quantity: You can change the number of product quantity as you need

Product: You can set the product and number of product quantity as you need

Button: You can customize the button as you need

How to customize the WC: Add To cart style

Button: You can customize the style of button as you like

Usage Examples

Here are some live use cases for the WC: Add To cart widget. Follow this link to see more Demos

Click to view the Live Demo

WooCommerce Category Widget

Madhusudan — Sat, 02 Jul 2022 09:39:57 +0000

The HT Mega Elementor WooCommerce Categories Widget comes in handy to show your products category-wise. This widget will display all available categories with interactive images on any website.

Steps of adding WC: Categories Widget

Go to WordPress Dashboard > HTMega Addons > Settings > Third Party. From the list of Third Party, turn ON the “WC : Categories” widget.

Step 1: How to Enable WC : Categories Widget?

Step 2: How to use the WC: Categories Widget?

To add the WC : Categories widget, search by “WC: Categories” and use the widget that has the “HT badge”

Drag and drop the HT Mega “WC: Categories” widget onto the Page Template.

Step 3: How to customize the WC: Categories Widget?

Columns: You can change the columns as you need
Number of Category: You can change the number of category as you need

Categories: You can customize the Categories as you need

Options: You can customize the options as you need

How to customize the WC: Categories style

Category Area: You can customize the style of Category Area as you like

Title: You can customize the style of Title as you like

Image: You can customize the style of Image as you like

Usage Examples

Here are some live use cases for the WC: Categories widget. Follow this link to see more Demos

Click to view the Live Demo