How To Design A Nice Box With WordPress Gutenberg Editor

Spread the love

If you are using the new Gutenberg editor then you can use some additional plugins to design some interesting reusable blocks and have them included into you posts. I have written a complete article with the best Gutenberg blocks plugins you should check it and see which one is the best for you. In this article, I will use Ultimate Addons for Gutenberg as is free and has anything I need to create the perfect box.

The box can be used to attract visitor attention to some articles that are existing on the site and they want to may check. You can also include in the box some social share buttons a newsletter subscribe form. In this way, you get the most and will help in increasing your bounce rate, social engagement and newsletter subscriptions. I am using something similar to one of my tech sites and is very easy to do. It’s a more basic one but this was the purpose for that one. It is looking like the below one:

For WordPress I have created one similar just it has more elements. I have added also the sharing option and subscribe to newsletter. The box is not hard to do and you can customize it as you like.

I have done below only a designed meant to attract the eye of a visitor for different articles on the subject that it may find interesting.


Ultimate Addons for Gutenberg has all the elements including the share buttons. For the newsletter subscription, I have chosen a plugin called Newsletter Gutenberg Block for Mailchimp it’s quite new and has only the basic options.

I will not put in this article the steps done to have the box created but you can check the below video to see the exact steps that needs to be done to have the box created.

Video With Tutorial of how to Creat e a Nice Gutenberg Box

In case you have some nice Gutenberg boxes designs please share them with a comment.

Related

Leave a Comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.