First, ensure that you have activated the “Order Details Summary” widget within the settings page of ‘Shopbuilder.’

Now you can add widgets using Elementor’s drag-and-drop interface. Look for the “Order Details Summary” widget in the list of available widgets. Configure the widget’s settings, appearance, and content according to your preferences.

It has 3 tabs: Content, Style, and Advanced.

1. Content

This tab has a General section.

1.1 General: Firstly,you can choose your preferred default view. Enable the buttons to display order number, order date, order email, order total, and order payment method.

2. Style

This tab has two sections: General Style and Content Style.

2.1 General Style: Here, you can customize the border type, alignment, padding, margin and content background.

2.2 Content Style: Adjust the label style and value style of the order details summary from this section.