Providing heavy discount and still getting lots of abandoned cart? Here may be the reason, as Shopify announced the responsive checkout the "Order Summary" remains collapsed by default for mobile and tablet users.
This is the section that contains the text box to enter a discount code which seems to be confusing for visitors (customer).
Here is the quick solution to expand the order summary by default on responsive checkout.
- Log in to Shopify admin panel.
- Navigate to Online Store>>Preferences, and under Additional Google Analytics Javascript add the following code
- Click Save
window.addEventListener('load', (event) => {
document.querySelector('.order-summary-toggle').click();
});
CONCLUSION
Now that we’ve taken a look at the responsive checkout order summary tabs, it’s up to you to take advantage of them and reduce the abandoned checkout.
Let us know in the comments below and share, if it helps you to improve conversion rate!
