1. Install Divi

Disclosure: The link to Elegant Themes is an "affiliate link" which means if you click on the link and purchase anything, we will receive a commission.

2. Download Divi Carousel Maker

4. Add Your License Key

After installing and activating the plugin, the next step is to add the plugin license key. This allows your site to communicate with our servers to ensure that you get automatic updates and support. You can find your license keys by clicking the License Keys button in your Account Orders page. More information about using license keys is available in our Product License Key Management documentation.

If you purchased From Divi Marketplace, then there is no license key to add. Updates and support for the plugin are validated using your Elegant Themes account, so just take a moment to be sure you have the proper Username and API key credentials added in the Divi> Theme Options> Updates tab in your website. Note that there is no additional license key to enter for this product, it is handled entirely by your Elegant Themes account credentials. You can refer to the Divi Marketplace Customer FAQs for more information.

5. Decide Where You Want The Carousel

The best part about the Divi Carousel Maker is the versatility. You can use it anywhere in your Divi Builder layout in any Column. Where you enable the carousel depends on what type of items you want to showcase. There is no right or wrong answer here, you can choose where to place your carousel anywhere on your site.

6. Add Modules To The Carousel

You can add any modules to the carousel, even 3rd party ones! Some modules would obviously make more sense in a carousel than others. A few that would work well in a carousel are blurbs, images, call-to-actions, testimonials, people, blog posts, portfolio projects, videos, and text. Be sure to explore our demo site to get some inspiration!

7. Enable The Carousel

Once the plugin is installed and active, additional settings to create and design a carousel will appear in all the Divi column settings in the Divi Builder. To find this, first go into the Row settings and then into the Column settings. There you will see this new fourth tab called “Carousel” which is added by our plugin. Inside that Carousel tab, you will see a toggle called “General Settings.” Click to open this toggle, and then you will see the setting called “Make This Column A Carousel.” This setting is off by default, so you need to turn it on to enable the carousel. Any modules added to this column will be displayed in the carousel.

8. Adjust The Carousel Settings And Design

After enabling the carousel, all the other carousel settings will appear below. The settings are grouped into toggles for easy organization. These settings give you complete control over the functionality and design styling of the carousel. Below are some main groups of settings, which provide very thorough information about each setting.

Go ahead and explore the settings and adjust everything as needed. Be sure to save your changes, and now when you exit the builder you will see the modules transformed into a working carousel!

General Settings

The general carousel settings allow you to set up and adjust some important features which affect how your carousel works. This includes things like how many modules to show per device, spacing around the carousel and modules, module width, vertical alignment, and cut off mode.

Scroll Settings

These features allow you to control how the carousel moves and functions, and are great for creating the perfect user experience for your visitors viewing the carousel. This includes options like auto scroll, continuous smooth scroll, animation speed, scroll interval timing, infinite scroll, and scroll direction.

Navigation Buttons Settings

You can control the carousel scrolling with several navigation button options. Choose to show arrows only, text only, or text and arrows. You can use any icon and even customize the button text. All the typical design settings are included like color, background, font and text settings, borders, box shadow, alignment, location options, and vertical and horizontal position settings.

Navigation Controls Settings

You can also control the carousel navigation with dots, numbers, or images. These navigation controls can be fully customized with all the standard design settings like width, height, borders, spacing, alignment, box shadows, font and text settings, etc.

Highlight Settings

You can make the center module in the carousel stand out from the others to draw attention and focus. When this option is enabled, additional design settings will appear to adjust the size, opacity, and blur of the other modules.

Hover Settings

There are eleven different hover effects to choose from such as grow, shrink, bounce, pulse, wobble, etc. and each of those allow you to adjust the settings such as the animation duration and other values. These elegant hover effects provide a very nice user experience for website visitors.

Responsive Settings

These settings are spread throughout all the other settings, allowing you to change almost everything per device on Desktop, Tablet, and Phone. The responsive settings are perhaps more important in a carousel than regular rows, so be sure to consider all of these settings carefully. These thoughtful and helpful settings truly set our plugin apart even more, providing exactly what customers and visitors need!

Miscellaneous Settings

As the plugin continues to evolve, we will be adding miscellaneous settings here that do not fit into the other categories. So far, we have added the image module gallery lightbox grouping feature.

9. Plugin Updates

Any time we push out an update with new features, improvements, and bug fixes, all customers with an active license will see a notification in your WordPress dashboard. The update process is exactly the same for our plugins as it is for any other WordPress plugin. Learn more about product updates in our documentation. There are some important steps to take, including making a backup, testing on a staging site, and clearing your cache.

Blog Posts/Videos

Every time we release a major new update, we also create a written post and video highlighting all the new features. Be sure to keep an eye on our blog for all the exciting updates! You can check out the past updates on our blog as well.

10. Other Resources

This main page of our product documentation and the additional links provide everything you need to know to get started. But don’t forget to take advantage of our other resources as well. Take a moment to browse and reference all the documentation links such as the frequently asked questions, the product changelog, known issues, troubleshooting steps, and the roadmap. We want you to be able to easily find everything you could need, so we spend a lot of time continually updating everything for your convenience.

Getting Help & Support