How do I add a Slider to a page?
Step 1. Select the Slider element
-
Navigate to "Pages" in your CMS.
-
Select the page you want to edit.
-
Select the "Content" tab.
-
Click the Slider element to add it to the page.
The configuration panel opens automatically.
Step 2. Configure the Slider settings
You will see three areas you can update.
Details
Enter an internal name for this slider block. This helps you recognize the block in the backend and is not visible on the live page.
Settings
Set how the slider behaves.
-
Height
Enter the height of the slider in pixels. For example, 350 px. -
Interval
Set how long each slide stays visible before rotating. For example, 5 seconds. -
Full width
Select this option if you want the slider to span the full width of the page. If not selected, it adapts to the width of the navigation bar and content items.
Slides
This area lists all slides in the slider. When adding a new slider you will see No slides.
Step 3. Add and customize individual slides
-
Click "+ Add slide" in the Slides section.
A pop up window opens where you can configure the slide.
Media
Add the main image or gif for the slide by dropping or browsing for a file.
Type
Choose what the slide links to.
-
Page
-
External link
-
No link
-
Product
-
Package
-
Post
The available options depend on your setup.
Content
Use the rich text editor to add overlay text or calls to action.
Tip: You can use the {} function to personalize the text.
Open in new tab
Select this option if the link should open in a new browser tab.
Publication date and Expiration date
Schedule when the slide becomes visible and when it should be removed.
Permissions
Choose which groups or locations can see the slide.
Note: When no groups or locations are selected, all users can see the slide.
After completing your settings click "Create slide". Repeat these steps for every slide you want to include.
You can change the order of slides by dragging and dropping them.
Tips
-
Keep your slide images the same size for a consistent look.
-
Use scheduling to plan seasonal or campaign slides in advance.
-
Add short clear text to keep each slide easy to read.
-
Personalize text for a more dynamic user experience.
