Order Summary widget
The Order Summary widget is used to display a clear, real-time overview of what a customer is about to purchase during the checkout process. It is typically placed on checkout pages or inside funnels where a payment, subscription, or order is completed.
The widget helps create transparency, build trust, and reduce checkout friction by clearly showing what is included in the order before payment is made.
What the Order Summary Widget Does
The Order Summary widget automatically displays purchase information based on the customer’s current cart or selected offer. All data is system-driven and updates dynamically as the customer interacts with the checkout.
The widget can display:
- Selected products or offers
- Product names and variations
- Quantity
- Price per item
- Subtotal
- Discounts or promotions (if applied)
- Total amount
- Recurring pricing details for subscriptions (for example “per month” or “per year”)
All values update in real time when the customer:
- Adds or removes products
- Changes quantities
- Applies a discount or coupon
- Selects a different offer in a funnel
When to Use the Order Summary Widget
Use the Order Summary widget whenever a customer is expected to complete a payment.
Typical use cases include:
- Checkout pages in funnels
- One-page checkouts
- Membership and subscription signups
- Digital product or course purchases
- Physical product checkouts
Why the Order Summary Widget Is Important
The widget plays a key role in conversion and user experience by:
- Giving customers a clear overview of their order
- Reducing uncertainty before payment
- Preventing surprises related to pricing or quantities
- Increasing trust and confidence during checkout
- Supporting best practices for UX and conversion optimization
A clear order summary is one of the most effective ways to reduce cart abandonment.
Important Things to Know
- The Order Summary widget cannot be used on its own
- It only works inside an active checkout or purchase context
- All content is automatically populated by the system
- You cannot manually edit the order details shown
- Styling options allow you to match the widget to your brand, but the order data itself is system-controlled
For subscription products, the widget automatically displays:
- Billing interval
- Recurring price
- Trial information (if applicable)
Placement & UX Best Practices
- Place the Order Summary close to the payment button
- Make sure it is visible without excessive scrolling
- Keep it readable and visually clean
- Combine it with a clear call-to-action and secure payment indicators
- Always include it on checkout pages for clarity and trust
Summary
- The Order Summary widget shows a live, real-time summary of the customer’s order
- It automatically reflects cart contents, pricing, discounts, and subscriptions
- It is essential for checkout clarity and conversion
- Works only in checkout and purchase contexts
- Helps build trust and reduce abandonment
Used thoughtfully, the Order Summary widget ensures customers always know exactly what they are buying before completing their purchase, creating a smoother and more confident checkout experience.