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

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

• Search for Checkout Shipping Methods on Elements Search option
• Drag and drop the widget 
• Click on Update to save changes.

Step 3: Style Settings #

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.