Offer Ends In

d
h
m
s

Use coupon code “Hello2021” & get a 25% off on all our products! Offer ends soon..

How to customize woocommerce cart page with Elementor for free

customize woocommerce cart page for free

The WooCommerce Cart page is as much important as the checkout page. By default, there isn’t much option to customize the cart page. Also, you can not edit with the Elementor or Elementor Pro. With the free version of Woolementor however, you can customize all parts of the WooCommerce cart page in minutes. This Elementor addon comes with two cart widgets that are specially built for the WooCommerce cart page.

 

Steps to customize WooCommerce cart page With Woolementor

We have added a video made by WPTuts to make the process of creating the cart page easier.

Also, you should follow the steps below to customize the cart page using the free version of Woolementor in the simplest way:

 

 

Step 1: You need to assign a new page as the default WooCommerce cart page

To design a cart page with the Wolementor, first replace the default WooCommerce cart page by creating a new cart page.

Create a new cart page from your WordPress Dashboard and then navigate to:

WordPress Dashboard –> WooCommerce –> Settings –> Advanced tab

Assign your new cart page as the default WooCommerce cart page here. Click the cart page option and pick the newly created cart page from the drop-down.

 

Step 2: Activate Woolementor cart widgets

Now, activate the Cart Items and Cart Overview widgets from the Woolementor widgets tab on the WordPress dashboard.

Head over to the new cart page and edit it using Elementor. Search for the cart widgets from the ‘Search’ option under the ‘Elements’ tab.

At first, you need to search for the Cart Items widget. Then drag and drop the widget in a new section as shown in the screenshot below.

 

Search for cart items widget for new WooCommerce cart page
Search for cart items widget for new WooCommerce cart page

 

Now, search for the Cart Overview widget in the search bar. Then, drag and drop the widget in a section the same way as you did for the Cart Items.

 

Search for cart overview widget
Search for cart overview widget

 

Step 3: Edit and customize the content of the new cart page

Start editing the content of your Woolementor cart page that fits your site the most. On the Cart Items widget, you can turn on or off any specific columns.

Also, you can change the headings of the columns, set the appearance of the thumbnail on click.

 

Edit columns of cart items widget
Edit columns of cart items widget

 

In the buttons section, there is the option to activate/deactivate the buttons. You can also change the button texts here.

 

Edit buttons of cart items widget
Edit buttons of cart items widget

 

Step 4: Style your new WooCommerce cart page

After editing the contents of the cart page, it’s time to start styling the cart page to give it a unique design. Woolementor offers a lot of options to style the cart page. All you need to do is click the ‘Style’ tab of the cart widgets and start styling with the design you have been thinking about.

 

Style cart page
Style cart page

 

Step 5: Don’t forget to save the changes!

Now that you are done styling and customizing the new WooCommerce cart page, the final step is to save the changes.

 

Final Words

Creating and customizing the WooCommerce cart page is super easy if you can just spare a few minutes of your time and follow the steps I mentioned above.

So, don’t wait anymore and install the free version of Woolementor today!

Also, you can try a bunch of cool widgets that are available on Woolementor Pro starting at just $39.99!

Share on facebook
Facebook
Share on twitter
Twitter
Share on whatsapp
WhatsApp
Share on linkedin
LinkedIn

Related posts based on your interest

Leave a Reply

Your email address will not be published. Required fields are marked *