Woo Order Track

< All Topics
Widget Used
Woo Order Track
Demo URL
Click Here
Tutorial Videos
Official Video

If you want to give a better look to the order track section of your website with the customization and want to use it in the order track-related part of your website. We have made a well-designed Woo Order Track widget. With the help of this widget, you can customize the order track section of your many shopping websites. For example, electronic, real estate, study, etc…
Note: you must have the WooCommerce plugin installed in your WordPress to use this widget feature.

Pro tip
Why not add this widget to your website/product? Because using this widget you can customize your website order track section which will attract your customer, and it will be sufficiently useful in your order track content as well as with the custom style option.

How to use the Woo Order Track Widget of The Plus Addons For Elementor

The Woo Order Track widget comes with two different types of layout, with custom styling options you can create a standard-looking order track section for your websites.

General Steps

Search for the Woo Order Track element from the Elementor screen in the left and then drag and drop it into the content building area. After dropping the element, you will see three tabs i.e. Content, Style, and Advanced related to the Woo Order Track widget. First, click on the Content tab.

1. Content

Woo Order Track

1.1: Layout

Select Style

We have given two styles (style 1 and style 2) to use it to give different style for the track order option.

Alignment

With this option, you can set the alignment of the track order option.

1.2: Extra Options

Update Icons

With this option, you can replace default icons with another font awesome icon using the below options.

Order Track

With this option, you can set the font awesome icon id of the order track option.

2.Style

The Style tab is used to customize all the Woo Order Track widget components such as Order Track Form, Heading/Description, Label, Input Field, Track Button, Order Info, Order Info Heading Title, Product list and Billing, and Billing & Shipping address.

Order Track Form Style

Set Padding, Margin, Background, Border, Border Radius, and Box Shadow for the Order Track Form here.

Heading/Description Style

Set Typography, and Color for the Heading/Description here.

Label Style

Set Typography, and Color for the Label here.

Input Field Style

Set Inner Padding, Margin, Width, Typography, Placeholder Color, Text Color, Background, Border, Border Radius, and Box Shadow for the Input Field here.

Track Button Style

Set Padding, Margin, Width, Typography, Color, Background, Border, Border Radius, and Box Shadow for the Track Button here.

Order Info Style

Set Typography, Text Color, and Highlight Text Option (Inner Gap, Outer Gap, Text Color, Background, Border Radius) for the Order Info here.

Order Info Heading Title Style

Set Typography, and Color for the Order Info Heading Title here.

Product list and Billing Style

Set Padding, Typography, Color, Background, Border, Border Radius, Box Shadow, Inner Border, and Total Border for the Product list and Billing here.

Billing & Shipping address Style

Set Typography, Color, Background, Border, Border Radius, and Box Shadow for the Billing & Shipping address here.

Preview

Here you can see with details how the Style option of the Woo Order Track Widget works.

3. Advanced

Advanced Tab Options are common across all the widgets. So, we have written a detailed tutorial explaining how to use these options

View The Advanced Tab Tutorial

Do you want to rate this article?
3.5 out of 5 stars
5 Stars 0%
4 Stars 0%
3 Stars 100%
2 Stars 0%
1 Stars 0%
How can we improve this article?
Need help?