Carousel

The Carousel is a dynamic element that lets you showcase multiple pieces of content in a compact, swipeable format. It’s perfect for highlighting product images, reviews, testimonials, or any content where you want your visitors to browse without overwhelming the page.

Adding a Carousel widget

To add a carousel to your canvas, continue with the steps below:

1. Open the funnel you want to edit and edit the page.

2. On the left panel, select the Carousel widget.

3. Click and drag it in your layout.

Customizing the Carousel

Once you added the carousel widget, it will show like the example below.

Click (+) Add new slide to add more slides to your carousel.

Designing the Slides

Now we'll add the content inside each slide.

1. Click inside the (+) inside the carousel to add the desired element to show in the first slide. In this example, we'll add an image:

1. Click on the image element

2. On the left side panel, click browse to assign the image.

1. To add content to the next slide, click on the container and on the slide that follows

   

Once you're happy with your design, click Save Changes and click Preview to see it in action.

The Carousel element in the Funnelish editor lets you showcase multiple pieces of content in a single, swipeable space. It’s perfect for product galleries, testimonials, featured media, or any repeating content you want users to scroll through.

Adding a Carousel

1. Open your page in the Funnelish Editor.

2. From the left-side toolbar, drag the Carousel element onto your page.

3. Select the Carousel to open its settings in the left-side panel.

Managing Slides

• In the left-side panel, click Add new slide to create new slides.

• Each slide works like a blank canvas where you can insert any other Funnelish element.

Examples of what you can add to slides:

• Images or videos → Create a media gallery (this replaces the old Image Slider).

• Review containers → Showcase customer testimonials in a rotating layout.

• Product blocks → Highlight multiple products in one section.

• Text or call-to-actions → Add headlines, descriptions, or buttons.

You can combine elements as needed, since each slide is fully customizable.

Customizing the Carousel

In the left-side settings panel, you can configure:

• Direction for the slides (horizontal or vertical).

• Autoplay → Automatically cycle through slides.

• Looping → Decide whether the carousel repeats continuously.

• Show arrows → Display navigation arrows on the sides of the carousel. You can customize these further by just clicking on the arrows (from editor) and can change their look from the leftside bar.

• Show pagination → Display dots or pagination indicators under the carousel.

• Slides per view → Decide how many slides are visible at once.

• Effect → Choose between different slide transition effects (e.g., slide, fade).

• Speed → Adjust how fast the transition happens (in milliseconds).