Index


The Carousel Widget is an easy and effective way to display multiple designs within a single container on your canvas. It’s ideal for showcasing hero images on your website, highlighting multiple products in your ads, or promoting upsell options at your point of purchase. 



To add a Carousel Widget to your design, open the Widgets panel on the left-hand side of the editor and select Carousel.




Global Assets, images, and videos can be added as slides to the Carousel Widget.


Each time you add an asset to the widget, a corresponding slide appears in the Carousel Settings panel. Image and video elements are automatically converted into Global Assets and can be edited like any other Global Asset. Learn more about Global Assets.


To Add a Slide to the Widget:



  1. Open the Assets Panel on the right-hand side.
  2. Locate the asset you'd like to add to the Carousel Widget:
    1. Use the Images or Videos tab for image and video files.
    2. Use the Global Assets tab to add a Flexitive design. Learn how to add a Global Asset to your design.
  3. Click the Add to Widget button beside the asset to add the element as a Slide.

 

Edit a Slide


To edit a slide in your Carousel Widget: 

  1. Open the Carousel Widget Settings Panel on the left-hand side.
  2. Find the slide you want to edit in the list of slides.
  3. Click the pencil icon next to that slide.



Clicking the Pencil icon will open the canvas for that slide, where you can make any necessary changes. After publishing your updates, return to the Parent Design by clicking the Parent Design breadcrumb in the top-left corner of the screen.



Change Slide Order


You can reorder the slides in your Carousel Widget using either the arrow icons or the drag handle in the Carousel Settings panel.


To reorder using the arrow icons:

  • Select the slide you want to move and tap either the Bring to Top, Bring Forward, Send Backward or Send to Bottom icons at the top of the Layers panel.



To reorder using the drag handle:

  • Simply grab the Dotted Icon to the right of each slide and move the slide to the desired position.



Editing Widget Controls


In the Controls section of the Carousel Widget, you can set how the slides transition and how the carousel interacts with viewers.



Animations

  • From the Animations dropdown, you can control the animation style and direction used between slides in the carousel.
  • You can choose from the following options:
    • Slide (Left, Right, Up, or Down)
    • Fade
    • No Animation (Flick)
  • By default, carousel slides are set to use the Slide Left animation.

Loop

  • When toggled ON, the Carousel Widget will continuously transition from the last slide back to the first.
  • When toggled OFF, the Carousel Widget will display each slide once.

Swipe

  • When toggled ON, the users can manually swipe through the slides on the widget (e.g. on touchscreens).
  • When toggled OFF, users will not be able to manually swipe through the slides.

Transition Duration

  • Transition Duration is the length of the animation between slides. By default, the duration is set to 1 second.

Transition Delay

  • Transition Delay is the amount of time each slide is displayed before transitioning to the next. By default, the delay is set to 5 seconds.