Everything you need to sell online

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

Gutenberg E-Commerce: Build Your Store in the New Code-Free WordPress Editor

Ecwid Blocks for the WordPress Editor: Add Ecommerce to Anywhere on Your Site

6 min read

Thinking of joining 75 million WordPress users to build your new website, but don’t wanna dirty your hands with the coding?

WordPress version 5 brought the biggest change in the platform in recent years: a new default code-free page editor and publishing tool (formerly known as the Gutenberg editor). Now you can add anything to any webpage just by arranging a content block.

new block editor for wordpress

Ecwid E-commerce allows you to build your online store right in the Gutenberg editor. Add a “Buy Now” button, product catalog, cart page, or entire storefront anywhere on your webpage at a moment’s notice. No code can stand in your way.

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

10 E-commerce Blocks to Add to Your Site Pages

Now that you’ve got the power to easily create your own beautiful WordPress site, it’s time to think about monetizing. By installing the Ecwid E-commerce plugin for WordPress, you’ll get rich e-commerce blocks right in the block editor (Gutenberg) and be able to add online store functionalities to any site page in minutes.

Ecwid blocks for wordpress

1. Store homepage

Display your entire storefront on any page, including your homepage. For example, you could link your shop to the “Store” tab of the main site menu.

store homepage ecommerce block for wordpress

Manage your storefront appearance in the editor: choose thumbnail size, product info to display on your storefront, navigation elements, and more.

2. The store category page

Add products from a specific category to any site page. Use this block if you want to highlight categories in your site menu.

editing store appearance ecommerce block for wordpress

3. Store categories menu

Remind your customers that there’s more to see: display a store categories menu at the top or bottom of your page to let your customers quickly navigate between them.

Store categories menu ecwid blocks forк wordpress

4. The large product card

With this block, you can build a page featuring a specific product, like a best seller or a limited-run item, including title, picture, description, options, price, and the CTA to purchase.

large product card

5. The small product card

Add one or more products to blog posts, your homepage, and anywhere else your heart desires. This block is also perfect for merchants with just a few products to sell.

small product card ecommerce block for wordpress

6. The “Buy Now” button

Every web page is better with a call-to-action. Insert a CTA button to capture customers in the moment they want to buy.

buy now button ecommerce block for wordpress

7. The search and filters page

If you need a web page that can display all your products, stick to this block, where customers can filter products to shop faster.

Ecommerce block for wordpress editor

Learn how to set up product filters in Ecwid.

8. The search input block

Don’t make your visitors search for your search box — add it to all your important pages for better navigation.

search bar ecommerce block for wordpress

Tip: if you want your search box on all your pages, go to Appearance → Widgets and add the Product Search widget to the sidebar.

9. The shopping cart icon block

Given that 50% to 80% of online shopping carts are abandoned (a customer added products to their cart but left without a purchase), it’s important to make that cart bold and findable. Use this customizable block to add a shopping bag icon on the top of your page, the bottom, and anywhere in between.

shopping bag icon ecommerce block for wordpress

Tip: if you want a shopping bag icon on all your pages, go to Appearance → Widgets and add the Shopping Cart widget to the sidebar.

10. The cart and checkout block

Make your cart page even more accessible by linking to it in your main site menu. Create your page and add this block to it.

checkout page ecommerce block for wordpress

Start Selling on a WordPress Website — And Beyond — With Ecwid

Ecwid and the new WordPress visual editor are a power couple for growing your e-commerce sales on WordPress. Both tools are code-free — developers need not apply. And Ecwid integrates directly into the editor, so you can have a consistent experience, with no hassle.

Our free WordPress plugin is just one piece of the Ecwid omnichannel story. Wherever you want to sell, your Ecwid store goes with you: extend your online presence to Amazon, Instagram, Facebook, and Google, all from a single dashboard.

Happy selling!

 

Table of contents

Sell online

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

About the author

Matt is a product manager at Ecwid. He works with the Ecwid dev team and helps them shipping the right features for Ecwid merchants. Outside of work, Matt likes travelling and climbing the mountains.

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.