In this documentation, we will show you how to customize the Thankyou Order Customer Address widget by Ultimate Store Kit.

Enable the Thankyou Order Customer Address Widget

To use the Thankyou Order Customer Address widget by Ultimate Store Kit, first, you have to enable the widget.

1. Go to WordPress > Ultimate Store Kit Plugin dashboard.
2. Then, Click the WC Widgets Tab.
3. Search the Thankyou Order Customer Address Widget Name.
4. Enable the Thankyou Order Customer Address Widget.
5. Hit the Save Settings Button.

Inserting Thankyou Order Customer Address widget

1. Go to the Elementor Editor Page and hit the “+” (Add Element) icon button.
2. Search the Thankyou Order Customer Address widget.
3. Drag the widget and drop it on the editor page

Work with the Style Tab

Address Details Section

Go to Style > Address Details

In this section, we have three tabs. These are – Wrapper, Title & Address. Let’s start with the Wrapper tab –

1. Background Type: You can change the background type here. There are two options in background type. These are Classic & Gradient.
In Classic, you can change the background color and also set an image as the background. In the gradient option, you can also set background color along with locations and angle for each breakpoint to ensure the gradient adapts to different screen sizes. Also, you can change the gradient type (Radial & Linear) and positions.
2. Color: You can change the background color with this option.
3. Border Type: This option allows you to add borders to your items. You can select various border types from this option. Such as Solid, Double, Dotted, Dashed, Groove.
4. Border Width: Set the thickness of the border with this option.
5. Border Color: You can change the border color with this option.

6. Box Shadow: While working with this option, you will get three more options (Blur, Horizontal & Vertical). Blur Controls how sharp or soft the shadow will appear. By using the horizontal option you can move the shadow left or right and by using the vertical option you can move the shadow up or down.
7. Border Radius: This option controls the roundness of the border.
8. Padding: Add spaces around an object to increase the inner area. Padding allows you to control the internal space within an element.
9. Margin: This option allows you to adjust the space & create gaps between elements.
10. Gap: This option allows you to adjust the space between the billing address and the shipping address container.

Now, Let’s Proceed to the Title Tab –

1. Color: You can change the title color with this option.
2. Indicator Color: You can change the indicator color with this option.
3. Border Color: You can change the border color with this option.

4. Typography: Change the title’s font family, size, weight, transform, style, decoration, line height, letter spacing, and word spacing from here.
5. Margin: This option allows you to adjust the space & create gaps between elements.
6. Padding: Add spaces around an object to increase the inner area. Padding allows you to control the internal space within an element.

Now, let’s proceed to the Address Tab –

1. Color: You can change the address text color with this option.
2. Border Color: You can change the border color by using this option.
3. Typography: Change the address text’s font family, size, weight, transform, style, decoration, line height, letter spacing, and word spacing from here.

All done! You have successfully customized the Thankyou Order Customer Address widget on your website.

Video Assist

The demo and video will come soon. Thanks for staying with us.