BLACK FRIDAY: 50% OFF all Pro plans
Pro from $18 a year or $60 lifetime, no code needed
Ends Cyber Monday, 30 Nov. Lock in the price today
Get 50% Off
Pro widget

Woo Store Pages Widget for Elementor Pro

Cart, checkout and my account pages styled from Elementor.

Overview

What Woo Store Pages does

Woo Store Pages shows the WooCommerce cart, the checkout (with the order received page), the my account pages or an empty cart message as one widget. Style the boxes, tables, form fields, buttons and messages from Elementor. It is made for the Cart, Checkout, Thank you and My account templates of the WooCommerce Builder, and works on any page.

Demo

Live demo

A live demo needs a WooCommerce store with products.

Features

What it can do

  • One widget for the cart, the checkout, my account or an empty cart message.

  • The checkout choice also shows the order received page after an order is placed.

  • Two columns on wide screens: the cart totals or the order summary sit next to the form.

  • Box background, line color, radius, padding, shadow and space between columns.

  • Form field text, background, border and focus colors with a radius.

  • Button typography, colors for normal and hover, border, radius and padding.

  • Colors for the WooCommerce success, info and error messages.

  • An empty cart message with a title, text and a button to the shop.

Use cases

When to use it

Cart template

Add the widget to a Cart template in the Theme Builder and pick Cart, with your own header and trust badges around it.

Empty cart

Make an Empty cart template with the empty cart message and a Woo Product Carousel of best sellers.

Checkout layout

Show the checkout form and the order summary side by side, in your brand colors.

Account area

Style the my account menu, login and register forms to match the site.

Setup

How to set it up

What you need: WooCommerce.

  1. Go to Bright Addons Pro > Theme Builder, click New template and pick Cart, Checkout or My account.

  2. In Elementor, add the Woo Store Pages widget.

  3. Under Store Page, pick what to Show: Cart, Checkout (and order received), My account or Empty cart message.

  4. Turn Two Columns on Wide Screens on or off.

  5. Style the boxes, form fields, buttons and messages in the Style tab.

  6. Publish the template and open the cart or checkout page of your store.

FAQ

Questions and answers

Do I need a Cart template to use it?

No. The widget works on any page, but the Cart, Checkout, Thank you and My account templates of the WooCommerce Builder are where it is most useful.

Does it change how checkout works?

No. It shows the WooCommerce checkout, so payment, shipping and coupons work as WooCommerce sets them up.

How do I show the thank you page?

Make a Thank you template and add the widget with Checkout (and order received) chosen. WooCommerce shows the order details there after an order is placed.

Bright Addons Pro

Get Woo Store Pages with Bright Addons Pro

Bright Addons Pro has 81 Pro widgets plus all 53 free widgets, 10 extensions, a Theme Builder and 32 dynamic tags. From $18 a year, with a 14-day money-back guarantee.