WHAT'S NEW!

TABLES

It took me a minute to figure out the details of how these worked, but I finally figured it out; let me know if you have any questions!

There are a lot of customizations that can happen...

Name Designation Office
Mr. John Doe Software Developer Tokyo
Ms. Cara Wagner Integration Specialist London
Mr. Bruno Stevens WordPress Developer New York

BUSINESS HOURS

There are multiple versions with color & text formatting available

Default

Monday
8:30 AM - 7:30 PM
Tuesday
8:30 AM - 7:30 PM
Wednesday
8:30 AM - 7:30 PM
Thursday
8:30 AM - 7:30 PM
Friday
8:30 AM - 7:30 PM
Saturday
Closed
Sunday
Closed

Preset 1

Monday
8:30 AM - 7:30 PM
Tuesday
8:30 AM - 7:30 PM
Wednesday
8:30 AM - 7:30 PM
Thursday
8:30 AM - 7:30 PM
Friday
8:30 AM - 7:30 PM
Saturday
Closed
Sunday
Closed

TIMELINE

There are multiple versions that can be laid out either vertically or horizontally with color & text formatting

2019-01-01

Heading 1

I am timeline card content. You can change me anytime. Click here to edit this text.
2019-01-01

2020-01-01

Heading 2

I am timeline card content. You can change me anytime. Click here to edit this text.
2020-01-01

2021-01-01

Heading 3

I am timeline card content. You can change me anytime. Click here to edit this text.
2021-01-01

CONTENT TOGGLE

Heading 1
Heading 2

This is your first content.

 

Change the shape and color of the toggle switch, which content is default to be shown, the size of the switch, and more...

DEVICES

Also available: Desktop & Browser window

Change the color of the device with options to show an image, image slider, video, or iFrame

uabb-device-phone
uabb-device-tablet
uabb-device-laptop
youtube-video-thumbnail

FAQ SCHEMA

Works similar to the Accordian layout with a few more formatting options that help make a page more searchable using schema data markup

You can drag-and-drop it like any other Beaver Builder module. Then add all your questions with respective answers. That’s it! You can then customize the FAQ section with design settings.

In a module, you will find an option to enable schema support. Once you enable this option, FAQ schema will be automatically added to your page. In case you are using an external plugin to add schema you can keep it disabled.

The module follows Google guidelines and adds FAQ schema.

HOW-TO SCHEMA

Just like with the FAQ Schema, use this to make a page more searchable using schema data markup

How to configure HowTo Schema?

So to get started, you will just need to drag-n-drop the How-to module in the Beaver Builder editor.
The How-to module can basically be used on How-to pages which contains a How-to in their title and contains steps to achieve certain requirements.

Time Needed: 30 minutes

Total Cost: USD 69

Things Needed ?

- A WordPress Website.
- Beaver builder plugin.

Required tools:

- A Computer.
- Internet connection.
- Google Structured data testing Tool.

Steps to configure the How-to module:

Step 1 : Enter the HowTo schema title you want.

Enter the title to your HowTo Schema

Step 2 : Enter the HowTo schema Description and Add a relevant Image.

Enter the HowTo Description with a relevant image to your description.

Step 3 : Configure the Advanced settings. ie Total Time, Extimated Cost, Supply, Title

Under the Advanced settings for HowTo Schema
- Total Time required to perform all the given instructions.
- Estimated Cost for the consumables/ supplies needed for the instructions.
- Supply needed to be consumed when performing the actions/directions.
- A Tool used but not consumed for the operation.

Step 4 : Enter the Steps for your HowTo schema.

Steps for your HowTo Schema instructions it can be a single step (text, document or video) or an ordered list of steps (itemList) of HowToStep.

Step 5 : Manage the Styling and Typography of the module.

Style your HowTo Schema with various styling options to display your HowTo Schema.

OFF CANVAS

A box pop-up that blacks out (color can be chosen) main site to feature a content box - pops up from an icon, image, text, button, or custom class/ID

Dignissim molestiae ipsam minima sunt, reiciendis aliqua consectetur! Qui euismod, ipsa. Illum cumque? Dis. Nisl erat temporibus? Nascetur arcu rerum donec, nonummy proin eveniet exercitationem! Nam, senectus, nihil! Interdum? Quasi ut quidem, urna suscipit tristique nunc, iaculis fermentum deleniti. Amet consectetuer nulla. Ducimus hic. Turpis dolores occaecat necessitatibus aute aliquam? Eveniet ultricies dictumst aliquet accusamus, officiis morbi sapien occaecati cras, aperiam vestibulum, officiis qui quidem minim scelerisque explicabo, mi inceptos pulvinar quo diamlorem phasellus ut fugit perferendis dui nesciunt nobis, venenatis egestas aliquet cubilia! Fringilla, a aliqua veritatis aliquid cubilia sed, natus? Venenatis asperiores, sapiente error erat do auctor mollitia.

Text Option

Dignissim molestiae ipsam minima sunt, reiciendis aliqua consectetur! Qui euismod, ipsa. Illum cumque? Dis. Nisl erat temporibus? Nascetur arcu rerum donec, nonummy proin eveniet exercitationem! Nam, senectus, nihil! Interdum? Quasi ut quidem, urna suscipit tristique nunc, iaculis fermentum deleniti. Amet consectetuer nulla. Ducimus hic. Turpis dolores occaecat necessitatibus aute aliquam? Eveniet ultricies dictumst aliquet accusamus, officiis morbi sapien occaecati cras, aperiam vestibulum, officiis qui quidem minim scelerisque explicabo, mi inceptos pulvinar quo diamlorem phasellus ut fugit perferendis dui nesciunt nobis, venenatis egestas aliquet cubilia! Fringilla, a aliqua veritatis aliquid cubilia sed, natus? Venenatis asperiores, sapiente error erat do auctor mollitia.

Dignissim molestiae ipsam minima sunt, reiciendis aliqua consectetur! Qui euismod, ipsa. Illum cumque? Dis. Nisl erat temporibus? Nascetur arcu rerum donec, nonummy proin eveniet exercitationem! Nam, senectus, nihil! Interdum? Quasi ut quidem, urna suscipit tristique nunc, iaculis fermentum deleniti. Amet consectetuer nulla. Ducimus hic. Turpis dolores occaecat necessitatibus aute aliquam? Eveniet ultricies dictumst aliquet accusamus, officiis morbi sapien occaecati cras, aperiam vestibulum, officiis qui quidem minim scelerisque explicabo, mi inceptos pulvinar quo diamlorem phasellus ut fugit perferendis dui nesciunt nobis, venenatis egestas aliquet cubilia! Fringilla, a aliqua veritatis aliquid cubilia sed, natus? Venenatis asperiores, sapiente error erat do auctor mollitia.

Dignissim molestiae ipsam minima sunt, reiciendis aliqua consectetur! Qui euismod, ipsa. Illum cumque? Dis. Nisl erat temporibus? Nascetur arcu rerum donec, nonummy proin eveniet exercitationem! Nam, senectus, nihil! Interdum? Quasi ut quidem, urna suscipit tristique nunc, iaculis fermentum deleniti. Amet consectetuer nulla. Ducimus hic. Turpis dolores occaecat necessitatibus aute aliquam? Eveniet ultricies dictumst aliquet accusamus, officiis morbi sapien occaecati cras, aperiam vestibulum, officiis qui quidem minim scelerisque explicabo, mi inceptos pulvinar quo diamlorem phasellus ut fugit perferendis dui nesciunt nobis, venenatis egestas aliquet cubilia! Fringilla, a aliqua veritatis aliquid cubilia sed, natus? Venenatis asperiores, sapiente error erat do auctor mollitia.

NEW VIDEO

New options for inserting a video, and choose the thumbnail image if you don't like the default!!

From YouTube, and add a subscribe button

youtube-video-thumbnail
Subscribe to our YouTube Channel

From Vimeo

vimeo-video-thumbnail

From your file(!) uploaded into the media library

VIDEO GALLERY

Add a collection of videos from YouTube, Vimeo, Wistia, or an uploaded video to the media gallery - can mix & match where they are from within the gallery