button gutenberg block

Getwid Blocks: Button Gutenberg Block

If you need to add custom Gutenberg buttons, the Button Group block by Getwid allows you to do just that. With its help, you can add one button or a group of buttons along with any content in Gutenberg. Buttons come in several modern styles letting you create rich visual experiences.

Sine Getwid doesn’t override styles of your active WordPress theme, most likely it will output buttons pretty much in style with your overall design! That means you don’t need to work-around it too much. You might be interested in more examples of how it works in the default WordPress Twenty Nineteen theme.

Purpose of the Button Group Gutenberg Block

button featured

This block will accelerate and simplify the process of adding buttons in Gutenberg:

  • Call-to-action buttons in marketing areas
  • Read more buttons
  • Buttons accompanying services / projects.

Features of the Button Group Gutenberg Block

There are not a lot of settings for buttons, so you’ll be really quick in setting them up:

  • Add any number of buttons (the block adds two by default) and set the spacing between them.
  • Designate alignment, direction and button width for different viewports.

button group settings

  • Select a style for buttons (default, outlined, or squared). You can change the button style inline in Gutenberg as well.

button styles

  • Set background and text colors.
  • Edit button text and links inline.

Here are a few examples where buttons are places inside Sections for different purposes:

  • Pricing tables:

button pricing

  • Read more buttons:

button gutenberg block

  • Into sections:

intro section button group

Design Tips

  • If you design advanced content elements and want to add buttons, use the Section block by Getwid.
  • To keep design consistency, try to stick to the following common design practice for button usage: use only one button style and not more than two button colors.

Download Gutenberg Blocks + Fee Starter Theme

If you want to get a professional design built with Getwid blocks and Gutenberg, you’ll enjoy the Getwid Base theme with tons of preinstalled content blocks for projects of different types and scale.

It’s a free theme with a stylish and lightweight flat design, thought-out typography, and, of course, good-looking buttons!

Check out Getwid Demo

Download Getwid Gutenberg Blocks Free

Install Getwid Base Starter Theme for Gutenberg

Getwid Video Tutorials

Leave a Reply

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