Webflow eCommerce is changing the way businesses sell online, but it’s not always simple for us non-technical folks.
If you’ve ever tried to build a website from scratch, you know how painful it can be.
Before long, you’ve got a jumbled mess of code that’s nowhere near usable and a business that isn’t making sales.
Fortunately, you don’t have to be a web developer to make a stunning eCommerce website that gets results. There are so many tools at your fingertips that make website creation as easy as paying for hosting and click-and-dragging yourself to greatness.
Webflow is one of the unsung heroes of eCommerce. It’s a website design and development platform chock-full of features.
While platforms like Shopify get all of the attention, Webflow has a lot of benefits for the right businesses.
If you’re in the market for an eCommerce platform to run your biz (and manage your website), learn the ins and outs of Webflow. We’ll also share our top 13 favorite Webflow websites and what you can learn from them.
What is Webflow eCommerce?
If you haven’t heard of Webflow before, that’s not super surprising: just 0.5% of all websites run on Webflow.
Here’s the thing, though: while fewer websites run on Webflow, the platform boasts more high-traffic websites than Shopify, WordPress, Wix, or Squarespace.
Over 100,000 websites in the United States run on Webflow, which has big-name sites like:
... under its belt. Although the US is its primary market, Webflow is also popular in the UK, Brazil, and Germany.
Webflow is awesome for eCommerce because it helps you build a beautiful, responsive website—without a ton of coding knowledge.
Webflow also includes other useful features like:
- Transactional emails for order updates.
- Built-in animations.
- The ability to ship digital or physical goods, as well as different product variants.
- Shipping options and rules that work seamlessly with most shipping software (psst, that means you can automate order tracking!).
- Payment support for credit cards, PayPal, Apple Pay, Google Pay, and Stripe.
- Sales tax calculations. This is only for the US, Canada, EU, and Australia, but it saves you the headache of charging separately for taxes or VAT.
- Mockups. Not sure if your website is up to snuff? Prototype it within Webflow without pushing it live. Webflow lets you enjoy tweaking your website in a safe sandbox environment without bewildering your shoppers.
- Templates and themes. Webflow comes with both free and premium templates. Whether you want a plug-and-play theme or something more customizable, the user-friendly drag and drop editor makes this easy.
If you haven’t been impressed with other website builders, give Webflow eCommerce a try to see if it’s right for you.
Webflow eCommerce versus Shopify
Webflow is a great application for building an eCommerce website, but it rivals Shopify.
That’s right: Webflow eCommerce includes a suite of services that makes it simpler to run your website.
But we get it: Shopify is super-popular and has a market share of 18% (it’s second only after WooCommerce). How is Webflow different from Shopify? What’s right for your business?
Here are the main differences between Webflow and Shopify.
Pricing
You can try both Webflow and Shopify for free. The upside is that Webflow is free until you publish your website, while the Shopify free trial only lasts for 2 weeks.
Webflow’s eCommerce site plan starts at $45/mo (or $35/mo when you pay annually). Shopify’s Basic plan is $29/mo, so it’s a little cheaper than Webflow.
However, your transaction fees can make the difference between Shopify and Webflow eCommerce. Webflow charges a 2% transaction fee while Shopify’s fees are at 2.2%.
Sure, it’s a 0.2% difference, but if you’re processing thousands of dollars in sales each day, that’s a difference that matters.
Customization
Do you want your website to work a certain way? Well, Webflow is hands-down more customizable than Shopify.
Webflow is simple to use and doesn’t require a ton of coding, but it gives you the freedom to customize things like your back-end SEO. Shopify is still a good option but it’s more limiting.
Features
Shopify is more popular than Webflow, and that’s why it offers so many integrations and tools that Webflow doesn’t.
If marketing is super-important to you, Shopify might be the better option: it integrates with Facebook Ads, MailChimp, and so many other marketing channels.
While Webflow is better at offering customizable shopping carts and an eCommerce portal, Shopify can be a more robust eCommerce solution, depending on what you want to do.
Here’s the bottom line: Shopify and Webflow eCommerce are both solid options. You just need to compare the pricing and features to see which one will best serve your customers’ needs.
13 Webflow eCommerce Examples To Mimic
So, you’re seriously considering a Webflow eCommerce website. Good for you!
The problem is that Webflow allows for so much customization that it can be tough figuring out how, exactly, to position your brand.
That’s where we come in. Check out this list of our top 13 Webflow eCommerce websites to get innovative ideas for your own Webflow website.
1 - Eleven Plants For Dum Dums
This website isn’t necessarily an eCommerce website, but it’s a great example of the cool stuff you can do with a customizable Webflow template.
Most of EPDD’s website uses a green and brown palette, but it uses a variety of textures to keep you interested as you scroll.
Copy this
Use Webflow’s built-in animations! Seriously.
You don’t have to be some kind of web dev savant to do this. Animations are available for free to all Webflow users.
We like this website because it showcases how many ways you can use animation in a non-cheesy way for eCommerce. Whether you want a subtle fade or a funky effect when users scroll past a header, Webflow can make it happen.
If you want something even more specific than what Webflow includes for free, you can pay for a premium Webflow eCommerce template to do all of the heavy lifting for you.
2 - Space Posters
This website makes us want to go to infinity and beyond—courtesy of Space Poster’s bomb selection of celestial posters.
This eCommerce shop sells cool hi-res posters with images of all things space.
Space Posters not only has a super simple brand name, but their Webflow website is simple, too. The white and black color scheme keeps things focused entirely on its out-of-this-world products.
Copy this
If you sell products that are visual in nature, remember to keep your website template simple.
You don’t want to overwhelm shoppers with an ornate website that’s saying too much. When in doubt, keep it simple.
3 - Midwest Mutt Shop
Midwest Mutt Shop is one of our favorite shops on this list. C’mon, how can you say no to their adorable branding?
MMS uses a lot of white space to keep the focus on its boutique dog products. They’re 100% catering to Millennial dog parents, too: 50% of all MMS revenue goes to animal charities.
The shop even displays a feed of the rescues it’s helped thanks to shoppers’ business, so it’s using charitable work as a great persuasive tool.
Copy this
If you can partner with a charitable initiative for your eCommerce biz, go for it. But we’re willing to bet that you can’t switch your business model overnight.
You can still learn from Midwest Mutt Shop. In fact, their language and copywriting are what makes their brand so adorable.
With product labels like “For Hoomans,” they show personality in their writing.
If you’re having a hard time making your site stand out, cut out the BS and write how you would speak to a friend.
4 - Désplacé Maison
Don’t let the long French name throw you off. Désplacé Maison sells crazy-looking shoes that definitely make a statement.
For those of you who are over 30, this website is a time capsule to the days when you did your shopping in a catalog. #RIPSearsCatalog
What’s interesting is that Désplacé Maison’s website has a funky 70s aesthetic going for it (courtesy of Webflow eCommerce’s customization options).
Aside from their zany products, it’s unlikely you’ll forget them anytime soon because of their unusual branding.
Copy this
When you look at Désplacé Maison’s website, you can tell almost immediately that they’re an independent brand. The funky design and fun-but-quirky mouse animation are a little over the top, but they work because they’re so different.
For your website, dare to be different. As long as you can justify it, feel free to make design risks with your animations, colors, fonts, and filters.
5 - Eggcitables
Any vegans in the house? Eggcitables makes a chickpea-based alternative for folks who can’t (or don’t want to) eat eggs.
First of all, we love that Eggcitables doesn’t beat around the bush. Their above-the-fold content explicitly spells out what they do.
Eggcitables is different because they’re trying to drive website traffic to buy the products in physical stores. It’s smart that they kept their website menu so simple because it does encourage you to find out where you can buy the products locally.
Copy this
Here’s the thing: if you’re selling a food product that’s a little whacky, you’ve got to prove it’s delicious or people won’t buy it.
Eggcitables has done this beautifully by writing featured recipes.
They spell out how you can make huevos rancheros, fried rice, and even french toast with their product.
Always, always, always include real-life use cases for your products. If you’re a food brand, that means sharing recipes. If you’re in beauty, it’s how-tos or tutorials. In the fitness niche, this could be a series of free workouts.
If you want people to buy an unfamiliar product, a little education and relevance can persuade them to buy.
6 - Nalen Ayurveda
Natural beauty is a saturated space, but Nalen is carving out its niche. This natural skincare brand differentiates itself by backing up its formulas with Ayurvedic traditional medicine.
From face creams to cleansers to gift sets, Nalen’s website puts its skincare products in the spotlight. The branding is organic and natural with a recycled paper sort of look that still comes across as luxurious.
Copy this
If you aren’t familiar with Ayurveda, don’t worry. Nalen has a remedy for that, too.
It offers a quiz that you can take on their website for product recommendations.
Basically, this quiz will help you find imbalances in your body and recommend Nalen’s products (backed up by Ayurvedic practices) to help.
Oh, and you need to fork over your email address to get your results, so this is a smart list-building practice for Webflow eCommerce, too.
If you sell products, you need to include quizzes on your website. This can cut down on customer questions and encourages engagement.
(And if you can use it to build your email list, that’s even better)
7 - Hetkinen
We can practically smell the woodsy scent of pine oozing from our screen right now. Seriously, Hetkinen nailed its Webflow website design.
Not only are the images stunning and simple, but the fonts, layouts, and color scheme scream, “natural.”
Hetkinen also breaks its products down into categories by need (lips, body, deodorant, salve, and more) so you can quickly find what you’re looking for.
Copy this
Hetkinen wants people to use its pine-oatmeal soap, but it also wants to push a certain mindset. The Inspiration section of its Webflow website does just that.
There’s a section where you can:
- Become a Hetkinen brand ambassador.
- Learn how to reuse Hetkinen’s pine jars and packaging.
- Find directions for earning Hetkinen rewards for submitting UGC.
Your brand also needs an Inspiration page.
This can include approved Instagram images, influencer demo videos, and curated looks.
8 - Wannabe Toys
Wannabe Toys takes play seriously. Just look at the fun 3D game on their homepage!
This Webflow eCommerce shop has a cool, funky look that encourages play, which is so appropriate for what they sell. Wannabe is an independent store that sells action figures from movies and manga to nerds around the world.
Copy this
We’re a huge fan of gamification. In fact, gamification is 80% more engaging than text or video alone.
When you need to make a splash with your eCommerce website, think big.
You don’t have to become a video game developer, either. You can license out a white-label video game to gamify your website without spending your entire budget on video game development.
9 - Artikel
Artikel has one of the most Nordic websites we’ve ever seen. As the purveyor of comfy Danish clothing, this visual brand makes the most of Webflow’s customization options.
On the homepage, you can scroll almost endlessly through Artikel’s clothes in an Instagram-like feed. The product pages are also no-frills with names like B2 for pants and C1 for skirts.
Copy this
Although we love Artikel’s deep commitment to the environment (there’s that charitable partnership tip again), we really like its transparency.
Artikel has a Suppliers page that gives an in-depth breakdown of each vendor and what they do for Artikel.
This page is very visual, showing off huge hi-res images of each vendor.
How can your Webflow eCommerce site be more transparent? Whether it’s in terms of your ingredients, packaging, processes, or hiring practices, give people a peek behind the curtain. You need to make your shop stand out, and sometimes a dose of transparency is just what you need.
10 - Rullus
Apple called and they want their landing page design back.
We kid, we kid, but in all seriousness, Rullus has a sleek and tech-forward design that we love.
It uses a ton of white (or should we say black) space to keep your focus on its wallets, phone cases, and glass screen protectors. The parallax scroll and product animations are stellar, too.
Copy this
Rullus has a solid Webflow website that’s backed up by customer reviews. 93% of shoppers say reviews influence their buying decisions, and in a world where you need to persuade people to buy your stuff, reviews are a must.
Include a hand-picked collection of your favorite product reviews on your homepage and landing pages.
You should also have a feed of honest reviews on each product page so your shoppers can make an informed decision.
11 - Faves
Does anyone else here have an insatiable sweet tooth? If you’re a fan of sweets, you probably know that your mama was right: sugar isn’t good for you.
Fave is a candy brand that makes convincing candy-tasting wafers that are actually made from fruits and veggies. The big, bold branding on their Webflow eCommerce site mimics the look and feel of other candy purveyors to make your mouth water.
Copy this
Every time a customer visits your website, they’re thinking, “So what? What do I get out of this?”
If you scroll down Fave’s homepage, you know immediately how their product will benefit you. They literally put it there in gigantic letters: 1 serving of veggies per roll.
For your website, don’t make people dig for the benefits. Your products solve a problem, so lean into how your brand makes shoppers’ lives better.
12 - Standstill Tea
Standstill Tea has a very calming, zen aesthetic. It’s clearly inspired by Asian design and its minimalist user experience says a lot about the brand.
We love the storytelling aspect of Standstill Tea’s Webflow eCommerce site.
They don’t make their tea front and center, which seems like a deadly sin for eCommerce, but it’s a brilliant move.
Their value prop and mission are about evoking a mood. By highlighting the people who harvest the tea and the story of the brand itself, shoppers learn that Standstill is about much more than tea.
Copy this
Honestly, the storytelling component of this website is really cool. But our absolute favorite thing about this Webflow website is Standstill Radio.
This is a simple page they threw together with a Spotify playlist.
It’s a freebie they give to anyone visiting their site who needs a moment of zen.
Can you give something to your shoppers? Maybe that’s a music playlist of your own, printable patterns, a game, or a coloring book. Try to create a fun experience that serves your shoppers and keeps them on-site.
13 - Insane Boats
Who the heck named this company? We need to give them a medal.
Insane Boats builds badass, competition-level RC boats. Their Webflow website has strong branding with a yellow, black, and white theme. It’s an energetic brand that uses Weblow’s customization options to take care of business.
Copy this
The best thing on Insane Boat’s website is its gallery area.
When you build a product this interesting, the world wants to know about it, and the brand’s gallery shows off fun UGC of its products.
Are you showing off your products to the world? Make sure you have a gallery on your website showing your product in use. After all, UGC translates into a 29% lift in eCommerce conversions.
Whether you sell rompers or makeup or phones, you need images of your customers using the products IRL. Trend can help you collect this if it sounds daunting.
The bottom line on Webflow eCommerce sites
There are going to be over 2 billion online shoppers in 2021. That’s your cue to finally push your website to the masses and sell your awesome products.
But you need to build a website that actually sells products. That means evaluating all of your options to pick what’s right for you.
Design a website that tells people who you are. This is your chance to make a great first impression, but don’t forget about back-end functionality, too.
Compare several website builders against each other to choose the best option. If Webflow is your platform of choice, be sure to learn from the best. Check out these 13 websites on our list to do meaningful customization for your Webflow eCommerce site to see results.
Want more shoppers to see your Webflow eCommerce site? Of course you do.
Make influencer marketing work for your DTC brand. Partner with Trend to boost your authority, stand out, and finally earn your piece of the pie. Create your free account now.
