How to Add a Carousel Section

Kayla M.

Updated

Learn to feature your images, videos, and testimonials on your page with an interactive Carousel Section.

Note:
The Carousel Section is available with the latest version of Encore. If you are using a previous version, you will need to update your template or create a new custom page to use the Carousel Section.

In this article:


What is a carousel section?

With the Carousel Section you can showcase your images, videos, and testimonials with an engaging, interactive slideshow or carousel:

Adding a carousel section

  • Open the Website tab from your Dashboard.
  • Select the Pages tab.
  • Open the page editor for your page. Learn more
  • Navigate to the sidebar panel.
  • Click Add Section.
  • Select Carousel as the Section type.
  • Click Add to generate the new Carousel Section at the bottom of your page.
  • Then, click Save to keep your changes:


Customizing your carousel section

Begin customizing your Carousel Section by enabling Edit Mode to easily view each Carousel Block while you are editing your Section:

Carousel capabilities

The Carousel Section contains Blocks that you may be familiar with (i.e., images, videos, and testimonials), but there are unique capabilities that are only available with the Carousel Section.

With the Carousel Section you can create custom, interactive slideshows containing your uploaded images, testimonials, and videos.

Carousel Blocks:

To add Carousel Blocks:

  • Open the Carousel Section.
  • Navigate to the sidebar editor.
  • Click Add Content.
  • Select your desired Block:


Carousel section settings

Adjust your Carousel Section Settings to change the appearance, size, arrows, and animation.

Width

Enable Full Width to display your media content with the full width of the browser window:

Height

Adjust the height of your Section after each slide change.

Navigation

Enable Show navigation to give your viewers a page indicator to preview the number of pages they can view in your carousel:

1F7D4E30-7C99-4681-9564-2B1A3FA23260.png

Customize the navigation indicator size (8 - 24) and spacing (2 - 24) with the slider or by entering your desired units.

Arrows

Choose to Hide arrows from your viewers, customize the arrow color to fit your brand, and adjust the arrow size with the slider or by entering your desired size:

F43ACBF4-2659-4613-98D6-800E341DA7CB.png

Animation

With the Animation setting, you can enable Autoplay slides to automatically change the slides without requiring your viewers to click through them manually:

Type

Customize the transition type to slide or fade into the next media asset:

Slide:

Fade:

Additional Section Settings

Click into the following settings to learn more:


And that's how to add a Carousel Section! Please vote below and let us know if you found this article helpful. We value your feedback. Thanks for being the best part of Kajabi!

Did you find this article helpful?

Need more help?

Contact Us