Wix’s checkout page does not have the greatest usability on mobile. If you have a large footer, the problem can get extremely worse to the extent that your customers can stop the purchasing process. The reason for this is that the checkout form scrolls separately from the page. This creates multiple problems when users fill out the checkout form.
I tried to remove the footer from the checkout page; however, it is not currently a feature.
Here’s a simple workaround:
Duplicate your default footer component. Make sure it is also a global component. Make this duplicate footer visible on the pages you want to. Now it will look like you have two footers on top of each other. Next, remove everything from the default footer and make sure it does not have any minimum height or fixed height. Finally, even though there is nothing visible left in your footer, you can remove the default footer from all of the pages.
Why does this work? The checkout page automatically brings the default footer. Since we removed everything from it, the default footer no longer contains anything. Also, the checkout page will not load the duplicate footer because it is not the built-in default component (I guess).
This helps with the visual clutter and scroll issue on the checkout page of my store; I hope it helps you too.
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.