I’m having trouble with: Customizing the native Checkout page — renaming button text, removing sections, and resizing fields on mobile
Working in: Wix Classic Editor with Dev Mode (Velo) enabled
Site link: www.varietyshowroom.com
What I’m trying to do:
-
Rename the checkout button text (e.g. “Pay & Place Order” to something custom)
-
Remove unwanted sections like “Delivery Method” from the checkout page
-
Reduce the size of input fields on mobile — they appear as large as desktop, making the experience very poor on phones
What I’ve tried so far:
-
Checked Settings → Checkout Fields — only field options available, no button rename
-
Enabled Velo Dev Mode — the Checkout page is grayed out and not editable in the editor
-
Tried accessing the checkout element via code — it’s an iFrame (
#checkout1) and internal elements are not accessible -
Tried
wix-ecom-frontendandwix-stores-frontendAPIs — ran into deprecated/missing module errors
Extra context: The checkout page loads as a locked iframe hosted by Wix, so CSS and Velo code cannot reach inside it. Mobile field sizes look identical to desktop — no way to adjust them from the editor. Is there any official or community workaround for any of these, especially the mobile sizing issue? Screenshots attached.
