Important:
This article is relevant for Wix Stores, Wix Bookings, Wix Restaurants Orders, Wix Donations, and is in the process of becoming available for Pricing Plans.
Your site's checkout page is where customers enter their details, choose a delivery method, and pay for their orders. Customize your checkout's design and form layout from one interface, with a live preview of the buyer experience. You can also manage policies, fees, payment settings, and receipts from your dashboard settings.
Customizing the checkout design
Decide how you'd like to design your checkout page. You can display your company's logo, business name, and colors so your checkout matches your brand.
To customize the checkout design:
Go to Checkout Settings in your site's dashboard.
Click Edit under Checkout design.
Choose what you want to customize:
General design
Click General.
Choose how you want your checkout to look:
Change colors: Select a color from your site's theme or choose a custom color.
Round corners: Use the slider to make corners more or less rounded.
Click Save & Publish.
Buttons and selections
Click Buttons and selections.
Choose how you want your buttons to look:
Change colors: Select a color from your site's theme or choose a custom color.
Button shape: Choose whether you want your buttons to be rectangular or rounded.
Click Save & Publish.
Header
Click Header.
Choose how you want to design your header:
Business info: Click an option to choose what business info you want to display:
Name: Enter your business name into the text field.
Logo: Click the Upload icon
to upload your logo.
Change alignment: Select side or center alignment.
Change colors: Select a color from your site's theme or choose a custom color.
Continue browsing link: Click the toggle to show or hide the continue browsing link on your header.
Click Save & Publish.
Footer
Click Footer.
Select a color from your site's theme or choose a custom color for your footer.
Click Save & Publish.
Tip:
Preview what your checkout page will look like from your customers' point of view by clicking Preview on the Checkout Settings page.
Customizing the checkout form
The checkout page comes with a number of essential fields that cannot be deleted: email, first name, last name, 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.
Tip:
You can preview checkout page's customer detail fields as well as the delivery detail fields by clicking the Preview tab at the top.
To customize checkout page fields:
Go to Checkout Settings in your site's dashboard.
Click Edit under Checkout form.
Choose what to do next:
Customize a default field
Email:
Click the Email field.
Click Settings.
(Optional) Add text that appears in the field to guide customers:
Enable the Placeholder text toggle.
Enter the text (e.g. What name should we add?).
(Optional) Add a field description:
Tip: This information is displayed under the field.
Enable the Field description toggle.
Enter a description.
Name: The name fields have no customizations.
Phone:
Click the Phone field.
Click Settings.
Enable or disable the Required field toggle.
Note: If disabled, customers can complete checkout without entering a phone number.
Delivery details:
Click the group of fields under Delivery details field in the preview.
Enable or disable the Show "Address - line 2" toggle.
Add a new custom field
Click the Create Field on the left.
Select the type of field you want to add.
Customize the field using the available general and advanced customizations.
Tip: Get detailed instructions on how to add and customize custom fields.
Notes:
Updating an existing field name will result in all previously entered data being displayed under the updated field name.
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.
Create a conditional rule
You can create rules that govern which fields are displayed on your form.
For example, you can have a custom field asking if this is a business purchase. If the customer selects "Yes", you can then display additional relevant fields. Customers who answer "No" won't see these fields.
Learn how to add conditional rules to your checkout fields.
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.
To add a checkbox to the checkout page:
Click the Subscription opt-in checkbox toggle to enable it.
Select or deselect the Checked by default checkbox:
Selected: The subscription checkbox is checked by default, but customers can deselect it.
Deselected: Customers need to select the checkbox themselves in order to subscribe to your SMS and email list.
Note: After a customer subscribes, a "Subscribed" label is added to the customer details in your Contact List.
Selecting a billing address field setting
Select whether you want to display all billing address fields or only those required for each order.
By choosing Only fields required for payment and tax, you can make sure your site's checkout process is as streamlined as possible.
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
To create site policies:
Go to Checkout Settings in your site's dashboard.
Scroll down to the Policies section.
Select the policies you want to create.
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.
(Optional) Create a custom policy (e.g. Shipping Policy):
Note: Custom policies do not appear next to a policy checkbox.
Select the Custom Policy checkbox.
Enter a policy name.
Enter the policy text.
(Optional) Add a policy agreement checkbox:
Note: This means customers are asked to agree to your policies before completing checkout.
Click the Policy agreement checkbox toggle to enable it
Select a Checked by default setting:
Selected: The checkbox is already checked on the checkout page.
Deselected: Customers need to select the checkbox to agree with your policy and check out.
(Optional) Click the Contact us toggle to enable it and add all the contact information.
Adding cart and checkout validations
Checkout validations let you set rules that customers must meet before placing an order. For example, a minimum order subtotal or a limit on how many items they can buy.
You can decide whether to display warning messages or prevent orders from being placed when conditions are not met.
Learn more about adding cart and checkout validations.
Adding additional fees
Additional checkout fees let you automatically charge extra amounts at checkout. You can add fixed fees or percentage-based fees that appear as separate line items at checkout.
Learn more about adding additional fees at checkout.
Customizing payment settings
Manage your checkout page's payment settings to fit your needs. Enable or disable options like gift card payments, saving customers' credit cards for future purchases, and authorizing payments before capturing them.
Click below to learn more about each payment setting.
Automatically create an invoice
Click the toggle to automatically create an invoice for every new order paid online.
Enabled: An invoice is created each time an order is paid online.
Disabled (default): Invoices are not created automatically for new orders.
Note: While it is technically possible to enable both automatic receipts and invoice for every paid order, this may cause single sales to appear twice in your financial reports, leading to an over-reporting of revenue.
Add or remove the gift card link
The option to enter a gift card code at checkout is automatically enabled if you set up gift cards. However, you can always disable it if needed.
Go to Settings in your site's dashboard.
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.
Important: Do not disable the toggle if you've already sold gift cards, since it will prevent gift card recipients from being able to redeem cards.
Save customers' credit cards on file
Give customers the option of letting you save and charge their credit or debit cards. You can add this 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.
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.
Enabling authorization and capture
Enable this toggle in your Checkout Settings to authorize payments first and then capture (collect) the actual payments later. At checkout, your customer isn't notified that the payment isn't sent immediately. If there's an order you choose not to fulfill, you can void the payment without needing to process a refund.
Payment is then held for up to 7 days. When you're ready to collect or void the payment, you can access the order in the dashboard, click the Collect Payment button, and select Capture payment or Void payment.
Learn more about authorizing payment and capturing funds later.
Important:
Authorization and capture is available only through Wix Payments.
Authorization and capture can only be applied to orders paid for through a credit card payment. This means that additional payment methods, such as PayPal, Apple Pay, Google Pay, and the manual payment method will be hidden from your website (see FAQ below).
It's not currently possible to collect partial captures.
Sending receipts automatically
You can set it so a receipt is automatically sent to your customers every time you receive payment for an order. If an order was paid for using more than one payment, for example 2 credit cards, a separate receipt will be sent for each one.
To automatically generate a receipt for every payment:
Go to Checkout Settings in your site's dashboard.
Scroll down and click Receipt Settings to set up your receipt.
Important: Make sure to set up receipts before issuing them.
Click the Create receipt when a payment is added to the order toggle to enable automatic receipts.
Note:
If you previously issued invoices automatically for every paid order, they will no longer be sent.
FAQs
Click a question below to learn more.
Can I preview my checkout before my site goes live?
Note: Previewing the checkout is available only for Wix Stores.
Yes. There are a few ways you can preview the changes you made to the checkout page. From the Checkout settings in the dashboard, click Preview.
You'll see a preview of the page with a sample item. Click Edit Items in Preview and click Add Item to select one or more items to see what the checkout page looks like when customers purchase different items.
You can also preview the page from the editor or preview the complete checkout from your live site.
Learn more about previewing the checkout process.
How can I allow customers to leave a tip while checking out?
You can give customers the opportunity to leave a tip on the checkout page using the new Wix Tips app. Choose whether you want to display pre-selected tips or allow customers to leave a custom amount.
How can I remove the "Enter a promo code" link?
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:
Click the cart in the editor.
Click Settings.
Click the Settings tab.
Deselect the checkbox next to Promo code link.
Can I let customers check out without logging into my site?
When you add Wix Stores, Wix Bookings, or Wix Restaurants Orders to your site, the Members area is automatically added. There, customers can save their details, view their orders and bookings, and more.
You can remove the login option from checkout by deleting the Members Area from your site.
Can I change where the "Continue Browsing" link in the checkout page directs to?
When customers click the "Continue Browsing" link in the checkout page, they are directed to your homepage. It's not possible to customize this.
It is, however, possible to customize where the "Continue Browsing" link in the Cart page directs.
How are customers details saved?
Customers who have completed the Delivery details part of the checkout process are also saved as your contacts. Learn more about Wix Contacts.
This article is credited to the Wix team - https://support.wix.com/ and we thank them for that!