Help Center
    Help Center
  1. Managing your business
  2. Orders, Cart & Checkout
  3. Cart & Checkout
    4. Customizing the Checkout Page

Customizing the Checkout Page

8 min read
Important:
This article is relevant for Wix Stores, Wix Bookings, and Wix Restaurants Orders (New).
Customize the elements that appear in your site's Checkout Page to suit your business needs. 
Screenshot of a site's checkout page
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 checkout settings in your site's dashboard.
  2. Click Customize your checkout.
  3. Click Edit next to Checkout form.
  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.
Screenshot of the checkout form composer showing where you add a custom field
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 opt-in checkbox

Keep customers coming back to your business by inviting them to subscribe to your marketing communications or email list during checkout. You decide whether the checkbox is selected by default or not.
Screenshot of the checkout page with the subscription opt-in checkbox outlined

To add a checkbox to the checkout page:

  1. Go to checkout settings in your site's dashboard.
  2. Click Customize your checkout.
  3. Click the Subscription opt-in checkbox toggle to enable it. 
  4. Select or deselect the Checked by default checkbox:
    • Selected: The subscription checkbox is checked by default.
    • Deselected: Customers need to select the checkbox themselves to check out.
What's next?
After a customer subscribes, a "Subscribed" label is added to the customer details in your Contact List.
Screenshot of the side panel of a contact in the contact list with the
To display a logo at the top of the Checkout Page, you need to add it to your site's Business Info.
Screenshot of the top of a site's checkout page, with the logo outlined
If you don't add a logo, your business name appears instead.
Screenshot of the top of a site's checkout page, with the company name outlined

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.

Adding site policies

Display your site's policies on the checkout page so customers know what to expect. Policies can 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
Screenshot of the top of a site's checkout page, with the policies and the policy agreement checkbox outlined

To create site policies:

  1. Go to checkout settings in your site's dashboard.
  2. Click Customize your checkout.
  3. Click Policies.
  4. Select the policies you want to create.
Screenshot of the part of the checkout settings page where you can select the policies you want to create
  1. Enter the policy text.
Tip:
As soon as you select the checkbox next to a policy and enter text, it's displayed in the footer of your Checkout Page.
  1. (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.
  2. (Optional) Add a policy checkbox:
    Note: This means customers are asked to agree to your policies before completing checkout.
    1. Click the Policy agreement checkbox toggle to enable it
    2. 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.  

Enabling automatic invoicing

You can set it so an invoice is automatically created every time an order is paid online. These invoices will indicate a balance of $0.00 since the order has already been fully paid.
Invoices are only created for:
  • Orders paid online through your site (not with the manual payment method)
  • Orders for which you have the buyer's email address
  • Orders for which you have not yet created an invoice

To automatically generate an invoice for every order:

  1. Go to Checkout settings in your site's dashboard.
  2. Click Payments.
  3. Select the Invoices checkbox.
Note:
If you issue a partial or complete refund on a store order, the invoice doesn't update to reflect the refund amount.
Learn more about all the different types on invoices you can create for orders placed through Wix Stores.

Adding or removing the "Redeem a gift card" link

The option to enter a gift card code at checkout is automatically enabled if you set up gift cards.
Important:
Do not disable the toggle after selling gift cards, since it will prevent gift card recipients from being able to redeem cards.
Screenshot of part of the checkout page with the

To add or remove the gift card link:

  1. Go to Settings in your site's dashboard. 
  2. Click Checkout.
  3. Select Payments.
  4. Click the Gift cards toggle to enable or disable it:
    • Enabled: The "Redeem a gift card" link appears on the Checkout Page so customers can pay for orders using a gift card.
    • Disabled: Customers are unable to redeem gift cards.

Enabling saving credit cards on file

Give customer the option of letting you save and charge their credit or debit cards. 
Important:
  • Use this payment method correctly to avoid charging customers unexpectedly.
  • Make sure you read this article to learn how to save cards responsibly. 
  • To charge clients' saved cards, you must use a payments provider that supports this feature, such as Wix Payments or Isracard. 
You can add a checkbox to the Checkout Page. When customers pay with a credit or debit card, they can select the checkbox. This allows you to securely save cards on file and charge customers later, with their consent and knowledge.
Screenshot of payment part of checkout page, with the checkbox for allowing the business to save the card outlined

FAQs

Did this help?

|

In This Article

  • Customizing the info collected from customers
  • Adding a Subscription opt-in checkbox
  • Displaying your business name or logo
  • Adding site policies
  • Enabling automatic invoicing
  • Adding or removing the "Redeem a gift card" link
  • Enabling saving credit cards on file
  • FAQs

Related Content

Wix Apps: Adding and Setting Up the Wix Tips App
Customizing the Cart Page

Hire a Professional

Get matched with a Wix Partner who can help you reach your site goals.
Get Matched