One-Page Online Checkout

Your store features a secure, single-page checkout where customers can input their shipping and payment information, as well as leave order comments, before placing orders.

Checkout on a single page is enabled for all new Stores. To switch to the Next-Gen Storefront, navigate to Settings and choose What's New if you've been selling for some time

Checkout Steps

Customers can make purchases after picking up goods and putting them in their shopping cart.

Customers can only add in-stock products to their shopping baskets if you've enabled Inventory Tracking in your business. In addition, the contents of clients' shopping carts are compared to your available stock to prevent overselling. If the products in the shopping basket are still available, the customer can proceed with the transaction.

Store checkout consists of a single page with many steps:

1. Customer Enters Email Address

Customers begin the checkout process by entering their email addresses.

Email address is collected at the beginning of the order placing process to guarantee that you have the contact information of customers who can abandon their orders at this stage, for instance owing to a bad internet connection or being distracted. Your Store creates a list of Track Abandoned Carts so that you can send reminders to customers who meant to purchase but did not.

The given email address is used to send order tracking alerts to the customer. The store generates a customer account for each new email address that is submitted in this field. This email address allows customers to access their customer accounts at any time and view their order history.

2. Customer Selects from Delivery Options

After providing an email address and clicking Checkout, the customer is sent to the Delivery options step, where they can input their delivery address and choose from the Shipping options that you've enabled in your Store that are accessible for this address and purchase.

The customer must pick a single delivery method for all goods in a single order. Your Store examines the shipping methods that are enabled in your store and displays only those that can be used for an order based on total order weight, dimensions, customer location, and so on.

If you sell downloadable products or services, disable the option This Product Requires Shipping or Pickup on the product editing pages so that customers who buy intangible products can skip the Delivery options step. If you sell physical products, you can turn on shipping for these products by checking the "This Product Requires Shipping or Pickup" box on these product editing pages.

Using the MaxMind GeoIP service, your store can automatically figure out where a customer is and show them estimated shipping costs and taxes in the shopping cart. This means that shipping fields like country and city can be filled in for your customers at checkout.

The estimated shipping cost shows the cost of the first shipping method available for the order from the list of shipping methods enabled in your Store Control Panel's Shipping & Pickup section. You can sort the shipping methods so that the cheapest ones come first and the estimated shipping time is based on them as much as possible.

If you communicate with most of your customers by phone, you can ask them for their phone number at this step. To do this, go to Settings → General → Cart & Checkout and turn on the "Require phone number at checkout" setting.

3. Customer Chooses from Payment Options

Customers must choose how they will pay for their transaction after entering their shipping information and selecting a shipment or delivery option for their order. All of the payment options that you have enabled are visible to customers in the Payments section of your Store Control Panel.

When a customer selects a payment method, the payment instruction will show underneath the list of your payment methods. Payment instructions assist in describing to customers how they can pay for an order, such as how to pay using an offline payment option if they are unable or unable to pay online.

If you need to gather customers' billing addresses, add the Billing Address section to the Payment choices step after checkout. Some payment gateways can verify if a billing address supplied at checkout matches what the card-issuing bank has on file (if the addresses do not match, the attempted purchase can not be processed).

To add the billing address section, follow these steps:

1. Click eCommerce in the editor's sidebar, followed by Manage Store.
2. Cart & Checkout can be accessed by navigating to Settings > General > Cart & Checkout.
3. Enable the Ask for a billing address during the checkout option.

The store's integration with payment gateways for credit card processing varies, which impacts the checkout procedure. With certain gateways, the credit card form is incorporated securely within the store checkout, allowing customers to complete the whole checkout process on your site. With certain payment processors, clients submit their credit card information on the processor's site before being sent to your Store's Thank You for your order page.

4. Customer Places Order

After selecting the appropriate payment option and providing payment details, customers click the Place Order button (it can say Pay or Pay with PayPal, depending on the payment method). The customer's order data are then shown on the Thank you for your order page and in the Order Confirmation email.

Edit Checkout Form Options

You can modify your checkout page to publish Store news, make announcements, or allow customers to leave comments.

1. Request Extra Details

If you need to collect additional information from customers at checkout, such as how they learned about your store or if they have specific delivery instructions, there are numerous ways to accomplish so:

• Enable order comments.  Order comments can be enabled in the Store Control Panel under Settings, then General, and select Cart & Checkout, then finally, click Order comments. In the Order notes field caption, indicate what information you anticipate customers to include in the order comments. You can make this field essential or optional.
• Add the company name field. If you do not sell to businesses, this section is unnecessary. However, you can activate it and rename it to whatever you choose so that you can request any information in this area.

If you want to change the order of fields during checkout, remove or add new parts, or otherwise personalize it to your company needs, you can modify your store using CSS or API.

2. Add the “I Agree with Terms & Conditions” Checkbox

You can need your customers to accept your store's terms and conditions before completing a purchase.

To include a checkbox requesting that buyers accept your Store's conditions after checkout:

1. Select eCommerce in the editor's sidebar, and then click Manage Store.
2. Click Settings, followed by General, and then go to the Customers' Consent section.
3. Enable the Show "I agree with Terms & Conditions" checkbox button at checkout.

Customers can now accept the conditions before proceeding to the checkout page.

See Legal Pages in Store to learn how to add a privacy statement, terms and conditions, and other legal pages to your Store.

3. Ask for Consent to Receive Marketing Emails

You can include a checkbox at checkout to gather customers' permission to receive your marketing emails.

To add a checkbox requesting customers' permission to join your marketing email list:

1. Select eCommerce in the editor's sidebar, and then click Manage Store.
2. Click Settings, then General, followed by the Cart & Checkout tab.
3. Enable the Request customers' approval for your marketing emails at checkout option in the Newsletters section.

4. Remove Zip Code Field

You can omit the postal/zip code field from the address form if it is not required for calculating shipping costs at checkout.

To remove the zip code field from your store's checkout, follow these steps:

1. Select eCommerce in the editor's sidebar, and then click Manage Store.
2. Click Settings, followed by General, then the Cart & Checkout tab.
3. Turn off the AskforaZIP/postal code feature.