Swipe Slider PRO for Gutenberg Sliders

Swipe Slider PRO extends the Swipe Slider block in the Gutenberg Editor for responsive, touch-friendly presentations. Use slides for portfolios, stories, announcements, campaigns, or service highlights. A slide can contain pictures, text, headings, buttons, forms, and other content.

Build the slide layout

Set each slide background to a solid color, gradient, or image. Adjust slider height, column count, and gaps for desktop, tablet, and mobile layouts so the presentation fits different screen sizes.

Choose a pattern and transition

Start with a professionally crafted PRO pattern or preset, then choose Slide, Fade, or Creative effects. PRO includes Cube, Flip, Coverflow, and Cards effects, along with additional creative effect presets. Set transition timing functions and adjust transition effect icons and their sizes.

Set playback and show controls

Configure autoplay with a delay, reverse direction, or stopping on the last slide. PRO adds options to pause autoplay when a user moves the mouse over the slider and to disable autoplay after interaction.

• Navigation settings include selectable arrow icons, size, placement, position, and conceal-on-click behavior.
• Pagination can use bullets, a progress bar, a fraction, or dynamic bullets. PRO adds background or number types, hide-on-click behavior, and side options. Adjust pagination sizes, radius, gaps, and colors.
• Add a draggable scrollbar with snap-on-release behavior. PRO lets you customize its colors, hide it after interaction, and adjust its position.

Choose how users move through slides

Set slide and language direction, choose the initial slide, and decide whether the slider loops or rewinds. Free Mode includes customizable momentum ratio controls. Mousewheel settings include inverted scrolling, release on edges, and sensitivity. Keyboard controls let visitors use the arrow keys when the slider is within the viewport.

Center the slider to give the active slide more visual focus, or enable the grab cursor to make slide interaction clearer. These settings let you configure a directed showcase or give visitors more control over browsing.

Add the block in Gutenberg

1. Install the Swipe Slider plugin in WordPress.
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 customize the slider, content, backgrounds, effects, navigation, and interaction behavior.

For installation assistance, use the add-on’s Installation tab.