---
title: How to use the Slider plugin
description: Showcase images in a rotating slider with optional actions and links.
---

[Skip to content](https://help.appdocumentation.com/how-to-use-the-slider-plugin#main-content)

English - United States

Show submenu for translations

![app-documentation](https://help.appdocumentation.com/hubfs/app-documentation-1.svg)

Open main navigation

Close main navigation

- English - United States
  
  Show submenu for translations

 How can we help you?

- There are no suggestions because the search field is empty.

1. [App Documentation](https://help.appdocumentation.com/?hsLang=en-us)
2. [Add Functionality To Your App](https://help.appdocumentation.com/add-functionality-to-your-app?hsLang=en-us)
3. [Plugins to show content & media](https://help.appdocumentation.com/add-functionality-to-your-app?hsLang=en-us#plugins-to-show-content-media)

# How to use the Slider plugin

## Showcase images in a rotating slider with optional actions and links.

The Slider plugin allows you to display a set of rotating images in your app, with optional links to app content, web pages, or features. You can control layout, image behavior, and how long each slide appears.

---

### **Requirements**

- Availability of this feature depends on your account configuration. If you don’t see this option in your Control Panel, contact your account administrator.
- Login is optional unless using tag-based access control.

---

### **How to use the Slider plugin**

1. Log in, go to **Builder** in the left navigation
2. Click the **+** button to open the Plugin Marketplace 
     1. Search for **Slider**, then click **Add Plugin**
     2. Give your plugin a name (e.g., “Home Slider”)
     3. Click **Add**
3. In the **Content Tab** 
     1. To add a new image:
     2. Click **Add Image** 
            1. Upload from your device, use your media library, or choose a **Stock Image**
            2. Click **Insert Image**
     3. To link an image to app content or an external URL: 
            1. Click the **+ icon** on the image
            2. Choose an **Action** (e.g., App Content → Notes plugin)
            3. Click **Save**
     4. To reorder images: drag the **six dots** next to the image
     5. To delete an image: click the **X** on the image
4. Go to the **Design** tab 
     1. Choose how your image is displayed: 
            1. **Crop**: Crops the image to a 16:9 ratio
            2. **Fill**: Fills the entire screen with the image
            3. **Fit**: Displays the full image without cropping
5. Go to the **Settings** tab 
     1. Set how long each image is shown:
     2. Enter the duration (in seconds) for slide transitions (e.g., 2 seconds)
6. Go to the **Security** tab 
     1. (Optional) Turn on **Require Login** to restrict access
     2. (Optional) Add tag restrictions to allow access for specific user segments
7. Go to the **Tagging** tab: 
     1. Enter a tag name to automatically apply to users when they open this feature.
     2. Click **Add Tag**.
8. Click the **Purchase** tab: 
     1. Check **Require Purchase** to enable.
     2. Choose your product type (e.g., Single Purchase or Subscription).
     3. Upload an image, fill out purchase text, and success/failure messages.
9. Click the **Analytics** tab to see feature performance: 
     1. View data such as number of views, users, and devices over time.

---

### **Pro tips**

- Use action links to turn your slider into a clickable menu.
- Choose “Fit” layout for full-view images like flyers or event posters.
- You can use the Slider plugin as your app’s home screen.

- [Control Panel](https://help.appdocumentation.com/control-panel?hsLang=en-us#main-content)

    - [Navigating the Control Panel](https://help.appdocumentation.com/control-panel?hsLang=en-us#navigating-the-control-panel)
    - [Global Tools](https://help.appdocumentation.com/control-panel?hsLang=en-us#global-tools)
    - [Terms & Policies](https://help.appdocumentation.com/control-panel?hsLang=en-us#terms-policies)
- [Build Your App](https://help.appdocumentation.com/build-your-app?hsLang=en-us#main-content)

    - [Global Settings](https://help.appdocumentation.com/build-your-app?hsLang=en-us#global-settings)
    - [Building Your Apps's Navigation](https://help.appdocumentation.com/build-your-app?hsLang=en-us#building-your-appss-navigation)
    - [Building Your Login Flow](https://help.appdocumentation.com/build-your-app?hsLang=en-us#building-your-login-flow)
    - [Building a PWA](https://help.appdocumentation.com/build-your-app?hsLang=en-us#building-a-pwa)
- [Add Functionality To Your App](https://help.appdocumentation.com/add-functionality-to-your-app?hsLang=en-us#main-content)

    - [Plugins to drive engagement & community](https://help.appdocumentation.com/add-functionality-to-your-app?hsLang=en-us#plugins-to-drive-engagement-community)
    - [Plugins to drive monetization](https://help.appdocumentation.com/add-functionality-to-your-app?hsLang=en-us#plugins-to-drive-monetization)
    - [Plugins to run operations & workflows](https://help.appdocumentation.com/add-functionality-to-your-app?hsLang=en-us#plugins-to-run-operations-workflows)
    - [Plugins to show content & media](https://help.appdocumentation.com/add-functionality-to-your-app?hsLang=en-us#plugins-to-show-content-media)
- [Make Money With Your App](https://help.appdocumentation.com/make-money-with-your-app?hsLang=en-us#main-content)

    - [Overview](https://help.appdocumentation.com/make-money-with-your-app?hsLang=en-us#overview)
    - [iOS/Apple](https://help.appdocumentation.com/make-money-with-your-app?hsLang=en-us#ios-apple)
    - [Android/Google](https://help.appdocumentation.com/make-money-with-your-app?hsLang=en-us#android-google)
- [Publish Your App](https://help.appdocumentation.com/publish-your-app?hsLang=en-us#main-content)

    - [Overview](https://help.appdocumentation.com/publish-your-app?hsLang=en-us#overview)
    - [Android/Google](https://help.appdocumentation.com/publish-your-app?hsLang=en-us#android-google)
    - [iOS/Apple](https://help.appdocumentation.com/publish-your-app?hsLang=en-us#ios-apple)
- [Manage Your App](https://help.appdocumentation.com/manage-your-app?hsLang=en-us#main-content)

    - [Managing Your App’s Users](https://help.appdocumentation.com/manage-your-app?hsLang=en-us#managing-your-apps-users)
    - [Push Notifications](https://help.appdocumentation.com/manage-your-app?hsLang=en-us#push-notifications)
    - [Analytics](https://help.appdocumentation.com/manage-your-app?hsLang=en-us#analytics)
- [Connect External Partners](https://help.appdocumentation.com/connect-external-partners?hsLang=en-us#main-content)

    - [Android/Google](https://help.appdocumentation.com/connect-external-partners?hsLang=en-us#android-google)
    - [iOS/Apple](https://help.appdocumentation.com/connect-external-partners?hsLang=en-us#ios-apple)
    - [Zapier](https://help.appdocumentation.com/connect-external-partners?hsLang=en-us#zapier)
    - [Meta](https://help.appdocumentation.com/connect-external-partners?hsLang=en-us#meta)
    - [Segment](https://help.appdocumentation.com/connect-external-partners?hsLang=en-us#segment)

Copyright © 2026, App Documentation