What is a slider block?
The slider block allows users to select a value from a predefined scale or range of numbers. This feature is handy for scenarios where users must specify a range or limit, such as choosing a product price range.
Why use the slider block?
You can let your customer choose the price range they prefer when browsing for products. This ensures that their input stays within the limits you’ve set, ensuring user input stays within specified limits.
Key features
Minimum value: The lowest possible value the slider can display. Users can select this value as the starting point.
Maximum value: The highest possible value the slider can display. Users can select this value as the end point.
Default value: The value displayed by default if the user hasn't selected any specific value yet.
Left label: A descriptive label for the minimum value on the slider, helping users understand what the minimum value depicts.
Right label: A descriptive label for the maximum value on the slider, helping users understand what the maximum value depicts.
This block is not supported in the WhatsApp channel.
Steps to create a slider block
1. To add the Slider block to the flow, click on the add block icon (+)
2. Choose Slider under the Question Cards section.
If you try to close the block listing without saving the slider block, all the unsaved changes will be lost permanently.
3. Add the Question in the question field
4. Enter the Minimum Value and Maximum Value in the respective fields.
5. Add the Default value
6. Enter label names for the Left Label and Right Label in the respective fields.
7. Add a unique name for your block in the Block name field.
8. Input variable will auto-populate according to the added block name; you can change it if needed.
9. Adjust the existing Validation Error Message to fit the context of your slider block.
10. Click on the Preview block option to see how the block would be displayed to the user.
11. If you are satisfied with the output, click Save.
If you enter the name of an existing block for another block, the below error will be displayed. - If this block is not mandatory for your user to answer, toggle 'on' the option to Skip Block. This option is not available for flows of WhatsApp, Telegram, and Facebook Messenger channels.
- If you want to keep this block as the end of your conversational flow, toggle 'on' the End block option.
Editing the slider block
You can edit an slider block whenever required, even after the flow is published or in the drafts section, by following these steps:
1. Open the flow and click on Edit.
2. Click the Slider Block, which you may have named differently.
3. Choose Edit Block from the displayed options.
4. Make the required changes to the block and click Save
5. Click Save
6. Publish the flow
- If you edit a block while an end user is engaged in a live session with the bot, the previous version of the flow will be rendered until they restart the conversation.
- After making changes, you will need to publish the flow for those changes to be reflected in an end user's session.
- If a change is made to an input variable, it will be updated automatically across all flows where the variable is used.
Copy a slider block:
The copy block option can be used when you need to reuse a block that you previously created; you can copy that block and add it to your flow as it is or edit it according to the requirement.
1. Click on the File Block block you wish to copy.
2. Choose the Copy Block option; the block will be pasted on the clipboard.
3. When you require to paste that block, click the Add block icon (+).
The pasted block would appear on the block listing section and be stated as From Clipboard. 4. Edit the block if required or simply click Paste.
- The copied file block can be pasted multiple times. If you no longer need to paste it, you can clear the clipboard by clicking the close icon corresponding to the clipboard option.
- When copying an existing file block, all of its content, including any variables, will be copied as is. You can edit it as needed before adding it to the flow. Since the names of each block must be unique, the word '_copy' will be added to the copied blocks automatically; this can be changed if required.
- If you have copied a block and it is in the clipboard, deleting the copied block later will also remove it from the clipboard.
Deleting the slider block
1. Open the flow and click on Edit
2. Click on the Slider Block, which you may have named differently
3. Select Delete Block from the displayed options.
4. Confirm deleting the selected block by clicking Yes, Delete it.
You can use the undo option to restore a deleted block as your following action, but not otherwise.
5. Click Save.
6. Publish the flow.
- If you delete a file block while an end user is engaged in a live session with the bot, the previous version of the flow will be rendered until they restart the conversation.
- After making changes, you will need to publish the flow for those changes to be reflected in an end user's session.
If the deleted block has dependencies, such as those given below, errors will be displayed.
Path below the block:
If the block was used to jump to a different flow:
Use case
From the online store Zylker Electronics, a customer was looking to purchase a phone case for under 30 USD. They used the store's filtering options to narrow down the selection and successfully found several phone covers that fit within their budget. This feature made it easy for the customer to identify affordable options.
Filtering as per the customer's budget
The customer wanted to buy a phone case that met both their financial and style preferences without exceeding their spending limit of 30 USD.
Bot prompt: Please select the price range for your phone cover:
Input given in the builder:
GC widget's output:
After the user selects a value:
Best practices
- Establish clear minimum and maximum values that are relevant to the context. Ensure the range is broad enough to cover all potential user needs.
- Provide descriptive labels for the minimum and maximum values to guide users. For example, use "Min Price" and "Max Price" for a price range slider.
- Choose a default value that makes sense in context and is helpful for most users. This can serve as a starting point that users can adjust if needed.
- Make sure the slider range is appropriate for the scenario. For example, in a pricing context, ensure the values reflect realistic pricing options for the products.
- Explain why the slider is being used and what the selected values represent. This can be done through a brief instructional message before the slider.
Limitations
- The slider minimum value must be within 0 and 999999999
- The slider maximum value must be within 0 and 999999999
- The slider default value must be within 0 and 999999999
- Character limit for the labels are 100
Supported channels
The slider block is supported in the following channels:
- WhatsApp
- Telegram
- Facebook Messenger
- LINE
- Instagram
- Business Messaging
A total of 500 blocks can be added in a flow. If you reach that count, you can use the jump block to create a new flow or delete unnecessary flows.