WordPress Carousel for Beaver Builder

Beaver Builder is a popular WordPress drag and drop content editor. This tutorial will guide you how to add a WordPress image and video Carousel to the Beaver Builder.

A created demo is as follows (this page is not built with Beaver, but it will have the same effect). You can view WordPress Carousel Examples for more examples.

  • Big Buck Bunny
    Big Buck Bunny
    Big Buck Bunny by Blender Foundation
  • Elephant Dreams
    Elephant Dreams
    Elephants Dream is the world’s first open movie.
  • Daffodil Flowers
    Daffodil Flowers
    Beside the lake, beneath the trees
  • Dandelion
    Dandelion
    Bright little dandelion, lights up the meads
  • Golden Wheat Field
    Golden Wheat Field
    Waving in the sunlight all day
  • Night In The City
    Night In The City
    Silent and beautiful night in the city
  • Sakura Trees
    Sakura Trees
    A sweet aroma around the trees
  • Autumn
    Autumn
    Autumn, a season full of great things
  • Big Buck Bunny
    Big Buck Bunny
    Big Buck Bunny by Blender Foundation
  • Elephant Dreams
    Elephant Dreams
    Elephants Dream is the world’s first open movie.
  • Daffodil Flowers
    Daffodil Flowers
    Beside the lake, beneath the trees
  • Dandelion
    Dandelion
    Bright little dandelion, lights up the meads
  • Golden Wheat Field
    Golden Wheat Field
    Waving in the sunlight all day
  • Night In The City
    Night In The City
    Silent and beautiful night in the city
  • Sakura Trees
    Sakura Trees
    A sweet aroma around the trees
  • Autumn
    Autumn
    Autumn, a season full of great things

There are 2 steps in this tutorial:

  • Step 1 - Install Wonder Carousel and Create a WordPress image and video Carousel
  • Step 2 - Add the Carousel shortcode to Beaver Builder

Step 1 - Install Wonder Carousel and Create a WordPress Carousel

You can view the following quick start tutorial for how to install Wonder Carousel and create a WordPress image and video Carousel: WordPress Carousel Quick Start Tutorial.

You can also view the following quick start video:

wordpress-carousel-youtube

Step 2 - Add the Carousel shortcode to Beaver Builder

After you create a WordPress Carousel in Wonder Carousel, the plugin will provide the Carousel shortcode.

wordpress-carousel-shortcode

To add the created Carousel to Beaver Builder, in the page editor, click the + button, then add a Text Editor module. In the Text Editor module editor, enter the WordPress Carousel shortcode.

Please note, the Carousel may not work or show up in the editor. To test the Carousel, publish the page then view the final web page.

beaver-text-editor

wordpress-carousel-beaver-text