A collection of useful modules, custom fields and settings for the Beaver Builder page builder. Requires the Beaver Builder plugin.

smarterdigitalltd

Prajwal Shrestha

<h4>Modules</h4>
Check out the demo page <a href="https://wpdevelopers.co.uk/wpd-beaver-builder-additions-modules/" rel="nofollow ugc">here</a>.
WPD Optimised Video Embeds
<blockquote>
New with 2.0.0 <
</blockquote>
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 <a href="https://wpdevelopers.co.uk/optimised-youtube-vimeo-embeds-for-beaver-builder/" rel="nofollow ugc">this post</a> for details on how much it can increase your website speed substantially.
Features:
<ul>
<li>You are able to add your own icon, colour and responsive size for the play button using the Beaver Builder icon library</li>
<li>Specify parameters for the video (eg. rel=0 so you don’t show related videos at the end)</li>
<li>Add a thumbnail overlay</li>
<li>Add a thumbnail CSS filter (sepia, grayscale, invert)</li>
<li>DNS pre-fetching using <a href="https://w3c.github.io/resource-hints/" rel="nofollow ugc">resource hints</a></li>
<li>Define your own aspect ratio for a perfect fit (to prevent black borders at the top/bottom/left/right)</li>
</ul>
Based on <a href="http://www.beaverjunction.com/" rel="nofollow ugc">David Waumsley’s</a> 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 <a href="https://wpdevelopers.co.uk/beaver-builder-google-static-map/" rel="nofollow ugc">blog post</a> for more details
<h4>Enhancements</h4>
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:
<ul>
<li>Roll Left</li>
<li>Roll Right</li>
<li>Bounce In</li>
<li>Bounce In Down</li>
<li>Bounce In Up</li>
<li>Bounce In Left</li>
<li>Bounce In Right</li>
<li>Fade In Down</li>
<li>Fade In Up</li>
<li>Fade In Left</li>
<li>Fade In Right</li>
<li>Flip In X</li>
<li>Flip In Y</li>
<li>Lightspeed In</li>
<li>Pulse</li>
<li>Flash</li>
<li>Shake</li>
<li>Tada</li>
<li>Wiggle</li>
<li>Wobble</li>
</ul>
Collapsible Rows
Collapse an entire row, and optionally set a cookie. Perfect for adding a promo bar in Beaver Themer.
<a href="https://wpdevelopers.co.uk/app/uploads/2017/04/collapsible-row.gif" rel="nofollow ugc">Collapsible rows</a>
Fade-on-scroll
Allows you to fade a row in or out as you scroll down the page.
<a href="https://wpdevelopers.co.uk/app/uploads/2017/01/fade-on-scroll.gif" rel="nofollow ugc">Beaver Builder Fade on scroll row</a>
For further information, please read <a href="https://wpdevelopers.co.uk/fade-scroll-beaver-builder-rows/" rel="nofollow ugc">this post</a>.

WPD Beaver Builder Additions

Reduces loading time - improves Workflow - just works!

Alternatives to WPD Beaver Builder Additions

Top alternatives