Customize the order form fields (name, phone, city, address, note)
Order form fields are ordinary blocks inside the form: select a field to change its Label, Placeholder or Required setting, delete it to hide it, or press + on the form to add one. Product pages and landing pages use the Express Checkout block; the Checkout page uses Checkout Form.
Steps
- Open the page: Online Store → Theme Settings and select Product or Checkout in the page selector, or open a landing page in the landing page builder.
- Click a field inside the form (the Express Checkout block inside Product Details, or the Checkout Form block on the Checkout page). In Settings edit Label, Placeholder, Required and the icon. Phone fields are Phone Country blocks with Default country code, Show flag and Auto detect (needs the Multi Currency app).
- Hide a field: select it and press delete in the floating toolbar.
- Add a field: select the form block, press
+in its toolbar, then pick Input (types include Text, Email, Phone, City, Address, Custom, Number, Date and URL), Textarea for a note, Phone Country, or Select Input with a Data source of Countries, States, Cities, Streets or a custom list. - Reorder fields with the move up / move down arrows.
- Select the form block itself to change Button text and Button animation.
- Click Save, and check the page is Published.
The default Checkout page form has name, Last Name, Email and Phone (required) plus City and Note (optional).
Common problems
- Red Missing required blocks on the Checkout pageCheckout Form and Confirm Checkout must both stay on the page; click the alert to re-add them.
- Want a city dropdown instead of free textadd a Select Input with Data source: Cities and set the Default country; the plain Input type City stays free text.
- Field edits only show on one productthe Product page layout applies to every product. Landing pages each have their own form, so edit each page.
- Looking for a guest-checkout on/off settingthere is none; the fields on the form are what every shopper fills in.
- Auto detect on the phone field does not pick the countryinstall the Multi Currency app or set a Default country code.