How do I add a carousel slider to my website?

Add the OneType Transforms script tag to your site, then use the ot="swiper" attribute on a div containing your slide elements. Each child div becomes a slide automatically. Add navigation and pagination with ot-navigation and ot-pagination attributes.

Is the carousel slider touch-friendly on mobile?

Yes. The carousel is fully touch-enabled with swipe gestures on mobile and drag support on desktop. It also supports keyboard navigation when ot-keyboard="true" is set.

Can I show multiple slides at once?

Set ot-slides-per-view to the number of slides you want visible. For example, ot-slides-per-view="3" shows three slides. Add spacing between them with ot-space-between="20" for a 20px gap.

Does the carousel slider work on Webflow and WordPress?

Yes. It works on any platform that supports custom HTML and script tags - Webflow, WordPress, Squarespace, Shopify, Framer, and static HTML sites. Each platform has a slightly different setup process.

What transition effects are available?

Six effects: slide (default horizontal), fade (cross-dissolve), coverflow (3D perspective), cards (stacked deck), cube (3D rotation), and flip. Set the effect with the ot-effect attribute.

Carousel Slider - Add One to Any Website in Minutes