Order Cart Details Widget

The Order Cart Details Widget is a functional element designed to summarize the customer's cart at the point of purchase or on the order confirmation page. It provides a detailed breakdown of the items in the cart, including product names, quantities, prices, and the total amount, including subtotals and discounts. This widget enhances the checkout process by offering customers a transparent and itemized summary of their purchase, fostering trust and clarity.

Purpose of the Order Cart Details Widget

This widget is beneficial for:

• Displaying a summary of the cart contents on the order confirmation page.
• Allowing customers to review their order details at a glance.
• Enhancing customer satisfaction by offering a clear and detailed purchase summary.
• Minimizing customer service inquiries by providing an itemized breakdown of costs.

Steps to Add and Customize the Order Cart Details in Elementor

Step 1: Widget Placement

1. On your WordPress dashboard, navigate to the page where the Order Cart Details Widget should be displayed.
2. Enter the edit mode of the desired section where you want the cart summary to appear.

Step 2: Inserting the Widget

1. Click on the "+" (Add) button or drag the Order Cart Details Widget into the desired area on your page.

Step 3: Configuring the Widget Settings

1. Go to the Settings section of the widget to begin customization.
2. Toggle the Heading option to "Show" if you want to display a heading for the cart details section.
3. Set the Label, which will appear as the heading of the widget, such as "Cart".
4. Choose whether to show or hide the Cart Items and Product Thumbnail for each product in the cart.

Step 4: Reviewing the Cart Summary

1. In the editing preview, you'll see a mock-up of how the cart details will appear to the customer, including items, quantities, and prices.
2. Verify that the product names, quantities, and pricing details are displayed correctly and adjust as needed.
3. Ensure that the subtotal, shipping, discount, and total cost are all itemized clearly.

Step 5: Finalizing Your Widget

1. Review all settings and the preview to ensure everything is displayed as intended.
2. Once satisfied, click on the "Update" button to save the changes.

Steps to Add and Customize the Order Cart Details in Block Editor (Gutenberg)

The Order Cart Details block is only available in the Thank You step in your funnel. It displays an overview of the customer’s order, including items purchased, quantities, and total costs.

Usage:

• In WordPress admin, go to SellKit > Funnels and either create or modify an existing funnel.
• If there is no Thank You step in your funnel, click on the + button and choose Thank You.
• Select Start From Scratch and give your step a name.
• Click on the Thank You step in your funnel, then from the upcoming panel, select Edit with Block Editor.
• In the block editor, use the Order Cart Details block on your Thank You pages to provide customers with a clear breakdown of their purchase.

• Using the options in the block settings in the sidebar, you can modify both the content and appearance of the Order Cart Details block.

Conclusion

The Order Cart Details Widget is an essential tool for summarizing the customer's cart at crucial stages of the purchasing process. It facilitates a transparent and trust-building review of what customers are about to purchase or have just purchased. Integrating this widget using SellKit can lead to a more informed and satisfactory shopping experience for your customers.