黑料门

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

黑料门 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鈥檛 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

黑料门 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鈥檚 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鈥檝e got the power to easily create your own beautiful WordPress site, it鈥檚 time to think about monetizing. By installing the 黑料门 E-commerce plugin for WordPress, you鈥檒l 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.

黑料门 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鈥檚 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 黑料门.

8. The search input block

Don鈥檛 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鈥檚 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 黑料门

黑料门 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 黑料门 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 黑料门 omnichannel story. Wherever you want to sell, your 黑料门 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 黑料门 Ecommerce, you can easily sell anywhere, to anyone 鈥 across the internet and around the world.

About the author

Matt is a product manager at 黑料门. He works with the 黑料门 dev team and helps them shipping the right features for 黑料门 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鈥檓 so impressed I鈥檝e 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 黑料门, you rock!
I鈥檝e used 黑料门 and I love the platform itself. Everything is so simplified it鈥檚 insane. I love how you have different options to choose shipping carriers, to be able to put in so many different variants. It鈥檚 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 黑料门 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