Swipe Slider PRO adds design patterns and presentation controls to the Swipe Slider block in the Gutenberg Editor. Use it for portfolios, stories, announcements, campaigns or service highlights. Slides can combine images, headings, text, buttons, forms and other content.

Set up the slide layout

Choose a solid color, gradient or picture for each slide background. Adjust slider height, column count and gaps for desktop, tablet and mobile layouts.

Choose a starting design and slide effect

PRO patterns and presets give you a prepared slider design to start from. Choose Slide, Fade or Creative effects, or use the PRO Cube, Flip, Coverflow and Cards effects. Additional creative presets and transition timing functions offer more ways to set slide motion. You can also adjust transition effect icons and their sizes, or center the slider to give the active slide more visual focus.

Configure playback and navigation

Set slide and language direction, choose the initial slide, and decide whether slides loop or rewind. Autoplay can use a delay, run in reverse or stop on the last slide. PRO adds settings to pause autoplay when visitors move the pointer over the slider and disable it after interaction.

Customize navigation arrows with selectable icons, placement and position, and choose whether they conceal on click. Pagination can use bullets, dynamic bullets, a progress bar or a fraction. PRO also adds background and number types, side options and hide-on-click behavior. Adjust pagination sizes, radius, gaps and colors.

Add a draggable scrollbar with snap-on-release behavior, customizable colors, adjustable positioning and an option to hide it after interaction. A grab cursor can clarify that slides can be moved.

Set how visitors move through slides

Free Mode includes Sticky and Momentum options, with PRO controls for the momentum ratio. Mousewheel options include Force to Axis, inverted scrolling, release on edges and sensitivity. Keyboard controls let visitors use arrow keys when the slider is within the viewport.

Add the block in WordPress

1. Install the Swipe Slider add-on.
2. Open a page or post in the Gutenberg Editor.
3. Add the Swipe Slider block from the Widgets block category.
4. Use the settings sidebar to tailor the slider, content, backgrounds, effects, navigation and interaction behavior.

For installation assistance, use the extension’s Installation tab.