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 a shopper chooses products and adds them to the shopping cart, they can proceed to checkout and make a purchase. Checkout in Ecwid consists of one page with several steps that shoppers needs to take.

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

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.Upgrade

To this 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 options that you’ve enabled in your store and that are available for 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 from them 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 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 control panel → Shipping & Pickup section. You can sort the shipping methods there, so that low-priced shipping methods go first and the estimated shipping is based on them when possible.

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 Ecwid control panel → Payments:

Payment information

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, go to Ecwid control panel → 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 display some fields and sections at your store checkout or hide them.

Extra fields

To gather some additional information from customers at checkout, you can enable the Order Comments section or Ask for company name field. Both can be easily re-named in case you need different labels for these forms. Learn more about requesting additional information from customers.

In case you don’t collect phone numbers of customers, you can rename the Phone Number field at checkout to gather different data through it. You can choose whether this field should be mandatory for filling out or optional. To make it mandatory, tick the Require phone number at checkout option in Ecwid control panel → Settings → General, Cart&Checkout tab.

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.

News

You may want to add some announcements to your store’s checkout, for instance, about special shipping conditions till some date. You can use the free app Checkout Notices from Ecwid app market to display important information on the checkout page.

“I Agree To” checkboxes

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 at checkout to ask customers to accept your store terms:

  1. Go to the Ecwid control panel → Settings → General → Legal Pages tab;
  2. Enable the Show “I agree with Terms & Conditions” checkbox 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.

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 at checkout that asks customers to agree with being on your marketing mailing list:

  1. Go to Ecwid control panel → Settings → General → Cart&Checkout tab;
  2. Scroll to Newsletters section and enable the Request customers' approval for your marketing emails at checkout option.

Learn more about requesting customers’ approval for your promo emails.

FAQ

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 www.maxmind.com/en/locate_my_ip 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?

As long as you have shipping options and destination zones set up in your store settings, Ecwid hides countries and states that you don’t ship to from the drop-down list in the Delivery options section at checkout, so shoppers see only the available shipping destinations.

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.

Also, Ecwid detects shoppers’ location by their IP address as soon as they visit your store, which makes your checkout smart – it knows the customer location and shipping cost even before the customers go to check out. When they do, they see the clean and straightforward checkout form that doesn’t distract with unnecessary lists of countries and states you don’t ship to.

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

Ecwid shows the message at checkout: “No payment methods are available for your order at this time. Please contact the store's administrator” if there is no enabled payment methods in your store. To fix the issue, log into Ecwid Control Panel → 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.
  • Rename it 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?

It is a common practice to offer a free sample or giveaways to attract customers, especially if you sell intangible goods, like music and books.

To make such promotions more efficient and convenient for you and your customers, you can make your store skip the payment method selection if the order total is zero as well as set the Paid status to such orders. For this:

  1. Go to Ecwid control panel → Settings → General → Cart&Checkout;
  2. Scroll down to Checkout Settings section;
  3. Choose the Paid status next to the Default payment status for orders with zero total option.
  4. Click Save.

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?

If you sell intangible products like e-goods or services, you can uncheck the Requires shipping or pickup boxes at product editing pages so that your store omits the Delivery options step for these products at checkout.

How wholesale customers can log into their accounts to get their discount at checkout?

If you have a special group of customers that has a discount on your catalog, they should sign into their accounts in your store in order to get the discount. Make sure to show the Sign In link in your storefront:

  1. Go to Ecwid control panel → Design page;
  2. Scroll to Storefront navigation & colors section;
  3. Choose Show for the “Sign in” link option.

Now your customers can sign into their accounts to get their special discount:

If you’ve added Ecwid to your own site, you can add a Login link to the site header or to any other place on it. Learn more: Create a custom My Account link.

Related articles

Getting paid
Getting reports using Google Analytics
Using customer groups

Was this article helpful?

Awesome! Thanks for your feedback!

Sorry about that! We are here to assist you by email or chat.

Contact support