The tracking issue is very important to any website owner. In the documentation, I’ll show how you can use our WooCommerce Tracking Form widget. So, let’s start step by step.
To Insert Widget
Inserting a widget is just a matter of dragging and dropping. As you see in the screenshot above, drag the product tracking form widget inside your page.
Using the Content Tab, you’ll be able to make a layout of a particular part of a website. And in this regard, some handy sections in the tab will assist you a lot in designing the WooCommerce Tracking Form widget.
Now, I’m going to show the sections of the tab and how they work behind the widget.
Simply, go to the Content tab > Element.
After inserting the WC- Elements widget, go to Element > Element control > select Order Tracking Form from the dropdown. Then, you’ll find your order Tracking Form. As you see in the image example below.
Here, let’s work with the Style Tab. The tab will easily have you style the web content (text, image, video, etc.) of the page you want to design with the track package tool.
Simply, go to the Style tab > Label.
To begin with, the controls like Color and Typography under this section allow you to style the Label. Look at the image.
Go to the Style tab > Input.
In general, from this section, you’ll be able to add a Border with different styles, Border Radius, Padding, and Typography from this section.
Mostly, you’ll be able to add color to the Placeholder, Text, and Background.
The most important thing is the scroll bar Textarea Height and Element Space, you can easily manipulate the fields corresponding.
Go to Style tab > Button > Button Style.
The image example above shows what you will mainly be able to do in this section. Normally, you can set Typography and Text Shadow for the WooCommerce Tracking Form widget.
In both Normal and Hover mode, you can add Text color, Background color, Border Type and Radius, Box Shadow, and Padding.
Mostly, in regard to the Hover mode, you’ll be able to add Animation too. See the image below.
Go to Button > Button Style > Normal.
Go to Button > Button Style > Hover.