The UENI slider is a versatile feature that allows you to showcase multiple images, each with text and an action button, adding visual interest and interactivity to any page on your website. In this article, we'll show you how to set up and customize the slider in the UENI editor.


TABLE OF CONTENTS


Want to add a slider in your site header? Check out this tutorial on how to make your Header stand out!



Step 1: Accessing the Slider Option

  1. In the UENI editor, navigate to the Pages menu.

  2. Select the page where you'd like to add the slider.

  3. Click on Add section and choose Slideshow.

This will create an empty slider section at the bottom of your page, which you can move and customize as desired.

Step 2: Placing and Editing the Slider

  1. To reposition the slider, click on the Edit button and drag the section to your preferred location on the page. Once located, click on the Done button.

  2. Click Save to confirm your changes

  3. Click on the slideshow section to access various customization options.



Step 3: Customizing the Slider Section

Once the slideshow section is added, you’ll see several options to help you configure each element of your slider. Here’s a breakdown of what each option does:

  • Section Title: You can add a title to introduce your slideshow. This title can either be displayed on the website or kept hidden as a reference for organization within the editor.

  • Subtitle: Add a subtitle for extra context or information to guide your website visitors. This can be used to enhance the message of your slider.



Within the Slides section, you can add multiple images and arrange them in the desired order. Each slide has options to adjust its appearance and functionality:

  • Image Selection: Select the image you want for each slide from your media library or upload it from your device.

  • Opacity: Adjust the opacity to make the text or background stand out as needed.

  • Text: Add text to accompany each slide, like captions or calls to action.

  • Action Button: Customize an action button for each slide, allowing visitors to engage by clicking to learn more, shop, or perform any other action.



In the Slide Options area, you can further refine how the slider operates:

  • Auto-Slide: Enable or disable automatic transitions between slides. You can even decide if the slider should pause when visitors hover over a slide.

  • Height: Adjust the height of the slider to fit your page layout.

  • Slide Duration: Set how long each slide will display before transitioning.

  • Transition Effect: Choose a transition style, such as fade or slide, for smoother visuals. You can also control the speed of the transition effect between slides.

  • Arrows: Customize the appearance of navigation arrows, allowing users to skip to the next or previous slide.



Final Tips for Using the UENI Slider

The UENI slider can enhance your website by displaying products, services, or brand messages in a visually engaging way. Experiment with different layouts, images, and texts to see what best appeals to your audience. With easy-to-use controls, the UENI slider lets you create an interactive experience that aligns with your brand’s style and messaging.




Need a hand?
If you need any further assistance, please message our support team or get real-time help on our Live Chat!