Wait! Are you leaving?

Try Gutenix subscription for Free !

  • +6 Free templates for Elementor and Brizy
  • Free Gutenix theme
  • Warm hugs from Gutenix team!

Banner ZeGuten block for Gutenberg

ABOUT THE AUTHOR

I work as a copywriter at Gutenix. Our company creates products based on the Gutenberg WordPress editor.

ZeGuten overview of the Section block with responsive columns
Prew post
  • Apr 10, 2020
  • 4 min read
  • 216

Banner ZeGuten block for Gutenberg

One of the main goals of holding the website is earning money. A lot of business owners create the website for promoting their services and the same is with bloggers. That is why you can often notice gaudy banner builder for WordPress with hot offers, sales, and others on the pages of their websites. 

Are you interested in how to add a banner for WordPress? Thanks to the ZeGuten banner block you will be able to create astonishing banners and stylize them according to your needs.

Have no idea where apply banners block? It’s simple as ABC! Just explore the Gutenix subscription and find out a lot of products that are suitable for the Gutenberg editor. This subscription is a perfect way for a quick start, as there are Gutenix theme, also, two add-ons for an excepted functionality, 30+ starter sites for Elementor, Gutenberg, and Brizy builders. Try it now!

The key features of ZeGuten banner for WordPress

Banners created with the ZeGuten banner block are different from simple static banners. You are free to add different call-to-actions, links, customize the typography, change the hover and overlay settings, etc. All these actions are possible directly from the Gutenberg editor without any codes. But for the code lovers, there is also an ability to add CSS classes. 

Add the dynamics to your banner for WordPress using one of the several animated effects that ZeGuten offers to you. Wondering about how to create the animated banners the same as in demo? It will take a few minutes if using the ready-to-use layouts. All that you need is to replace the demo content on your own and enjoy the result.

Create a banner using ZeGuten banner builder for WordPress

To add the banner for WordPress you should open the Gutenberg editor. Click on the “+” button to add a new block. In the search field enter the name of the block you looking for and click on it to add it to the page.

add-block banner builder wordpress

Once you add the block you will see its settings appeared in the right sidebar. The first tab is General Settings. Here you can choose the background image for your banner. Upload it from your computer or choose from the existing media library.

general-settings

In General Settings you can also choose from the six pre-made animated layouts.

choose-layout for banner builder wordpress

Then to change the title you should open the Title Setting tab. Here you can change the typography, color, and margin. Feel free to choose any font family you want. Besides, you can set the necessary font size and text transform to make the title look according to your preferences.

title-settings

Below Title Settings section, you will see the Subtitle Settings and Description Settings tabs. They include the same options as the previous one but they will be applied to the banner subtitle and description.

Add buttons to the banner

ZeGuten banner block has the ability to add several buttons. To add a button enter its title in the text field and after that paste the link of the page you want the users to be redirected. 

You are free to change the style of the borders and choose from several layouts. Add the icon after the button text if you want, change the padding, and then set the colors according to your design.

Open the Button 2 section to add one more button. If you have two buttons you may display them inline or as blocks.

button for banner builder wordpress

If you want to set the overlay color then the Overlay section is for you. You can make the overlay to be shown when pointing the mouse cursor on the banner. Either make it visible permanently.

overlay

In case you need to add the CSS styles to this block you can do it in the Advanced section.

advanced banner builder wordpress

Super! Finally, you are ready to create your own eye-catching banner for the WordPress website and draw the visitors’ attention. As you can see with the ZeGuten banner block the workflow is as simple as possible. Save your time for more important deeds.

3
Appreciate
ZeGuten Advanced map block for Gutenberg
Next post
ZeGuten overview of the Section block with responsive columns
Prew post
ZeGuten Advanced map block for Gutenberg
Next post

Get Gutenix Subscription

Create unlimited websites with dozens of templates, premium Gutenberg blocks and lightweight theme — all in one toolkit.

Meet Gutenix, the devoted team of developers that stands behind ZeGuten plugin and Gutenix free theme. We're inspired by WordPress, and are always looking for an opportunity to make WordPress easier for everyone.
Subscribe to get the news from Gutenix! Be the first to know of updates & discounts!
Enter a valid email!
Server error. Please, try again later!
Form was successfuly submited!
Follow Us:
Copyright © 2020 Gutenix. All Rights Reserved.