One-page online checkout in Ecwid

Your Ecwid store has a secure one-page checkout where your customers enter their shipping and payment details and leave order comments before placing orders.

The one-page checkout is enabled for all new Ecwid stores. If you’ve been selling with Ecwid for a while, switch to the “Next-gen Storefront” in Settings → What’s New.

Checkout steps

After choosing products and adding them to the shopping cart, shoppers can proceed to checkout and make a purchase. 

If you’ve enabled automatic inventory tracking in your store, shoppers can add only in-stock products to their shopping carts. The cart content of shoppers is also checked against your product inventory to help you prevent overselling. If the products in the cart are still in stock, shoppers can proceed with their purchase.

Checkout in Ecwid consists of one page with several steps:

Shopper enters email address

The first step for customers at checkout is entering their email address:

Email address

Email address is captured at the beginning of order placement to ensure that you have the contact details of those shoppers who can drop out at this point, for example, due to poor internet connection or being distracted. Your store forms a list of abandoned carts so that you can send out reminders to customers that intended to purchase products or services but didn’t buy them.

Abandoned cart saver is available on Business and Unlimited plans.

To the specified email address buyers receive order notifications to track their order status. Ecwid automatically creates a customer account for every new email address entered in this field. Customers can sign in with this email address to their customer accounts at any time and check their order history.

If you prefer to gather shoppers’ phone numbers instead of their email addresses when they start to checkout, you can use the Checkout with Phone Number app from Ecwid app market.

Shopper chooses from delivery options

After entering email address and clicking on Checkout, shopper proceeds to the Delivery options step to provide shipping address and choose from the shipping/delivery and pickup options that you’ve enabled in your store and that are available for this address and the order:

Shipping and Delivery

A buyer needs to choose one shipping method for all products from one order. Your store checks what shipping methods are enabled in your store and shows only those that can be used for an order based on total order weight, dimensions, customer location, etc.

If you sell downloadable products or services, you should untick the option Requires shipping or pickup on product editing pages, so that shoppers buying intangible products skip the Delivery options step. And on the contrary, if you sell physical products, make sure that the “Requires shipping or pickup” option is ticked on these product editing pages to enable shipping for these items.

Your store automatically detects customer’s location using the MaxMind GeoIP service to show estimated shipping costs and tax to the shopper in the shopping cart, hence the shipping fields like country and city can be prefilled for your customers at checkout.

The estimated shipping shows the cost of the first shipping method available for the order from the list of shipping methods enabled in your Ecwid admin in  Shipping & Pickup section. You can sort shipping methods so that low-priced shipping methods go first and the estimated shipping is based on them when possible.

If you communicate with customers mainly by phone, you can require your customers to leave their phone number at this step. For this, enable the Require phone number at checkout option in Settings → General, Cart & Checkout tab.

Shopper chooses from payment options

After a shopper enters shipping information and picks shipping/delivery method available for the order, it’s time for them to decide how they want to pay for the order. Shoppers see all payment methods that you’ve enabled in the Payments section of your Ecwid admin:

Payment information

You can limit particular payment methods to specific shipping/delivery options. That way, you can decide what payment methods to enable for customers at checkout depending on what delivery method they chose. To limit payment method based on the shipping choice, go to the Payment page and select the method you want to set up. Click Limit availability by shipping method‍ and select all shipping methods you want this payment to be available to. Then save the changes.

You can add a payment instruction for a payment method and, when a shopper picks it at checkout, the instruction will appear below the list of your payment methods. Payment instructions help to describe customers how they can pay for an order, for example, how to pay with an offline payment method if they are unable or unwilling to pay online.

If you need to collect billing addresses of your buyers, you can add the Billing Address section to the Payment options step at checkout. Collecting customers' billing address can help you prevent chargebacks and fraud, since some payment gateways can verify whether a billing address entered at checkout matches what the card issuing bank has on file (if addresses don’t match, the attempted purchase may not go through):

Billing address

To add the Billing Address section, in your Ecwid admin go to Settings → General, click the Cart&Checkout tab and enable the Ask for a billing address during checkout setting.

Ecwid is differently integrated with payment gateways for credit card processing and this affects the checkout flow. With some gateways, the credit card form is securely embedded right in the store checkout and shoppers stay at your site during the entire checkout process. With some payment processors, customers visit the processor’s site for entering credit card details and then they are returned to your store and see the Thank you for your order page. You can learn more about it in the FAQ about online payments in Ecwid.

Shopper places order

After choosing the desired method of payment and specifying payment details, shoppers click on the Place Order button (it can say Pay or Pay with PayPal, depending on the payment method). Then buyers see their order details at the Thank you for your order page and in the Order Confirmation email that hits their inbox.

Thank you for your order page

Check what customer notifications your store can send.

Editing checkout form options

You can edit your checkout page so you can share store news here, make announcements, or let customers leave notes at checkout.

Requesting extra details

If you need to get additional information from customers at checkout, e.g. ask how they found out about your store or whether they have any special wishes about the order delivery, there are several ways to do it:

  • Enable order comments
    You can enable order comments in your Ecwid admin, in Settings → General → Cart & Checkout → Order Comments. In the Order notes field caption, specify what info you expect customers to leave in the order comments. You can make this field optional or required.
  • Add the company name field
    If you don't sell to companies, you actually don't need this field. However, you can enable it and change the name of this field to whatever you wish so you can ask any info in this field. 

See detailed instructions in the article: Requesting additional information from customers.

If you want to change the order of fields at checkout, hide or add new sections there or otherwise tailor it to your business needs, you can customize your store using CSS or API. Here you can find a few examples of how checkout can be customized.

Sharing news

At checkout, you can remind customer about the free shipping conditions you have to encourage them to buy more, share a discount coupon, or announce that a new collection is arriving soon.

To add information to your checkout page, use the free app — Checkout Notices from the Ecwid app market. You can type any text and format it the way you want: change the color, font, size, etc.

Adding “I Agree with Terms & Conditions” checkbox

You can ask your customers to agree with your store’s Terms and Conditions before they can proceed with checkout.

Terms and conditions

To add a checkbox to ask customers to accept your store terms at checkout:

  1. From your Ecwid admin, go to Settings → Legal and scroll down to the Customers’ consent section;
  2. Turn on the Require consent to terms and conditions at checkout setting.

Now the shoppers have to agree with the terms to be able to proceed with checkout.

To see how to add a privacy policy, terms & conditions, and other legal pages to your Ecwid store, please refer to Legal pages in Ecwid.

Asking for consent to receive marketing emails

You can also add a checkbox at checkout to collect customers’ consent to receive your marketing emails:

Opt-in for emails

To add a checkbox that asks customers to agree with being on your marketing mailing list:

  1. From your Ecwid admin, go to Settings → General and click the Cart&Checkout tab;
  2. Scroll to the Newsletters section and turn on the Request customers' approval for your marketing emails at checkout setting.

Or you can turn it on in the Settings → Legal page, in the Customer's Consent section.

Removing zip code field

You can remove the postal/zip code field from the address form if you do not need to use it for the delivery cost estimations at checkout.

To remove the zip code field from your store checkout:

  1. From your Ecwid admin, go to Settings → General → Cart & Checkout tab.
  2. Disable the Ask for a ZIP/postal code option.


Is my Ecwid checkout secure?

Yes, when you use Ecwid, all sensitive information is sent via HTTPS secure protocol during checkout.

My customers see pre-defined values in checkout fields. Why?

When a customer goes to checkout, Ecwid determines customer’s country, city and zip code based on the IP address (we use MaxMind's GeoIP solution) and prefills fields with these values. This helps shoppers to check out faster (which means more sales for you). Besides, your customers see estimated shipping and tax cost as soon as they open the cart page.

If you get incorrect predefined values, it means that MaxMind databases don't have the correct value for your IP. In this case, open and check how it determines your location. If you see the correct values on that page, it means that the problem is already fixed in the newest MaxMind database and it will be fixed soon in Ecwid, too (we update our geo-IP databases on monthly basis). If you see incorrect values on that page, then please send a correction and MaxMind will fix the problem.

How to show only countries I ship to at checkout?

You need to set up destination zones for the countries where you will ship orders to. Then assign them to your shipping options. After that, at checkout, customers will be able to choose only from the countries that you ship to.

If you only ship within one country, the country dropdown doesn’t appear at all – instead, your customers see a message saying that your store ships within that country. The same is true for the states/regions.

Why does the checkout say that no payment methods are available at this time?

This message appears if there are no enabled payment methods in your store. To fix the issue, log into your Ecwid admin, go to  Payment page and enable at least one payment method.

I don't want to process orders online. Can I get notifications when my customers select products?

Yes, it is possible. How to implement this:

  • Disable all payment methods except Phone order in your Ecwid admin → Payments.
  • Rename the Phone Order method to Place order, for example. You can rename it by clicking its name.
  • Make sure that all your products do not have a weight assigned. In this case, Ecwid will omit the Delivery options checkout step.
  • Modify your mail notifications or disable them.

How can I offer free promotional goods?

See the instructions in the article: Offering free samples.

Can I upsell products at checkout?

Sure. You can show the related products at checkout to encourage more sales.

I sell digital products. How do I remove all the shipping stuff from checkout?

You need to uncheck the Requires shipping or pickup boxes option if you go to your Ecwid admin, in Catalog → Products and click on a product. These products will be regarded as digital and thus the shipping step will be skipped at checkout.

How can wholesale customers get their discount?

After you set up discounts for a group of customers, customers from this group should log into their customer account in your storefront. They will see the discount on the cart page.

How long do the added products remain in the cart?

The cart content never expires. It is tied to a customer's browser and will be cleared only if a customer clears their browser's local storage/cookies. It was implemented intentionally to increase sales for all Ecwid merchants — customers can come back to your store later and finish the purchase.

A product added to cart doesn't affect the global store's inventory. It affects the look of the store for this particular customer only.  The global inventory is changed only when the customer places their order. Thus, if one customer adds a product to cart, all the other customers will see the same number of items in stock for this product as you really have in your store at that moment and they can buy the product. 

Related articles

Getting paid
Collecting customer emails from the checkout
Using customer groups

Was this article helpful?

Awesome! Thanks for your feedback!

Thanks for your feedback!

Sorry about that! What went wrong?
37 out of 72 found this helpful
We use cookies and similar technologies to remember your preferences, measure effectiveness of our campaigns, and analyze depersonalized data to improve performance of our site. By choosing «Accept», you consent to the use of cookies.
Accept cookies Decline