Checkout Shipping Methods

The Checkout Shipping Methods widget displays all the available shipping methods on the checkout page. This is a checkout template widget of ShopEngine.

Let’s learn how you can use Checkout Shipping Methods Widgets on your WooCommerce site:

Step 1: Enable the Widget #

To enable the widget:

  • Go to ShopEngine > Widgets >Checkout Shipping Methods
  • Turn on 
  • Save changes
enable checkout shipping methods

Note: You can turn on any widget from global settings as well. Click here to check out the process.

Step 2: Add Checkout Shipping Methods Widget #

Before you can add the widget you need to create a Checkout Template first. Check out the documentation on how to create a Check out Template.

To add Checkout Shipping Methods:

  • Go to ShopEngine > Templates > Checkout Template
  • Click on Edit with Elementor
edit checkout template
  • Search for Checkout Shipping Methods on Elements Search option
  • Drag and drop the widget 
  • Click on Update to save changes.
drag and drop checkout shipping methods

Step 3: Style Settings #

style settings checkout shipping methods

Click on the edit option to go to the Style Tab to customize the following styles of this widget:

Title: #

  • Title Color: Change the color of the widget title.
  • Typography: Choose the font size, weight and transform for the title.
  • Margin Bottom: Pick how much margin you want on the bottom of the title.

Label style: #

  • Label Text Color: Change the text color for the labels.
  • Label Typography: Choose the font size, weight, and transform for the title.

Checkbox style #

  • Checkbox Position (Y): Here you can change the vertical position of the checkbox position.
  • Margin (px): Adjust the top, right, left, and bottom margin around the checkbox.

Global Font: #

  • Font family: You can change the font family for the whole widget.

Finally, click on Update to save all the changes.

What are your feelings
Updated on May 21, 2023