How to Add Image Carousels

Image carousels allow you to showcase multiple sliders in a single, interactive view. This helps improve user engagement by presenting comparisons in a smooth, scrollable format. Follow the steps below to create and customize your carousel easily.

  • Go to your WordPress Dashboard → Before After SlidersAll Carousels. Click on the Add New Carousel button.
add new carousels
  • In the Content tab:
    Enter a title for your carousel. Before creating a carousel, make sure you have added your sliders. Then, select sliders from the Available Sliders section.
add title search slider
  • If you already have sliders created, use the search option to find them quickly and click Add to Carousel.
add to carousels
  • You can reorder the selected sliders by dragging and dropping them, and you can remove them.
drag remove image carousel
  • In the Settings tab, customize your carousel:
    • Basic Settings: Adjust the transition speed and enable or disable Loop Mode.
    • Autoplay Settings: Enable Autoplay to automatically move slides after a set delay.
carousels basic settings
  • Navigation Settings: Enable or disable navigation arrows and pagination.
  • Navigation Styles: Customize arrow and background colors for normal and hover states.
  • Pagination Styles: Set default, active, and hover colors.
navigation and pagination
  • Responsive Settings: Configure slides per view and spacing for different screen sizes.
responsive settings
  • Go to the Preview tab to see the live preview of your image carousel slider
image carousels preview
  • Copy the shortcode
shortcode
  • Paste it into your post or page using the Shortcode block.
paste shortcode
  • Click Publish to make your image carousel slider live.
slider publish
Was this page helpful?