Ultimate Addons for Beaver Builder 文件

Automatic Beta Updates

Small but a very useful feature we are introducing with UABB 1.4.0 is Automatic Beta Updates.

We follow a Beta testing process while releasing any major version. It allows us provide a working copy of the upcoming release to our customers and get feedback on new features, improvements and fixes. It is a part of our efforts to release only stable and thoroughly tested updates.

So far, our customers had to manually download and install the beta versions. But now, we』ve simplified the processing by introducing a feature that will allow users to easily participate in Beta Program. Just enable the checkbox and whenever a new beta version is available, you will get the update notification right in the WordPress backend.

Please note – beta versions are stable as possible since we release them only after testing internally. But we still recommend you to use them only on staging sites or playgrounds. Do not use beta features on live websites. Learn more here.

UABB Global Settings

Global settings make things dynamic and allow you to control possible things from one central place.

Just to take an example – default color of buttons is determined from the global settings. So if you decide to change this throughout your website later, you can make just one change here to let it take effect on all UABB buttons used on the website.

Settings made globally are overwritten by the settings in the individual module. If you keep the setting values blank in module – they would be controlled from global. This would come very handy especially for templates that we』re providing with UABB. Since most of you would not want to use our template 「as is」 – we have provided global settings so you can make them 「yours」 with just a few clicks.

Please note: Since the Ultimate Addons for Beaver Builder is 100% compatible with Astra, Beaver Builder Theme and GeneratePress, the addons automatically adopt your theme settings. The Global settings button will not be seen in such cases.

You can enable UABB Global settings by following the steps mentioned below:

1. Create or Edit a page and open it in the Page Builder.

2. Click on the Down Arrow on the Left top corner to open the Drop down.

3. Click on UABB Global Settings

4. Enable the Settings and Save

How to White Label UABB?

What is White Label branding?

White label Branding is the ability to rename and present a product or a plugin as your own. This helps you hide the actual identity of the plugins used and lets you use your brand name instead.

The Ultimate Addons for Beaver Builder comes with an option for white label branding. You can change almost every field to prove that the product is yours and you are the whole and sole developer who has worked on a website.

In order to enable the UABB white label option, you will need to click on 「UABB」 under Settings, open Branding and add all necessary details in the fields given.

Following is an image of how you can fill the details:

Save your settings.

Later, if you wish to hide these settings from your client or anyone who would be accessing the backend of a website, you can simply opt to hide these settings by enabling the checkbox seen below.

Save your Settings.

Want to see where this all will be displayed?

We have a few images for you to understand all the places where all your white label settings will be seen.

This is where the Plugin Name, the Author name, the Author / Agency URL and the Plugin description will be replaced.

The following image shows the replaced Plugin Short name.

This is where your documentation and support links can be put in.

Note: If you wish to see these (Branding – White Label) settings again after hiding them, you can do so by re-activating the plugin from the plugins page.

What are Presets in the Image & Icon settings?

The Ultimate Addons for Beaver Builder has a module named Image/Icon. You can use this module if you wish add an image or an icon within a stylish background or a suitable color theme.

If you select to add an icon using this module, you will find the Preset 1 and Preset 2 options besides the Icon color presets under the general settings of the module.

These settings allow you to match the icon and its background color to that of the theme you are using.

Preset 1: When you select this option, the icon will remain white, while the background will inherit the primary color you set in the UABB Global settings.

Preset 2: When you select this option, the icon will inherit the primary color you set in the UABB Global settings, while the background will remain white.

You can take a look at the following image to see the color that gets inherited from the UABB Global settings.

To know more about the UABB Global settings, you can refer to the article here.

How to enable / disable modules in UABB to reduce server requests?

We have developed a new feature, called the 『UABB Modules『 that lets you disable the modules you are not using.

This feature has separated the module files in such a way that when you disable a module, there won』t be a server request for the respective files.

Core BB already has a module enable / disable functionality. But, it is not effective to reduce the server requests.

UABB module』s enable / disable functionality acts on a top layer than the core beaver builder module enable / disable setting. This means, that if you disable the module from UABB Module settings, it will not be displayed in the core beaver builder modules list.

How can I use other modules in Modal Popup / Advanced Accordion / Advanced Tab?

Have you ever felt the need of using one module within the other?

People often tend to save modules, sections or rows for later use. We understand your need and therefore have added an option where you can add existing modules within a Modal popup, an Advanced Accordion or an Advanced tab.

In order to include a module within another, you can follow the steps mentioned below.

1. Design a row / module as per your choice.

2. Save the designed row / module as a template.

Not sure of how to save a row or a module? Here is an article that will help you do so.

3. There are 2 methods to add saved templates in module

# Through Module Settings

– Open a module you wish to add the template in– Select your choice from the dropdown menu

– Save

# Manually, using a Shortcode

– Here is an article that will help you understand how you can use a shortcode.– Add appropriate shortcode in post type – content.Refer to the image below.

This is how a modal popup will look when I add the shortcode.

How can I Begin Building a Page using UABB?

Excited to build a new page?

Before we begin, please make sure that you have installed the Ultimate Addons for Beaver Builder on your site. You can refer to this article in case you need some help.

Let us now begin creating a page.

1. Create a New Page

In the WordPress Dashboard, click on Pages and then 「Add New」

2. Open the page in the Page Builder

3. Under Modules tab, selct UABB Modules from the Group select bar and begin using the modules you wish to add on the page.

The Ultimate Addons for Beaver Builder also comes with a huge collection of section and page templates that can be used and modified according to your needs. You can refer to the articles here to know more.

How to use Column Background Gradient?

Have you ever wanted to use the gradient effect for column backgrounds in your website? The Ultimate Addons for Beaver Builder introduces this feature in version 1.6.0.

You can use this feature by following the steps mentioned below.

1. Click on the column you wish to add a gradient background. You will see the column settings window opened.

2. Select Ultimate Gradient Option from the background type options.

3. After selecting Ultimate Gradient under background type, you will see a new section named Gradient. You can now change the gradient type, color and a lot more to make your row look beautiful.

If you are unable to see the Ultimate Gradient option under the background type options of row settings, make sure you have enabled this extension under Settings -> UABB. Please refer to the article about enabling / disabling UABB modules. You can enable extensions too!

Row / Column Gradient Background

Available from Version 1.6.0

Gradient background is the extension where we have enhanced row & column background settings.

# For Row Gradient Background

You will find this option in Row Settings -> Style tab -> Background section. Refer the following screenshot –

# Column Gradient Background

You will find this option in Column Settings -> Stylet tab -> Background section. Refer the following screenshot –

Just make sure you have enabled row & gradient background in UABB Module Settings!

Price List

Price List is a powerful module that allows displaying a list of items, products, services etc. along with its title, description, price, discounted price, image. It allows creating attractive Price List for your business with easy options.

See how beautifully Price List can be designed with this module on our Demo Page.  Below are the key features for the module – 

Ability to add Title, Description, Price, and Image Image position and overall alignmentTotal customization for Title-Price Connector Color and Typography options for every section 

Ability to add Title, Description, Price, and Image

Module allows adding all required details for each list item. Under List Item > List Section you will find options to create all  list items.  You can even add normal and discounted price foe the items under sale.

Image position and overall alignment

Image chosen for every list item can be set at different positions. Read How to Set Different Image Positions in Price List?

Total customization for Title-Price Connector

A line between list item title and price can be customized completely from Layout > Title Price Connector

Related Docs – How to set Hover Colors and Animation for Price List?Minimum height option in Price List