Skip to main content

Checkout Screens

1. Main Screens Settings​

There are 4 main screens while customers do checkout on your app: Address, Shipping, Preview and Payment.

To edit these screens, please follow these steps:

  1. Open your app → Go to Features
  2. Open Cart and Checkout
  3. Select Checkout Screen → select the screen need editing
  4. Enable/disable to show/remove the screen in Checkout process → edit more
  5. Click Apply then Save

On Address screen, you can scroll down to Supported Address Fields to edit the address items which users need to input on Address screen on the app:

  • Re-order the items displaying
  • Show/Hide the item by clicking on the eye icon
  • Set the Default value or set the item to be editable or required by clicking the Edit button of each item

2. Number Config on Checkout​

On the Checkout screen, the phone number can be configured, which helps to validate the entered phone number by using Google's libphonenumber. Simpler and cheaper than sending OTP to verify the phone numbers.

The feature includes:

  • Check validation of Phone Number.
  • Ability to customize Default Country.
  • Use for either normal or international phone numbers.
  • Support customizing the Country List.
  • Show or hide Flag Image.
  • Support RTL language.
  • Have 3 Selector Types for choosing a country list.

Now navigate to the AppBuilder:

  1. Open your app
  2. Go to Features → open General → Phone Number Config
  3. Enable Phone Number Validation to edit
  4. Click Apply and Save