Wix Stores: Customizing the Checkout Page

6 min read
Customize the elements that appear in your store's Checkout Page to suit your business needs. You can add your company name or business logo and add extra fields so you can collect additional information. 
In this article, learn more about:

Customizing the info collected from customers

The Checkout Page comes with a number of essential fields which cannot be deleted: email, first name, last name, phone, and the delivery details (i.e. the address info). 
In addition, you can add custom fields to help you collect the information you need. These can include multiple choice fields, text fields, and more.

To customize checkout page fields:

  1. Go to Settings in your site's dashboard.  
  2. Click eCommerce settings.
  3. Click Edit next to Customize what info you collect from customers at checkout.
  4. Customize a default field:
    Tip: The email and name fields have no customizations.
    • Phone: 
      1. Click the Phone field in the preview.
      2. Enable or disable the Required field toggle.
        Note: If disabled, customers can complete checkout without entering a phone number. 
    1. Delivery details:
      1. Click the Delivery details field in the preview.
      2. Enable or disable the Show "Address - line 2" toggle. 
  5. Add a custom field:
    1. Click the Create field on the left.  
    2. Select the type of field you want to add.
    3. Customize the field using the available general and advanced customizations.
      Note: Get detailed instructions on how to add and customize custom fields.
If you added an Additional Info field before Feb. 2024:
  • If you added a custom field before we released advanced checkout forms, it will still appear on your live site. No need to update anything. 
  • You'll see the field in the new form composer, but without most of the customization options (e.g. without the option to add placeholder text). It appears next to your default fields.
  • To customize fields added before Feb. 2024, delete the field and re-add it. Note that this cannot be undone.
Notes:
  • Go to the order in the Orders tab to view what customers entered in custom fields.
  • Customers who check out with PayPal do so in the PayPal dashboard, so they may not see custom fields that you added.

Adding a subscription checkbox

Keep customers coming back to your store by inviting them to subscribe to your email list during checkout. You decide whether the checkbox is selected by default or not.

To add a checkbox to the checkout page:

  1. Go to Settings in your site's dashboard.  
  2. Click eCommerce settings.
  3. Scroll down to the Subscription Checkbox section.
  1. Click the Subscription Checkbox toggle to enable it. 
  2. Select or deselect the Checked by default checkbox:
    • Selected: The subscription checkbox is checked by default.
    • Deselected: Customers need to select the checkbox to check out.
What's next?
After a customer subscribes, a "Subscribed" label is added to the customer details in your Contact List.

To display a logo at the top of the Checkout Page, you need to add it to your site's Business Info.
If you don't add a logo, your business name appears instead.

To add your business name or logo:

  1. Go to Settings in your site's dashboard. 
  2. Click Business info.
  3. Enter your business name in the Name field.
  4. Click Add Logo.
  5. Upload your logo.

Setting a minimum order amount

Set a minimum order value to avoid shipping or delivering orders that are not profitable for your business. When shoppers try to check out with an order that doesn't make the minimum, they are prompted to add to the order or use alternative delivery options. 

To set a minimum order amount:

  1. Go to Settings in your site's dashboard. 
  2. Click eCommerce settings.
  3. Click the Set a minimum subtotal toggle to enable it.
  4. Enter the minimum amount an order must reach to complete checkout.

Adding site policies

Display your site's policies on the checkout page so customers know what to expect. Policies appear: 
  • As clickable links in the footer of your checkout page
  • (Optional) Next to a policy checkbox that customers must agree to before checking out

To create site policies:

  1. Go to Settings in your site's dashboard.  
  2. Click eCommerce settings.
  3. Scroll down to the Checkout policies section.
  4. Select the policies you want to display.
  1. Enter the policy text.
  2. (Optional) Create a custom policy (e.g. Shipping Policy):
    Note: Custom policies do not appear next to a policy checkbox.
    1. Click + Create Your Own Custom Policy.
    2. Enter a policy name.
    3. Enter the policy text.
  3. (Optional) Add a policy checkbox:
    1. Scroll down to the Policy Agreement Checkbox section.
    2. Click the Policy checkbox toggle to enable it
    3. Select a Checked by default setting:
      • Selected: The checkbox is already checked on the Checkout Page.  
      • Deselected: Customers need to select the checkbox to check out.  

By default, a promo code link appears in the Cart Page and in Order Summary part of the Checkout Page. This link allows customers to enter any coupon codes that you've created for your site. 
If you don't use coupon codes, you can remove the link from appearing on both pages.

To remove the promo code link:

  1. Click the Cart in the Editor.
  2. Click Settings.
  3. Click the Settings tab. 
  4. Deselect the checkbox next to Promo code link.
Note:
The option to enter a gift card code at checkout is automatically enabled if you set up gift cards. Do not disable the toggle after selling gift cards, since it will prevent gift card recipients from being able to redeem cards. To control this setting:
  1. Go to eCommerce Settings in your site's dashboard.
  2. Scroll down to the Gift Card section.
  3. Enable or disable the Enable gift card at checkout toggle.

Letting customers leave a tip

You can give customer the opportunity to leave a tip on the checkout page using the Wix Tips app. Choose whether you want to display pre-selected tips or allow customers to leave a custom amount.
Screenshot of order summary on the checkout page, showing where customers can leave a tip

Did this help?

|