--- title: How to Use the Advanced Slider Widget? description: Learn how to use the Advanced Slider widget to build interactive and visually engaging slideshows with images, text, and animations. --- [Skip to content](https://success.ministrydesigns.help/how-to-use-the-advanced-slider-widget#main-content) English Show submenu for translations [Submit a Ticket](https://success.ministrydesigns.help/kb-tickets/new) [![MD Logo 1\_Black-2](https://success.ministrydesigns.help/hs-fs/hubfs/MD%20Logo%201_Black-2.png?width=200&height=73&name=MD%20Logo%201_Black-2.png)](https://ministrydesigns.com/) Open main navigation Close main navigation - English Show submenu for translations - [Submit a Ticket](https://success.ministrydesigns.help/kb-tickets/new) How can we help you? - There are no suggestions because the search field is empty. 1. [Ministry Designs Success Hub](https://success.ministrydesigns.help/) 2. [Sites (Formerly Omega)](https://success.ministrydesigns.help/sites-formerly-omega) 3. [Pages](https://success.ministrydesigns.help/sites-formerly-omega#pages) # How to Use the Advanced Slider Widget? ## Create dynamic and customizable sliders for your website 1\. Navigate to the admin panel. 2\. Drag and drop the **"Advanced Slider"** widget to the desired location. This widget allows you to create sliding video galleries or fill Advanced Slider with slides that can contain the following content: **Row, Text, Image, Button, Divider, Space, Contact Form, Social Links, Audio Player, MailChimp, Progress Bar, and Paypal Button.** ![](https://ajeuwbhvhr.cloudimg.io/colony-recorder.s3.amazonaws.com/files/2025-02-09/7a826012-aa0c-4219-8aea-389ec1e9547d/screenshot.jpeg?tl_px=0,0&br_px=907,506&force_format=jpeg&q=100&width=907) 3\. Click the **"Add"** button to add a new slide. ![](https://ajeuwbhvhr.cloudimg.io/colony-recorder.s3.amazonaws.com/files/2025-02-09/3e019711-0bb6-4f54-ab49-f8d94049f05d/screenshot.jpeg?tl_px=1011,0&br_px=1919,506&force_format=jpeg&q=100&width=907) 4\. You can edit your slide by clicking the **"Edit"** button. ![](https://ajeuwbhvhr.cloudimg.io/colony-recorder.s3.amazonaws.com/files/2025-02-09/f378337d-c416-4580-a04d-ff65fffcfcba/screenshot.jpeg?tl_px=1011,0&br_px=1919,506&force_format=jpeg&q=100&width=907) 5\. To add a widget to a slide, you can drag and drop the required widget to the desired location. Also, you can add a widget to the slide by using **"Simplified Editing"**. You can learn more about **"Simplified Editing"** in **[this guide](https://success.ministrydesigns.help/enable-quick-on-canvas-edits).** You can also drag and drop the widget you want into a column from the list of widgets on the left. ![](https://ajeuwbhvhr.cloudimg.io/colony-recorder.s3.amazonaws.com/files/2025-02-09/d507f16f-6c5d-4aa0-9d5c-439a22ab68ad/screenshot.jpeg?tl_px=0,108&br_px=1231,796&force_format=jpeg&q=100&width=1120.0) 6\. Click **"Apply"** to save the slide. ![](https://ajeuwbhvhr.cloudimg.io/colony-recorder.s3.amazonaws.com/files/2025-02-09/94516ab3-be52-474b-92d9-75654cdfdd8f/screenshot.jpeg?tl_px=1011,0&br_px=1918,506&force_format=jpeg&q=100&width=907) 7\. Use the **"Gear"** button to change the background of the slide. ![](https://ajeuwbhvhr.cloudimg.io/colony-recorder.s3.amazonaws.com/files/2025-02-09/5666786d-6524-4070-bce3-9cef3f428163/screenshot.jpeg?tl_px=1011,57&br_px=1919,564&force_format=jpeg&q=100&width=907) 8\. The **Slide Settings** pop-up allows you to change the background color and image or set video elements **(.mp4 and .webm)** to use the video gallery. If both options are selected, .webm is preferred for compatible browsers. ![](https://ajeuwbhvhr.cloudimg.io/colony-recorder.s3.amazonaws.com/files/2025-02-09/138cb3b3-26e3-4b7d-8ff5-76016f3ff199/screenshot.jpeg?tl_px=336,0&br_px=1568,688&force_format=jpeg&q=100&width=1120.0) 9\. Click **"Apply"** to save the background changes. ![](https://ajeuwbhvhr.cloudimg.io/colony-recorder.s3.amazonaws.com/files/2025-02-09/61c77a10-ffc5-421a-992c-889d64e6c371/screenshot.jpeg?tl_px=345,13&br_px=1577,701&force_format=jpeg&q=100&width=1120.0) 10\. You can copy a slide by clicking on the **"Copy"** icon ![](https://ajeuwbhvhr.cloudimg.io/colony-recorder.s3.amazonaws.com/files/2025-02-09/0b53f5fd-2ef5-43ae-8203-800936d45995/screenshot.jpeg?tl_px=1117,65&br_px=1919,513&force_format=jpeg&q=100&width=801) 11\. Click on the bin icon to delete the slide. ![](https://ajeuwbhvhr.cloudimg.io/colony-recorder.s3.amazonaws.com/files/2025-02-09/905b5b6b-b540-4a51-84b8-1de765fd0d5f/screenshot.jpeg?tl_px=1117,72&br_px=1919,520&force_format=jpeg&q=100&width=801) 12\. The **"Enable Slideshow"** allows you to enable or disable the slideshow. ![](https://ajeuwbhvhr.cloudimg.io/colony-recorder.s3.amazonaws.com/files/2025-02-09/629066b8-eafc-43f0-8d87-d88523213852/screenshot.jpeg?tl_px=1011,57&br_px=1919,564&force_format=jpeg&q=100&width=907) 13\. **"Slide Duration"** determines the duration of the slide display, which can be set from 1 to 100 seconds. ![](https://ajeuwbhvhr.cloudimg.io/colony-recorder.s3.amazonaws.com/files/2025-02-09/7acb15ab-6041-478b-8f09-20fbec21cb65/screenshot.jpeg?tl_px=1011,57&br_px=1919,564&force_format=jpeg&q=100&width=907) 14\. If the **"Start animation after switching slide"** option is enabled, the animation will appear after the slide with its background is loaded into the gallery. Otherwise, the animation will appear at the same time as the slides are switched. ![](https://ajeuwbhvhr.cloudimg.io/colony-recorder.s3.amazonaws.com/files/2025-02-09/97dacbbe-9d2d-4f1f-ab3d-4634d1057a14/screenshot.jpeg?tl_px=1010,68&br_px=1917,574&force_format=jpeg&q=100&width=907) 15\. The **Slideshow Button** feature allows you to place a Play button at the bottom of a slide to start an automatic slideshow instead of manually selecting each slide. The **Arrows** feature allows you to include navigation arrows on both the left and right sides of the slide to facilitate navigation. The **"Pagination"** feature can be enabled/disabled to paginate your slider using the **"Visible"** feature *(navigation icons at the middle bottom of your widget).* The **"Visible"** function can be switched on or off for the items described above. You can also select on which devices they will be displayed. You can also show/hide image numbers using the **"Show Numbers"** feature and edit the pagination preview for different devices using the **"Visible on"** feature. ![](https://ajeuwbhvhr.cloudimg.io/colony-recorder.s3.amazonaws.com/files/2025-02-09/4d6a2787-ac7e-4873-b888-de302a5b287f/screenshot.jpeg?tl_px=874,165&br_px=1919,749&force_format=jpeg&q=100&width=1045) 16\. Go to the **"Design"** tab to change the preset. Click the **"Preset Name"** drop-down to select a preset. Click on the **"Save"** button when you have finished your changes. Presets are predefined designs that allow users to quickly apply a specific style or layout to a widget. You can customize the preset style in the [Design section](https://success.ministrydesigns.help/how-do-you-edit-presets-in-widgets) ![](https://ajeuwbhvhr.cloudimg.io/colony-recorder.s3.amazonaws.com/files/2025-02-09/5c7d6e2e-25ef-45e6-ae68-2dac310839cb/screenshot.jpeg?tl_px=1011,0&br_px=1919,506&force_format=jpeg&q=100&width=907) - [Account](https://success.ministrydesigns.help/account) - [Sites (Formerly Omega)](https://success.ministrydesigns.help/sites-formerly-omega#main-content) - [Next-Steps Framework](https://success.ministrydesigns.help/sites-formerly-omega#next-steps-framework) - [Video Guides](https://success.ministrydesigns.help/sites-formerly-omega#video-guides) - [Site Builder Profile Settings](https://success.ministrydesigns.help/sites-formerly-omega#site-builder-profile-settings) - [Pages](https://success.ministrydesigns.help/sites-formerly-omega#pages) - [Design](https://success.ministrydesigns.help/sites-formerly-omega#design) - [Media Library](https://success.ministrydesigns.help/sites-formerly-omega#media-library) - [Extensions](https://success.ministrydesigns.help/sites-formerly-omega#extensions) - [Blog](https://success.ministrydesigns.help/sites-formerly-omega#blog) - [Events](https://success.ministrydesigns.help/sites-formerly-omega#events) - [Small Groups](https://success.ministrydesigns.help/sites-formerly-omega#small-groups) - [Sermons](https://success.ministrydesigns.help/sites-formerly-omega#sermons) - [Settings](https://success.ministrydesigns.help/sites-formerly-omega#settings) - [SEO](https://success.ministrydesigns.help/sites-formerly-omega#seo) - [Website Management](https://success.ministrydesigns.help/sites-formerly-omega#website-management) - [FAQ](https://success.ministrydesigns.help/sites-formerly-omega#faq) - [illume for Church Members](https://success.ministrydesigns.help/illume-for-church-members#main-content) - [Signing Up](https://success.ministrydesigns.help/illume-for-church-members#signing-up) - [Giving](https://success.ministrydesigns.help/illume-for-church-members#giving) - [illume for Church Administration](https://success.ministrydesigns.help/illume-for-church-administration#main-content) - [Getting Started](https://success.ministrydesigns.help/illume-for-church-administration#getting-started) - [Managing Your Account](https://success.ministrydesigns.help/illume-for-church-administration#managing-your-account) - [Using People](https://success.ministrydesigns.help/illume-for-church-administration#using-people) - [Using Giving](https://success.ministrydesigns.help/illume-for-church-administration#using-giving) [![MD Logo 1\_Black-3](https://success.ministrydesigns.help/hs-fs/hubfs/MD%20Logo%201_Black-3.png?width=200&height=73&name=MD%20Logo%201_Black-3.png "MD Logo 1_Black-3")](http://ministrydesigns.com) 15 Carlyle St Floor 2, Battle Creek, Mi 49017 [mailto:email@email.com](mailto:email@email.com) Copyright © 2025,