Range Slider Option

This card can be used to collect the input between different ranges from the visitor with a slider interface ie., they can choose from the first or start in-between the slider and choose the range (Ex: You can use this slider for allowing the visitors to pick the price range.)

AttributeMandatoryDescriptionValues
typeYesThe type of the input to be displayed to the visitorslider
valuesYesAn array of string you would like to mark in the slider as optionsYou can enter maximum of 10 options in the array, and the character limit for each option is 10.

Use Cases:

SalesIQ Scripts:


{
  "type": "range-slider",
  "values": [
    "$100",
    "$200",
    "$300",
    "$400",
    "$500",
    "$600"
  ]
}

Dialogflow:


{
  "platform": "ZOHOSALESIQ",
  "replies": [
      "Pick range"
    ],
  "input": {
    "type": "range-slider",
    "values": [
     "$100",
     "$200",
     "$300",
     "$400",
     "$500",
     "$600"
    ]
  }
}

Watson Assistant:


"user_defined": {
  "zohosalesiq": {
    "replies": [
      "Pick range"
    ],
    "input": {
      "type": "range-slider",
      "values": [
        "$100",
        "$200",
        "$300",
        "$400",
        "$500",
        "$600"
      ]
    }
  }
}

Zia Skills:

Context Handler function:


result = Map();
response = Map();
response.put("action", "reply");
response.put("replies", [
    "Pick range"
]);
response.put("input", {
    "type": "range-slider",
    "values": [
        "$100",
        "$200",
        "$300",
        "$400",
        "$500",
        "$600"
    ]
});
prompt = Map();
prompt.put("param_name", "rangeslider");
prompt.put("data", response);
result.put("prompt", prompt);
result.put("todo", "prompt");
return result;

Output: