Shop Ready

  1. Home
  2. Docs
  3. Shop Ready
  4. How to Use Individual Sho...
  5. Checkout Widget

Checkout Widget

Step - 01:

Enable the Checkout widget from the ShopReady dashboard and click on Save Changes.

Step - 02:

Create a new page from the WordPress Dashboard > Pages > Add New. And then click on Edit with Elementor.

From the left-hand side, search for the ShopReady Checkout widget. And drop it into your newly created page. It should look something like this.

Step - 03:

The Checkout widget comes with three unique layout styles, which you can toggle between from the Layout option under the Content tab.

Step - 04:

You also have the option to toggle show/hide checkout page content such as terms and conditions, order note, shipping address, etc.

Step - 05:

You can customize the checkout page, starting with adjusting the Layout tab. From here you’ll be able to choose between different layout preset options and customize them with Form  alignment, gap, flex-direction, item grow/shrink, etc.

You also have the option to further stylize the checkout page from the Style tab with various effects and options.

 

When you’re done customizing your checkout page, make sure to hit PUBLISH / UPDATE to save your changes.

 

How can we help?