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.
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.
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.
Woo Order Track
We have given two styles (style 1 and style 2) to use it to give different style for the track order option.
With this option, you can set the alignment of the track order option.
1.2: Extra Options
With this option, you can replace default icons with another font awesome icon using the below options.
With this option, you can set the font awesome icon id of the order track option.
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.
Set Typography, and Color for the Heading/Description here.
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.
Here you can see with details how the Style option of the Woo Order Track Widget works.