Range Slider | Zobot | Zoho SalesIQ

Range slider option

This card allows collecting the inputs as ranges from the visitor with a slider interface, i.e., they can choose from the first or start in between the slider and choose the range (Example: Visitors can pick the price range with the slider)

Attribute	Mandatory	Description	Values
type	Yes	The type of input to be displayed to the visitor	slider
values	Yes	An array of strings you would like to mark in the slider as options	A maximum of 10 options in the array with a character limit of 10 each can be provided.

Channel compatibility and limitations

Facebook Messenger:

The card is supported on Facebook.
When using this card, the slider range units/intervals would be listed in the bulletin, and the users have to type their preferred range separated by a hyphen (-). Example: 30000-80000

Instagram:

The card is supported on Instagram.
When using this card, the slider range units/intervals would be listed in the bulletin, and the users have to type their preferred range separated by a hyphen (-). Example: 30000-80000

WhatsApp:

The card is supported on WhatsApp.
When using this card, the slider range units/intervals would be listed in the bulletin, and the users have to type their preferred range separated by a hyphen (-). Example: 30000-80000

Telegram:

The card is supported on Telegram.
When using this card, the slider range units/intervals would be listed in the bulletin, and the users have to type their preferred range separated by a hyphen (-). Example: 30000-80000

Output

Web/Mobile Facebook Instagram WhatsApp Telegram

Use Case

Scripts Zia Dialogflow Watson Azure

Copied{
  "type": "range-slider",
  "values": [
    "30000",
    "40000",
    "50000",
    "60000",
    "70000",
    "90000",
    "100000"
  ]
}

Copied//Context Handler function
result = Map();
response = Map();
response.put("action", "reply");
response.put("replies", [
    "Cool. Would you like to mention your budget?"
]);
response.put("input", {
    "type": "range-slider",
    "values": [
        "30000",
        "40000",
        "50000",
        "60000",
        "70000",
        "90000",
        "100000"
    ]
});
prompt = Map();
prompt.put("param_name", "rangeslider");
prompt.put("data", response);
result.put("prompt", prompt);
result.put("todo", "prompt");
return result;

//Execution function
result = Map();
response = Map();
response.put("action", "reply");
response.put("replies", {
    "Cool. Would you like to mention your budget?"
});
response.put("input", {
  "type": "range-slider",
  "values": [
    "30000",
    "40000",
    "50000",
    "60000",
    "70000",
    "90000",
    "100000"
  ]
});
result.put("data", response);
return result;

Copied{
  "platform": "ZOHOSALESIQ",
  "replies": [
      "Cool. Would you like to mention your budget?"
    ],
  "input": {
    "type": "range-slider",
    "values": [
    "30000",
    "40000",
    "50000",
    "60000",
    "70000",
    "90000",
    "100000"
    ]
  }
}

Copied"user_defined": {
  "zohosalesiq": {
    "replies": [
      "Cool. Would you like to mention your budget?"
    ],
    "input": {
      "type": "range-slider",
      "values": [
    "30000",
    "40000",
    "50000",
    "60000",
    "70000",
    "90000",
    "100000"
      ]
    }
  }
}

Copied"channelData":{
        "zohosalesiq": {
            "input": {
              "type": "range-slider",
              "values": [
                   "30000",
                   "40000",
                   "50000",
                   "60000",
                   "70000",
                   "90000",
                   "100000"
              ]
            },
            "replies":["Cool. Would you like to mention your budget?"]
        }
    }