WPD Beaver Builder Additions

Modules

Check out the demo page here.

WPD Optimised Video Embeds

>

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 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

• Define your own aspect ratio for a perfect fit (to prevent black borders at the top/bottom/left/right)

Based on David Waumsley’s 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 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

Fade-on-scroll

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

Beaver Builder Fade on scroll row

For further information, please read this post.