WooFunnels Documentation
Get unstuck with our helpful reference material

Checkout Pages

How to Make the Order Summary Collapsible for Mobile

Making the Order Summary Collapsible on the checkout page helps in the small screens of mobile phones.

 Order Summary Collapsible

Here's how you can enable it for your checkout page using Elementor:

Step 1: Edit your checkout page

Click on 'Edit Template' to edit your checkout page with Elementor.

Click on 'Edit Template' to edit your checkout page with Elementor

Step 2: Edit the Checkout Form widget

Click on the pencil icon of the Checkout Form widget.

edit your checkout form

Step 3: Go to the Sections tab and select the 'Collapsible Order Summary' option

Here you'll find the option to enable the collapsible order summary.

Simply hit the toggle to enable it.

enable the collapsible order summary

You can also set the collapsed/expanded view text from here.

Also, you can choose to enable the coupon field and make it collapsible.

Step 4: Save your changes

Click on Update to save all the changes you made.

Update the page

There you go! You've now made the order summary collapsible on your checkout page.

Increase your sales, starting today.

Get WooFunnels Now
chevron-down
[class^="wpforms-"]
[class^="wpforms-"]