Ultimate Addons for Beaver Builder 文件

How to get Yelp API key?

UABB Business Reviews module requires the Yelp API key to display Yelp reviews. This article will help you find your Yelp API key.

With the Yelp developer documentation, you will find detailed steps. But below are necessary and selected actions you would need to take –

Create an app to obtain your private API Key.Authenticate API calls with the API Key.

Step 1 – From the link here, click on the Create App link.

Step 2 – It will take you to the login page. Login with your account details

Step 3 – You will find your API key under General > Manage App. You can enter your email ID and description on this page.

Step 4 – Copy this API key. Now, from the WordPress dashboard, visit Settings > UABB > General Settings > Business Reviews – Yelp API key, and paste the key under the Business Reviews – Yelp API Key section.

Please keep the API Key to yourself since it is the credential for your call to Yelp』s API.

How many numbers of reviews can be shown for Google and Yelp?

Business Reviews module allows displaying Google and Yelp business reviews. To fetch reviews for your business you would need to add respective Google and Yelp API key. Here are some important points to note –

Your business reviews are fetched over these API keysGoogle allows only 5 reviews to fetch with Google API key.Similarly, Yelp allows fetching only 3 reviews.

Google and Yelp provide a limited number of reviews that are fixed. And this is dependent on which reviews Google and Yelp consider as the 「Most Relevant」 to your business.

Business Reviews module allows the option for auto-refreshing reviews. You can use this to fetch newly added reviews based on the time frame in which you receive reviews.

Unable to see the address on entering?

Actually, the UABB』s Google Map requires location co-ordinates rather than Location as you add in the Beaver Builder』s Map module.

Their Google API is different, hence different functioning.

No worries, you just need to visit the link below the Latitude or Longitude field to get your location』s coordinates and paste them in the Latitude and Longitude fields.

Below is the screenshot where you can find the Tool and above the same are the fields where the Latitude and Longitude co-ordinates need to be added.

UABB Advanced Posts Custom Posts Layout shortcodes and usage?

Facing any difficulty while using shortcodes in the Advanced Posts』 Custom Post Layout?

You will have to use the Beaver Builder Shortcodes that will help you insert post data and metadata.

Firstly, you will need to select the Custom option from the Post Layout. You will then find the Custom Post Layout option appear below. You can take a look at the screenshot.

Here is how the default Layout looks when you click on the Edit Custom Post Layout link seen in the previous screenshot.

Wish to know more about shortcodes which can be used in our Custom Layout option? You can read about it in the following article about Beaver Themer-> https://kb.wpbeaverbuilder.com/article/572-beaver-themer-shortcode-index

Note:- The Custom Post Layout option is only available while the Beaver Themer plugin is installed and activated.

As you can see, there is a connection field available inside the custom layout. Using this, you can render the dynamic fields data. You will need to click on the plus Icon and use the required option from the dropdown to connect or insert the dynamic fields.

Here』s an article that speaks about the basics of Beaver Builder dynamic Fields Connections  using which you can connect or insert Beaver Themer or custom field connections -> https://kb.wpbeaverbuilder.com/article/388-field-connection-basics-themer

You can also find custom, WooCommerce and Advanced Custom Fields dynamic connections if the respective WooCommerce Plugins and ACF plugin is installed and activated.

The values in the Connect and Insert fields for Advanced Custom Fields will be displayed in a separate window where you will need to choose the Field Type and enter the custom field name so that they can be rendered accordingly.

Below is a screenshot on how it looks like

Particle Backgrounds For Beaver Builder

With Ultimate Addons for Beaver Builder, you get an option to set attractive particle backgrounds in Beaver Builder. Particle Backgrounds creates attractive visual effects to increase user engagement.

Key Features –

Inbuilt Style Options – Polygon / NASA / Snow / CustomParticle Layout and customization controls – Color, Direction, Size, Speed, etc.Interactive BackgroundCustom/Personalized particles background style (No Coding Required)

 WHERE TO FIND THE SETTING?

UABB – Particle Backgrounds is available with all existing Beaver Builder background options like row, column background. To set the particle background for a row, edit the row, go to the Particle Backgrounds tab.

Below are the available options with UABB – Particle Backgrounds :

 INBUILT STYLE OPTIONS – POLYGON / NASA / SNOW / CUSTOM

Some default styles are available for particle backgrounds. You can choose any prebuild style or can design your own custom style. The custom styling feature is explained later in this article.

 PARTICLE LAYOUT AND CUSTOMIZATION CONTROLS

The selected background style can be completely customized. You can set more specific settings from Advanced Settings. Available settings are –

ColorOpacityFlow DirectionNumber of ParticlesParticle SizeMove Speed etc.

 INTERACTIVE BACKGROUND

Enabling this effect will generate an interactive effect on mouse hover like shown below. To enable this effect go to Advanced Settings > Enable Hover Effect. Note that hover effects can be viewed in the frontend only.

 CUSTOM/PERSONALIZED PARTICLES BACKGROUND STYLE

Apart from the default particles style, you can design your own style with different shapes, sizes, density, etc. Here is the detailed document that shows how to add a custom style.

Particles Hover Effect Not Working

In UABB – Particle Backgrounds, under Advanced Settings, you get an option to Enable Hover Effect. The hover effect is an interesting feature that will interact with the user when hovered with a mouse.

This effect will not work in the following cases –1. This will be visible only in the frontend and will not work in the backend.2. In case a content/spacer is overriding the background. For example – In a row, you have added a heading and added a spacer above and below the heading. This will occupy the entire space in the row. As the spacer has a transparent background, particle background for the will be visible but it will not be interactive since it has spacer over it. The hover effect will work outside the spacer where a cursor can have direct contact with the particles background.To solve this you can remove the spacer and add padding for the row. So that particles in the background can be interacted using the mouse.

Not Able to See Particle Backgrounds

Sometimes enabling the Particle Backgrounds does not display particles in the background. This might happen because widgets are covering the entire row and there is no space for particles background to show up.

For example – In a row, you have added a heading and added a spacer above and below the heading. This will occupy the entire space in the row. So particle backgrounds added to row will not display as it has heading and spacer above it.

To solve this you can remove the spacer and add padding for the row. So that particle backgrounds will display.

How to Add Custom Particle Backgrounds Style?

With UABB– Particle Backgrounds you get some prebuild particle styling. Apart from these default styles you can customize and personalize background style with JSON code. You can do so with a few easy steps and don』t need to have any coding skills.

You can customize and add custom JSON code from the link here. Below are the steps –

Visit the link here to design a custom particle styling.Choose options as per requirement. You can select particles styling like shape, color, size, number, etc. From interactivity options, you can choose interactive effects on mouse hover/click. You can even set a page background for particles.Once you are done with setting custom styling, click on the Download current config (json). This will export the required JSON code for your custom styling.Open the above-downloaded file and COPY the entire code.Go to your Beaver Builder page and open the Style tab for the Row or Column you want to set background for.Under UABB– Particle Backgrounds, choose Style as Custom. Paste the above-copied code under Add Particle Json window.

Save the changes and you are done!

How to hide the Google Map』s Info Window on Page Load

Are you unable to hide the Info Window on Page Load and don』t know where to look in the module? You are in the right place to help you find out the same.

Each Address of the Google Map module has the option to Disable the Info Window on Load.

To find the same just visit the individual Address of the Google Map module and go the Info Text tab.

At the bottom, you can find the option you were looking to Disable the Info Window on Load.

Unable to See CF7 Styler and Gravity Forms Styler module

Please make sure following things on your website –

1. You have installed minimum version 1.5.0 or greater of Ultimate Addons

2. You have installed & activated Gravity Form plugin for Gravity Forms Styler and Contact Form 7 plugin for CF7 Styler modules.

3. Gravity Form Styler and CF7 Styler module is enabled in UABB Modules settings

4. Gravity Form Styler and CF7 Styler module is enabled in Beaver Builder Module settings