How to Use WooCommerce Tracking Form Widget

How to Use WooCommerce Tracking Form Widget

The tracking issue is very important to any website owner. However, I’ll, in the documentation, show how you can use our WooCommerce Tracking Form widget.

So, let’s start step by step.

To Insert Widget

Inserting a widget it is just a matter of dragging and dropping. As you see in the screenshot above.

Content Tab

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.

Now, I’m going to show the sections of the tab and how they work behind the widget.

Element

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 the image example below.


Style Tab

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.

Label

Simply, go to the Style tab > Label.

To begin with, the controls like Color and Typography under this section allows you to style the Label. Look at the image.

Input

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 scroll bar Textarea Height and Element Space, you can easily manipulate the fields corresponding.

Button

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.

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 able to add Animation too. See the image below.

Normal:

Go to Button > Button Style > Normal.

Hover:

Go to Button > Button Style > Hover.

Video Assist

In conclusion, hopefully, you’ve read the documentation fully. But, even after that if you feel dissatisfied, you can watch the video above and go to our demo page.


About Selim Rana

Selim Rana is the Founder of BdThemes - the company behind Element Pack Pro! He is a Software Engineer passionate about WordPress and Elementor.


A first-ever all-in-one web solution with essential widget, extensions, and features for Elementor WordPress.

Your complete web development partner.

Contact

Copyright © 2022 BdThemes.
All Rights Reserved. Site built with Element Pack & Rooten Theme.

AUTUMN Sales up to 60% Discount on our products | Coupon: AUTUMN

Ready to buy Element Pack Pro?

Don’t miss 230+ essential Elementor widgets and 2000+ ready templates for professional web design.

Changed your Mind?

Please Suggest us how to improve

Up to 60% OFF

Purchase all our add-ons and make your website better than ever with our web designing products. Make your purchase with our limited-time AUTUMN offer in 60% off.