Title: WPD Beaver Builder Additions
Author: smarterdigitalltd
Published: <strong>जनवरी 15, 2017</strong>
Last modified: जुलाई 16, 2018

---

Search plugins

![](https://ps.w.org/wpd-bb-additions/assets/banner-772x250.jpg?rev=1581131)

This plugin **hasn’t been tested with the latest 3 major releases of WordPress**.
It may no longer be maintained or supported and may have compatibility issues when
used with more recent versions of WordPress.

![](https://ps.w.org/wpd-bb-additions/assets/icon-256x256.jpg?rev=1581064)

# WPD Beaver Builder Additions

 By [smarterdigitalltd](https://profiles.wordpress.org/smarterdigitalltd/)

[Download](https://downloads.wordpress.org/plugin/wpd-bb-additions.zip)

 * [Details](https://mai.wordpress.org/plugins/wpd-bb-additions/#description)
 * [Reviews](https://mai.wordpress.org/plugins/wpd-bb-additions/#reviews)
 *  [Installation](https://mai.wordpress.org/plugins/wpd-bb-additions/#installation)
 * [Development](https://mai.wordpress.org/plugins/wpd-bb-additions/#developers)

 [Support](https://wordpress.org/support/plugin/wpd-bb-additions/)

## Description

#### Modules

Check out the demo page [here](https://wpdevelopers.co.uk/wpd-beaver-builder-additions-modules/).

**WPD Optimised Video Embeds**

> New with 2.0.0 <

Now you have the ability to make a button appear above or below your videos after
a certain number of seconds.

—

A small module to let you embed YouTube or Vimeo videos into your site without the
bloat that comes with the regular iframe method.

Read [this post](https://wpdevelopers.co.uk/optimised-youtube-vimeo-embeds-for-beaver-builder/)
for details on how much it can increase your website speed substantially.

Features:

 * You are able to add your own icon, colour and responsive size for the play button
   using the Beaver Builder icon library
 * Specify parameters for the video (eg. rel=0 so you don’t show related videos 
   at the end)
 * Add a thumbnail overlay
 * Add a thumbnail CSS filter (sepia, grayscale, invert)
 * DNS pre-fetching using [resource hints](https://w3c.github.io/resource-hints/)
 * Define your own aspect ratio for a perfect fit (to prevent black borders at the
   top/bottom/left/right)

Based on [David Waumsley’s](http://www.beaverjunction.com/) findings.

**WPD Static Map Embed**

A lot of people don’t like to use an embedded website map for directions to a business.

They often prefer the full Google Maps interface, particularly on mobile where they
can use the Google Maps app as it’s much less fiddly than maps embedded on a website.

Not only that, but a lot of scripts are downloaded with embedded maps, which can
slow down your website.

This module uses the Google Static Maps API to display a static Google Map image
on your site, that links to your location on a full Google Map. Desktop users will
see the map in a new window, and mobile users will see it in the Google Maps app,
if they have it installed.

_Now with the ability to style the map using SnazzyMaps and MapStylr_

See the corresponding [blog post](https://wpdevelopers.co.uk/beaver-builder-google-static-map/)
for more details

#### Enhancements

Enhancements are small tweaks to the Beaver Builder plugin, that aren’t a module
or a field.

**Module Animations**

Lots of new entrance animations for your modules, including:

 * Roll Left
 * Roll Right
 * Bounce In
 * Bounce In Down
 * Bounce In Up
 * Bounce In Left
 * Bounce In Right
 * Fade In Down
 * Fade In Up
 * Fade In Left
 * Fade In Right
 * Flip In X
 * Flip In Y
 * Lightspeed In
 * Pulse
 * Flash
 * Shake
 * Tada
 * Wiggle
 * Wobble

**Collapsible Rows**

Collapse an entire row, and optionally set a cookie. Perfect for adding a promo 
bar in Beaver Themer.

[Collapsible rows](https://wpdevelopers.co.uk/app/uploads/2017/04/collapsible-row.gif)

**Fade-on-scroll**

Allows you to fade a row in or out as you scroll down the page.

[Beaver Builder Fade on scroll row](https://wpdevelopers.co.uk/app/uploads/2017/01/fade-on-scroll.gif)

For further information, please read [this post](https://wpdevelopers.co.uk/fade-scroll-beaver-builder-rows/).

## Installation

Get started by simply:

 1. Upload the plugin files to the `/wp-content/plugins/plugin-name` directory, or 
    install the plugin through the WordPress plugins screen directly.
 2. Activate the plugin through the ‘Plugins’ screen in WordPress Admin
 3. Within WordPress Admin, visit ‘Settings’ > ‘Page Builder’ > ‘WPD Settings’ to configure
    basic settings

## FAQ

  Installation Instructions

Get started by simply:

 1. Upload the plugin files to the `/wp-content/plugins/plugin-name` directory, or 
    install the plugin through the WordPress plugins screen directly.
 2. Activate the plugin through the ‘Plugins’ screen in WordPress Admin
 3. Within WordPress Admin, visit ‘Settings’ > ‘Page Builder’ > ‘WPD Settings’ to configure
    basic settings

  How do I match the heights of modules?

In 2.0.3, you can match the heights of modules (useful if you have uneven blocks
of text with call to actions below) by:

1) Opening each module’s settings
 2) Heading to the ‘advanced’ tab 3) Adding the
same name to “Match height group”

  How do I white-label WPD BB Additions?

You are able to change the values of:

 * Plugin Name
 * Plugin Description
 * Plugin Author
 * Plugin Author Website

You can do this by adding something similar to your functions.php file in your theme:

    ```
    add_filter( 'wpd/bb-additions/config', function( $config ) {
         $config->plugin_menu_name = 'My Plugin';
         $config->plugin_description = 'My Plugin Description';
         $config->plugin_author = 'My Name';
         $config->plugin_author_uri = 'My Website';
         return $config;
    }, 10, 1 );
    ```

  How do I set a custom thumbnail for optimised videos

In version 1.9+ you have the option to choose ‘custom thumbnail’ within the settings
of an Optimised Video module. You’ll then be able to upload a thumbnail using a 
photo field.

  How do I set my own aspect ratio for an embedded optimised video?

In version 1.5+, you can simply add or edit a WPD Optimised Video and then choose‘
Custom’ under ‘Aspect Ratio’. You will then see 2 fields for width and height. If
you have a 4:3 aspect ratio, use ‘4’ in width and ‘3’ in height. The default is 
16:9.

  How do I add a WPD animation into a Beaver Builder module?

New animations are simply added to a module in exactly the same was as usual. In
the Beaver Builder editor, edit a module, head to the Advanced tab, and then choose
an animation from the animation dropdown field.

  How do I enable the ‘fade on scroll’ effects on a row?

Simply edit your row, and check the ‘WPD’ tab for this setting.

  How do I enable the ‘polaroid photo’ effect on a photo module?

Simply add/edit a photo module, and check the ‘WPD’ tab for this setting.

  How do I override the CSS for the polaroid photo effect?

You can either:

 * Add a file in your theme: **theme-name/wpd-bb-additions/enhancements/polaroid-
   photo/css/style.css** and it’ll automatically overwrite.
 * Using the **wpd_bb_enhancements_polaroid_photo_css_file** filter to specify your
   own path

## Reviews

![](https://secure.gravatar.com/avatar/ec5c329c60c040abe98179f0a69c0c70a65d40e777e8d47dc6a9bc91b663ed70?
s=60&d=retro&r=g)

### 󠀁[Can’t believe it’s free](https://wordpress.org/support/topic/cant-believe-its-free-9/)󠁿

 [balticsamurai](https://profiles.wordpress.org/balticsamurai/) अक्टूबर 19, 2018

Great addition to Beaver Builder adding some of the stuff (like a variety of animations)
that even Premium ones do not provide. YouTube element seem to load faster than 
other alternatives. Thanks a lot!

![](https://secure.gravatar.com/avatar/6b8906127d135d63392435de930e5337b1ba8ff340bb089a0203e82524ded0a2?
s=60&d=retro&r=g)

### 󠀁[Fully agree with all of the excellent reviews](https://wordpress.org/support/topic/fully-agree-with-all-of-the-excellent-reviews/)󠁿

 [](https://profiles.wordpress.org/johnny_n/) मई 2, 2018 1 reply

Not sure how I found this plugin last fall, but so happy I did. I use it on every
Beaver Builder project I create now as well… a must have, with valuable additions
to the Beaver.

![](https://secure.gravatar.com/avatar/22d44f270d72623841dcffffd72ddc35ce2395865a4e36fe6be3078dac816e55?
s=60&d=retro&r=g)

### 󠀁[Brilliant plugin to extend Beaver Builder](https://wordpress.org/support/topic/brilliant-plugin-to-extend-beaver-builder/)󠁿

 [Hugues](https://profiles.wordpress.org/hugaud/) मई 2, 2018 1 reply

Thanks for a brilliant plugin Doug. I’ve mostly used the video embed module for 
now and it is totally amazing. Not just because it enables adding videos more efficiently
but also because of the creative avenues it opens with the video image. Top work.
Now officially part of my development stack. Thanks again.

![](https://secure.gravatar.com/avatar/3f7f638451c6a67d384d8413bee4a7380f93e2bc87187191129941cd9c82e1a2?
s=60&d=retro&r=g)

### 󠀁[Excellent enhancements for Beaver Builder!](https://wordpress.org/support/topic/excellent-enhancements-for-beaver-builder/)󠁿

 [grndrm](https://profiles.wordpress.org/grndrm/) दिसम्बर 17, 2017 1 reply

This plugin has become a regular on my projects. It provides some excellent enhancements
to Beaver Builder. Many thanks to the developer!

![](https://secure.gravatar.com/avatar/15210b103d7c0146016a6ec1503242d2b6048517b3d335958cdc7015d91eb344?
s=60&d=retro&r=g)

### 󠀁[Must Have for Video&Maps](https://wordpress.org/support/topic/must-have-for-videomaps/)󠁿

 [Bernhard Gronau](https://profiles.wordpress.org/quasel/) जून 10, 2017

Reduces loading time – improves Workflow – just works!

![](https://secure.gravatar.com/avatar/7f26580386c891a5084c459a487681f9a1cb947f2bf73c27c216f0842fc553aa?
s=60&d=retro&r=g)

### 󠀁[Excellent Tutorial!](https://wordpress.org/support/topic/excellent-tutorial/)󠁿

 [stephnx](https://profiles.wordpress.org/stephnx/) मई 23, 2017 2 replies

Being a developer and a newbie in WordPress this is a great resource to learn from!

 [ Read all 10 reviews ](https://wordpress.org/support/plugin/wpd-bb-additions/reviews/)

## Contributors & Developers

“WPD Beaver Builder Additions” is open source software. The following people have
contributed to this plugin.

Contributors

 *   [ smarterdigitalltd ](https://profiles.wordpress.org/smarterdigitalltd/)
 *   [ Prajwal Shrestha ](https://profiles.wordpress.org/prajwalstha/)

[Translate “WPD Beaver Builder Additions” into your language.](https://translate.wordpress.org/projects/wp-plugins/wpd-bb-additions)

### Interested in development?

[Browse the code](https://plugins.trac.wordpress.org/browser/wpd-bb-additions/),
check out the [SVN repository](https://plugins.svn.wordpress.org/wpd-bb-additions/),
or subscribe to the [development log](https://plugins.trac.wordpress.org/log/wpd-bb-additions/)
by [RSS](https://plugins.trac.wordpress.org/log/wpd-bb-additions/?limit=100&mode=stop_on_copy&format=rss).

## Changelog

#### 2.0.5

 * (Improvement) Better Vimeo thumbnail support

#### 2.0.4

 * (Fix) Notice appearing when WP_DEBUG enabled
 * (Improvement) Beaver Popups integration mutes autoplayed videos to comply with
   Google Chrome media policies
 * (Feature) Module animation live previews
 * (Feature) Control module animation speed

#### 2.0.3

 * (Feature) Match module heights (Module Settings > Advanced)
 * (Improvement) White label

#### 2.0.2

 * (Fix) Fix settings form for modules
 * (Fix) Fix animations

#### 2.0.1

 * (Feature) White label
 * (Improvement) Throttled scroll events
 * (Fix) Hotfix for PHP 5.4

#### 2.0.0

 * (Improvement) Improved code throughout
 * (Improvement) Row fading enhancement improved
 * (Improvement) Activate/Deactivate Beaver Builder “Enhancements” in Wp Admin >
   Page Builder
 * (Feature) Optimised Video now supports opening in a lightbox
 * (Feature) Display a button above/below an Optimised Video after a certain number
   of seconds

#### 1.9.1

 * (Feature) Opacity option on play icon for videos
 * (Feature) Custom CSS option for video modules (great for background gradients
   that surround the video)

#### 1.9.0

 * (Feature) Ability to add custom thumbnail to videos (instead of YouTube/Vimeo)
 * (Feature) Ability to feature modules using an overlay
 * (Improvement) General cleanup of code

#### 1.8.9

 * (Fix) Better targeting for Beaver Popups videos

#### 1.8.8

 * (Improvement) Preparations for Beaver Builder 2.0

#### 1.8.7

 * (Improvement) Integrate with Beaver Popups plugin

#### 1.8.6

 * (Fix) Small fixes to Google autocomplete custom field enqueued JS
 * (Fix) Small fix for collapsible row (account for body padding)

#### 1.8.5

 * (Improvement) Allow a custom field connection for Optimised Video URL

#### 1.8.4

 * (Fix) Small fix so BB function used in icon lookup

#### 1.8.3

 * (Fix) Small fix so icons will display if not enqueued elsewhere

#### 1.8.2

 * (Feature) Collapsible rows with ability to set cookie – ideal for promo bars 
   in Beaver Themer

#### 1.8.1

 * (Improvement) More checks before initialising the plugin
 * (Fix) Ensure modules are hooked into init (to fix missing Advanced tab)

#### 1.8

 * (Improvement) Better checks before initialising the plugin

#### 1.7

 * (Fix) Remove a feature from WPD Additions admin which for a module that didn’t
   make the final cut
 * (Fix) Fixed Firefox bug with ‘jumping’ thumbnail on Optimised Video Embed (Thanks
   Bob!)

#### 1.6

 * (Addition) Added a new value slider field for future development
 * (Improvement) Added thumbnail overlay to Optimised Video module
 * (Improvement) Added thumbnail filters to Optimised Video module (grayscale, sepia,
   invert)
 * (Improvement) Added the ability to style maps using SnazzyMaps & MapStylr to 
   Static Map module
 * (Improvement) Added a delayed preview to Static Map module
 * (Fix) Fixed some logic with the fading rows for IOS

#### 1.5

 * (Improvement) Added the ability to change the aspect ratio of videos manually
 * (Improvement) Added the ability to remove the play icon

#### 1.4

 * (Improvement) New animations for modules

#### 1.3

 * (Fix) Check to see if old plugin exists, and prevents activation if so

#### 1.2

 * (Fix) Updated text domain in plugin
 * (Fix) Fixed WP.org banner images for plugin
 * (Fix) Fixed readme.txt

#### 1.1

 * (Fix) Amended image location for WP.org repo addition
 * (Improvement) Added a fade in scroll effect to Beaver Builder rows

#### 1.0

 * Initial release
 * BB Enhancement – Polaroid photo option
 * BB Enhancement – Module animations – roll left & roll right
 * BB Enhancement – Row fade on scroll
 * BB Module – Optimised Video Embed (speed up your page when you embed a YouTube
   or Vimeo video)
 * BB Module – Static Google Map (display a static Google map that improves your
   page speed when you embed a Google map)
 * BB Custom Field – Google Places auto-complete field
 * BB Class – WPDBBModule class (for developers)
 * BB Class – WPDBBUtils class (for developers)
 * Admin settings page

## Meta

 *  Version **2.0.5**
 *  Last updated **8 years ago**
 *  Active installations **600+**
 *  WordPress version ** 4.7 or higher **
 *  Tested up to **4.9.29**
 *  PHP version ** 5.4 or higher **
 *  Language
 * [English (US)](https://wordpress.org/plugins/wpd-bb-additions/)
 * Tags
 * [beaver builder](https://mai.wordpress.org/plugins/tags/beaver-builder/)[beaver builder modules](https://mai.wordpress.org/plugins/tags/beaver-builder-modules/)
 *  [Advanced View](https://mai.wordpress.org/plugins/wpd-bb-additions/advanced/)

## Ratings

 5 out of 5 stars.

 *  [  10 5-star reviews     ](https://wordpress.org/support/plugin/wpd-bb-additions/reviews/?filter=5)
 *  [  0 4-star reviews     ](https://wordpress.org/support/plugin/wpd-bb-additions/reviews/?filter=4)
 *  [  0 3-star reviews     ](https://wordpress.org/support/plugin/wpd-bb-additions/reviews/?filter=3)
 *  [  0 2-star reviews     ](https://wordpress.org/support/plugin/wpd-bb-additions/reviews/?filter=2)
 *  [  0 1-star reviews     ](https://wordpress.org/support/plugin/wpd-bb-additions/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/wpd-bb-additions/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/wpd-bb-additions/reviews/)

## Contributors

 *   [ smarterdigitalltd ](https://profiles.wordpress.org/smarterdigitalltd/)
 *   [ Prajwal Shrestha ](https://profiles.wordpress.org/prajwalstha/)

## Support

Got something to say? Need help?

 [View support forum](https://wordpress.org/support/plugin/wpd-bb-additions/)