Creating Beaver Builder Custom Module For Clients

Recently I got a client who was wanting a custom module for Beaver Builder plugin. Module was for banner or hero image section. So I built that module for him. I am sharing the details here. Here is the frontend output of that custom module.

Settings Form of Banner Module

1. General

From this tab user will add the banner image, title, paragraph and enable the button for call out action. See the screenshot at below:

2. Button

From this tab user will control the button settings like button text, color, typography, border etc. See the screenshot at below:

3. Style

User will setup the overlay background color, opacity, gradient effect, minimum banner height, title color, text color, typography, padding, border etc.

4. Layout Sorting

This module have sorting option. You can easily change the default position of title, text and button.

So this module have lot of possibilities. You can easily customize and use for different purposes like hero section, banner, team member etc. I think that his idea was not to bad and I really liked this module.