Overview
Welcome to the documentation for the Divi Carousel Maker plugin! On this page, you will find all the steps you need to set up and use our plugin. Each step provides a summary of information related to that step in the process. You will also notice links to separate documentation guides in the steps below. Please be sure to follow all of these steps and access the additional resources as needed.Overview Video
This video provides a brief summary overview of the written steps outlined in the document below. You are welcome to follow the video and written steps together.
1. Install Divi
Our Divi Carousel Maker plugin is a 3rd party addon for the Divi Theme by Elegant Themes, so having Divi installed and active is a prerequisite for installing and using our product.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
After completing the purchase, download the plugin .zip file from the orders page in your account or click the download link in your purchase confirmation email and save the file to your computer. If you purchased this product from the official Divi Marketplace, you can download the product from your Elegant Themes members area.3. Install The Plugin
Now that you have Divi installed, and the plugin downloaded, you are ready to install the Divi Carousel Maker plugin. Installing our plugin works the same as installing any other WordPress plugin. From your WordPress Dashboard, go to Appearance>Plugins>Add New and click on Upload Plugin. Locate the plugin .zip file on your computer, which selects the file to up, and click Install Now. Once the file upload is finished, you can click on Activate.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!
Due to the unique nature of this plugin and the limited ability to customize the core Divi Builder, it is not possible to provide a preview of the carousel in the Visual Builder. The carousel settings will take effect when you exit the Visual Builder. If Elegant Themes makes this possible in the future, we will definitely add support. Please refer to our Suggested Workflow Guide for our recommended workaround for this.
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.