Everything you need to sell online

Set up an online store in minutes to sell on a website, social media, or marketplaces.

One page checkout system

Introducing One-Page Checkout for Ecwid Stores

9 min read

The last step of the next-generation Ecwid storefront is completed: meet the reimagined checkout page, the page where the money comes in. And man, it’s just awesome.

New checkout page in Ecwid

The new checkout in Ecwid does not just look neat. It is built with 700 pages of conversion optimization wisdom and almost 10 years of our e-commerce experience in Ecwid. In this post, I’ll show you what has changed, why we did it, and how it’s gonna make you more sales.

A quick note: this update is automatically 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.

Next-gen Storefront

Collecting More Сustomer Emails

Now you can capture customer emails even before they start the checkout. If they drop out in the middle, you still have their contact details and can recover them with an abandoned cart email or build a custom audience for retargeting. It’s much more effective than asking for email at the end of the checkout because you capture every bounced customer.

There’s a psychological effect too: by entering an email address (which, by the way, is quite a simple thing to do), your customers become more committed to the order, and, since a part of the work is done, are more likely to complete it.

New checkout page email capture form

Сart Contents Always at Hand

Your buyers always see what they are purchasing in the cart contents section with all the product and order info in place (including discounts, taxes, shipping terms, etc.), which improves navigation and does a little marketing magic too:

“Believe it or not, pictures can help improve your conversion rates. Instead of just listing your products, show the customer what they’re buying. While you may have an image or two of your products on your e-commerce shopping page, make sure that image shows up in the shopping cart.” — Neil Patel.

Shopping cart new checkout

Moreover, since the cart page and the checkout are united on a single screen, the checkout process is one mouse click shorter (with the checkout optimization, every click counts!). It’s that simple: your customers go to their cart and can proceed to checkout right there. No extra clicks, less chance to bounce, less cart abandonment.

How to sell online
Tips from e-commerce experts for small business owners and aspiring entrepreneurs.
Please enter a valid email address

Single-Page Checkout Experience

A checkout that is too long and complicated is among the top three reasons for cart abandonment.

On the single and transparent checkout page, your customers don’t face a chain of steps that they didn’t know about when they started.

Reasons to love the one-page checkout:

  • There’s no need to wait for another page to load
  • No unexpected steps, fields, and forms
  • It’s always clear how to get to the previous step and proceed to the next one
  • It makes a better layout on different devices.

A short summary of every completed step relieves customers from going through every step again and again to make sure everything’s right.

Single page checkout Ecwid

Simplified Shipping & Delivery Forms

Shipping is usually the longest checkout step, but Ecwid has simplified it to three simple actions:

  1. Choosing Shipping or In-Store Pickup (if you offer it)
  2. Typing in the address
  3. Selecting the shipping method.

New checkout page shipping

Here’s why this approach is better:

  • Bold buttons help to distinguish in-store pickup and shipping quickly and simplify decision-making for your customer.
  • The address form is separated from choosing a shipping method and comes first. That helps to calculate automatic shipping rates more accurately and makes the overall flow more straight and digestible.
  • Autofill makes filling this form a breeze (if a customer has entered this shipping address in the browser before.) Additionally, Ecwid tracks the location via IP, and your customer gets the country and state filled for them when they check out. If your customer makes a repeat order, this form gets auto-filled too, and it’s possible to proceed to the next step right away.

A Slick Сredit Card Form

The new design of the credit card form looks much better — but that’s not the only improvement here. The process of filling out the credit card form has to be perfect for you to keep the customer and get paid.

A lot of tiny details shape this perfection and ease of use:

  • Ecwid checks the credit card number right away to make sure it’s valid to prevent customers from typos.
  • After filling in the first four digits, your customer sees the credit card type, which adds confidence that he or she is using the right card.
  • The credit card number is conveniently formatted (digits are grouped the same way they appear on the credit card for better visual perception).
  • The form can be auto-filled with a single click if a customer has their credit card details saved in their browser. That saves your customers time and energy.
  • No Cart Holder Name field: few people know that field is not mandatory, so it’s totally possible to skip it (just like Stripe does), speeding up filling the form and reducing traction.

New checkout page credit card form

Finally, the form, as well as the rest of the checkout, is completely secure. It works only via HTTPS. (If you’ve added Ecwid to an HTTP website, the credit card form will open in a secure popup. Still, we strongly recommend switching to HTTPS.)

An Actionable Order Confirmation Page

The order confirmation is a standalone page that makes it clear — the order is placed. Its content is now reorganized to improve user experience and amplify customer excitement from the purchase:

  • A visible shipping address on the map creates an additional wow-effect: your customer sees his or her location and expects to receive the order here.
  • If the order is paid and has digital products, your customer can download them right on the order confirmation page. No need to open their inbox or go elsewhere. They see the file type too (music, images, PDF file, etc.) to bring in additional safety.
  • The customer sees instructions on payment if the order needs to be paid. You can set up these instructions in your Control Panel → Payment for each payment method.

New checkout page order confirmation

Optimized for Mobile

With 52% percent of global web traffic originated from mobile devices, your smartphone and tablet shoppers are just as important as desktop visitors. The new checkout page in Ecwid stores is comfortable to use no matter the screen size.

New checkout page mobile responsive design

Flexible and Customizable Checkout

If you want to add some checkout fields (for example, display a date picker or limit availability hours) or remove those you don’t need, the updated Extra Fields in the Ecwid API are now much more flexible. You might need help from a developer or simply refer to the Ecwid Customization Team.

People love online shopping for its convenience. With the new Ecwid checkout page, your customers enjoy a hassle-free shopping experience and you get more sales without extra effort.

 

Table of contents

Sell online

With Ecwid Ecommerce, you can easily sell anywhere, to anyone — across the internet and around the world.

Ecommerce that has your back

So simple to use – even my most technophobic clients can manage. Easy to install, quick to set up. Light years ahead of other shop plugins.
I’m so impressed I’ve recommended it to my website clients and am now using it for my own store along with four others for which I webmaster. Beautiful coding, excellent top-notch support, great documentation, fantastic how-to videos. Thank you so much Ecwid, you rock!
I’ve used Ecwid and I love the platform itself. Everything is so simplified it’s insane. I love how you have different options to choose shipping carriers, to be able to put in so many different variants. It’s a pretty open e-commerce gateway.
Easy to use, affordable (and a free option if starting off). Looks professional, many templates to select from. The App is my favorite feature as I can manage my store right from my phone. Highly recommended 👌👍
I like that Ecwid was easy to start and to use. Even for a person like me, without any technical background. Very well written help articles. And the support team is the best for my opinion.
For everything it has to offer, ECWID is incredibly easy to set up. Highly recommend! I did a lot of research and tried about 3 other competitors. Just try ECWID and you'll be online in no time.

Your ecommerce dreams start here

By clicking “Accept All Cookies”, you agree to the storing of cookies on your device to enhance site navigation, analyze site usage, and assist in our marketing efforts.
Your Privacy

When you visit any website, it may store or retrieve information on your browser, mostly in the form of cookies. This information might be about you, your preferences or your device and is mostly used to make the site work as you expect it to. The information does not usually directly identify you, but it can give you a more personalized web experience. Because we respect your right to privacy, you can choose not to allow some types of cookies. Click on the different category headings to find out more and change our default settings. However, blocking some types of cookies may impact your experience of the site and the services we are able to offer. More information

More information

Strictly Necessary Cookies (Always active)
These cookies are necessary for the website to function and cannot be switched off in our systems. They are usually only set in response to actions made by you which amount to a request for services, such as setting your privacy preferences, logging in or filling in forms. You can set your browser to block or alert you about these cookies, but some parts of the site will not then work. These cookies do not store any personally identifiable information.
Targeting Cookies
These cookies may be set through our site by our advertising partners. They may be used by those companies to build a profile of your interests and show you relevant adverts on other sites. They do not store directly personal information, but are based on uniquely identifying your browser and internet device. If you do not allow these cookies, you will experience less targeted advertising.
Functional Cookies
These cookies enable the website to provide enhanced functionality and personalisation. They may be set by us or by third-party providers whose services we have added to our pages. If you do not allow these cookies then some or all of these services may not function properly.
Performance Cookies
These cookies allow us to count visits and traffic sources, so we can measure and improve the performance of our site. They help us know which pages are the most and least popular and see how visitors move around the site. All information these cookies collect is aggregated and therefore anonymous. If you do not allow these cookies, we will not know when you have visited our site.
We used machine translation for this page. If you experience discomfort with the language quality, please navigate to the international version of the website.