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

Enable the Thankyou Order Confirmation Widget

To use the Thankyou Order Confirmation 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 Confirmation Widget Name.
4. Enable the Thankyou Order Confirmation Widget.
5. Hit the Save Settings Button.

Inserting Thankyou Order Confirmation widget

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

Work with the Style Tab

Order Card Section

Go to Style > Order Card

1. Columns: You can set the column limit with this option.
2. Gap: You can adjust the space between the rows with this option.

In this section, we have four tabs. These are – Wrapper, Label, Value and Icon. Let’s explore those one by one.

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. Image: You can set the background image with this option.
4. Padding: Add spaces around an object to increase the inner area. Padding allows you to control the internal space within an element.
5. Margin: This option allows you to adjust the space & create gaps between elements.

6. 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.
7. Border Width: Set the thickness of the border with this option.
8. Border Color: You can change the border color with this option.
9. 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.
10. Border Radius: This option controls the roundness of the border.
11. Style Border Color: You can change the style border color with this option.

Label Tab

1. Color: You can change the title color with this option.
2. Typography: Change the label’s font family, size, weight, transform, style, decoration, line height, letter spacing, and word spacing from here.

Value Tab

1. Color: You can change the value color with this option.
2. Total Value Color: You can change the total value color with this option.
3. Typography: Change the value’s font family, size, weight, transform, style, decoration, line height, letter spacing, and word spacing from here.

Icon Tab

1. Size: This option allows you to make changes to the icon size.
2. Color: You can change the icon color by using this option.
3. Spacing: You can adjust the space around the icon with this option.

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

Video Assist

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