---
title: "Scalable Insights: A Guide to Slider Frames"
description: Slider frames guide
---

[Skip to content](https://howto.odicci.com/en-gb/guides/slider-frames#main-content)

[Contact us](https://howto.odicci.com/en-gb/guides/kb-tickets/new?hsLang=en-gb)

[![ODICCI-Horizontal-1](https://howto.odicci.com/hs-fs/hubfs/ODICCI-Horizontal-1.png?width=150&height=48&name=ODICCI-Horizontal-1.png)](https://howto.odicci.com/en-gb/guides?hsLang=en-gb)

- [Getting Started](https://howto.odicci.com/en-gb/guides/getting-started)
- [Experiences](https://howto.odicci.com/en-gb/guides/experiences)
- [Integrations](https://howto.odicci.com/en-gb/guides/integrations)
- [Settings](https://howto.odicci.com/en-gb/guides/settings)

Open main navigation

Close main navigation

- [Getting Started](https://howto.odicci.com/en-gb/guides/getting-started)
- [Experiences](https://howto.odicci.com/en-gb/guides/experiences)
- [Integrations](https://howto.odicci.com/en-gb/guides/integrations)
- [Settings](https://howto.odicci.com/en-gb/guides/settings)
- [Contact us](https://howto.odicci.com/en-gb/guides/kb-tickets/new)
- [Contact us](https://howto.odicci.com/en-gb/guides/kb-tickets/new)

[Contact us](https://howto.odicci.com/en-gb/guides/kb-tickets/new?hsLang=en-gb)

 How can we help you?

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

1. [Odicci How To](https://howto.odicci.com/en-gb/guides?hsLang=en-gb)
2. [Design Studio](https://howto.odicci.com/en-gb/guides/design-studio?hsLang=en-gb)
3. [Frames](https://howto.odicci.com/en-gb/guides/design-studio?hsLang=en-gb#frames)

# Scalable Insights: A Guide to Slider Frames

**Slider frames** offer your customers a seamless way to rate products or services using an interactive sliding scale. This format is perfect for gathering nuanced feedback, such as NPS scores or preference levels over a standard dropdown menu.

---

### Overview

[**Step 1:** Adding the Frame](https://howto.odicci.com/en-gb/guides/slider-frames#Step1)

[**Step 2:** Configuring the Scale](https://howto.odicci.com/en-gb/guides/slider-frames#Step2)

[**Step 3:** Formatting & Styling](https://howto.odicci.com/en-gb/guides/slider-frames#Step3)

---

 

### **Step 1: Adding the Frame**

To begin building your scale, head into the Design Studio:

- **Create:** Select the "+" icon from the left-hand navigation bar.
- **Locate:** Choose Slider from the interactive menu options
- **Identify:** The name you choose for your frame will automatically populate the frame header.
- **Map:** This name is also used for the field mapping of any answers submitted by your customers, so keep it descriptive.

![Frame 1497](https://howto.odicci.com/hs-fs/hubfs/Knowledge%20Base%20Import/Slider%20Frame/Frame%201497.png?width=643&height=421&name=Frame%201497.png)

---

### **Step 2: Configuring the Scale**

Once the frame is generated, you can define how the scale behaves:

- **Custom Labels**: Adjust the labels at either end of the slider (e.g., "Disagree" and "Agree") to provide clear context for the rating.
- **Defining Steps**: Choose exactly how many different options or "steps" are available for a customer to select from.

![Frame 1498 (1)](https://howto.odicci.com/hs-fs/hubfs/Knowledge%20Base%20Import/Slider%20Frame/Frame%201498%20(1).png?width=656&height=430&name=Frame%201498%20(1).png)

---

### **Step 3: Formatting & Styling**

Make the slider feel like a native part of your brand:

**Text Styling:** Access standard text formatting options to style your labels and headers.

**Color Customization:** Adjust the colors of the various elements that make up the slider, such as the track and the selector.

**Precision Tools:** Use specific hexcodes for exact brand matching or utilize the visual color picker for quick adjustments.

![Frame 1488](https://howto.odicci.com/hs-fs/hubfs/Knowledge%20Base%20Import/Slider%20Frame/Frame%201488.jpg?width=627&height=159&name=Frame%201488.jpg)

- [Getting started](https://howto.odicci.com/en-gb/guides/getting-started?hsLang=en-gb)
- [Experiences](https://howto.odicci.com/en-gb/guides/experiences?hsLang=en-gb#main-content)

    - [Games](https://howto.odicci.com/en-gb/guides/experiences?hsLang=en-gb#games)
    - [Quizzes](https://howto.odicci.com/en-gb/guides/experiences?hsLang=en-gb#quizzes)
    - [Rewards](https://howto.odicci.com/en-gb/guides/experiences?hsLang=en-gb#rewards)
    - [Refer A Friend](https://howto.odicci.com/en-gb/guides/experiences?hsLang=en-gb#refer-a-friend)
- [Design Studio](https://howto.odicci.com/en-gb/guides/design-studio?hsLang=en-gb#main-content)

    - [Frames](https://howto.odicci.com/en-gb/guides/design-studio?hsLang=en-gb#frames)
    - [Components](https://howto.odicci.com/en-gb/guides/design-studio?hsLang=en-gb#components)
- [Integrations](https://howto.odicci.com/en-gb/guides/integrations?hsLang=en-gb#main-content)

    - [Customer Data Platforms](https://howto.odicci.com/en-gb/guides/integrations?hsLang=en-gb#customer-data-platforms)
    - [E-Commerce](https://howto.odicci.com/en-gb/guides/integrations?hsLang=en-gb#e-commerce)
    - [Other](https://howto.odicci.com/en-gb/guides/integrations?hsLang=en-gb#other)
    - [Loyalty](https://howto.odicci.com/en-gb/guides/integrations?hsLang=en-gb#loyalty)
    - [Webhooks](https://howto.odicci.com/en-gb/guides/integrations?hsLang=en-gb#webhooks)
- [Reporting](https://howto.odicci.com/en-gb/guides/reporting?hsLang=en-gb)
- [Settings](https://howto.odicci.com/en-gb/guides/settings?hsLang=en-gb)
- [FAQs](https://howto.odicci.com/en-gb/guides/faqs?hsLang=en-gb)

# Odicci

Copyright © 2025, Odicci Ltd