Button Block
What is a button block?
The button block is a type of choice block that presents users with one or more options in the form of buttons. This block enhances user interaction by allowing them to select their preferred option from a predefined list of options.
The button block includes various types, making it versatile for different scenarios, such as:
- Text
- URL
- Image
- Video
- Audio
- Smiley
- Feedback
Selecting the required type ensures that the chosen option is displayed to the user and simplifies the process of building the conversational flow
Why use the button block?
By allowing users to select one or more options from a predefined list presented as buttons, it ensures clear communication. For example, for an online shopping chatbot where users are prompted to select their preferred payment method, the button block can display buttons labeled with different payment options like "Credit Card," "PayPal," and "Bank Transfer," making the selection process straightforward and user-friendly.
Examples of the output from GC for the Feedback and Smiley button blocks:
Steps to create the button block
1. To add the Button block to the flow, click on the add block icon (+).
2. Choose Button under the Choice Cards section.
If you try to close the block listing without saving the button block, all the unsaved changes will be lost permanently.
3. Choose your preferred button type from the Button Type dropdown.
(To showcase the creation of this block, we have chosen the Image type button)
4. Add the Question in the question field.
5. Choose the Button Selection Type.
- Select the Single Button option if you require the user to select any one option from the given button list.
- Select the Multiple Button option if you require the user to select single or multiple options from the given button list.
6. Add a name for the button in the Button Name field.
Button name can include alphabets, numbers, and all the available symbols in a standard keyboard.
Image size cannot exceed 14 MB
For WhatsApp, Telegram, and Facebook Messenger, the image size cannot exceed 10 MB
7. Either Drag and drop or Browse for the required image.
8. Click Add Button to add as many buttons as you require.
Limitations:
The button count cannot exceed the limit of 75.
The button name character cannot exceed the limit of 200.
9. Add a unique name for your block in the Block name field.
If you enter the name of an existing block for another block, the below error will be displayed.
10. Input variable will auto-populate according to the added block name. You can change it if needed.
11. Adjust the existing Validation Error Message to fit the context of your button block.
12. Click on the Preview block option to see how the block will be displayed to the user.
13. If you are satisfied with the output, click Save and Publish.
Block options:
- 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.
Limitations:
The limit for Video, Image, and Audio is 14 MB.
The limit for Video, Image, and Audio is 14 MB.
For WhatsApp, Telegram, and Facebook Messenger, the image size cannot exceed 10 MB
Button list functions
Duplicating a button
- You can duplicate existing buttons.
- Every button name should be unique.
- When duplicating an existing button, all of its content will be copied. You must edit the button's name and change it before publishing the flow.
Deleting a button
- This option allows you to delete a button individually.
- Deleting the original button will also delete any duplicates automatically.
Re-arranging a button
- You can rearrange the display order of the buttons.
Steps to edit the button block
You can edit a button block whenever required, even after the flow is published or in the drafts section, by following these steps:
1. Open the flow and click Edit.
2. Click on the Button Block, which you may have named differently.
3. Select Edit Block from the displayed options.
4. Make the required changes to the block, then click Save.
5. Publish the flow.
Points to note when editing a button block:
- 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 need to republish 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 automatically updated across all flows where the variable is used.
Steps to copy the button 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 your needs.
1. Click the Button Block you need to copy.
2. Choose the Copy Block option. The block will be pasted on the clipboard.
3. When you need to paste that block, click the Add block icon (+).
The pasted block will appear on the block listing section and be stated as From Clipboard.4. Edit the block if required, or simply click Paste.
Points to note when copying a button block:
- The copied button block can be pasted multiple times. If you no longer need to paste it, you can clear the clipboard by clicking on the close icon corresponding to the clipboard option.
- When copying an existing button block, all of its content, including variables, if any, will be copied as it is. You can edit it as required 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.
Steps to delete the button block
1. Open the flow and click Edit.
2. Click the Button 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.
5. Save and Publish the flow.
You can use the undo option to restore a deleted block as your following action, but not otherwise.
Points to note when deleting a button block:
- If you delete 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, it is necessary to re-publish the flow for those changes to be reflected in an end user's session.
If the deleted block has dependencies, such as given below, errors will be displayed.
Path below the block:
If the deleted block was used to jump to a different flow:
Use Case
A customer visits an electronics website and interacts with the chatbot to inquire about product support. The bot presents a series of buttons, such as "Track Order," "Return Product," and "Warranty Information." By clicking on these buttons, the customer can quickly navigate to the relevant section and receive the information or assistance they need.
Bot input:
Please choose one of the options to get started:
<Track Delivery>
<Return Order>
<Warranty Information>
Input given in the builder:
GC widget's output:
After the user chooses the required service:
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.
Zoho CRM Training Programs
Learn how to use the best tools for sales force automation and better customer engagement from Zoho's implementation specialists.
Zoho DataPrep Personalized Demo
If you'd like a personalized walk-through of our data preparation tool, please request a demo and we'll be happy to show you how to get the best out of Zoho DataPrep.
- Zoho Workerly Home
- Forums
- Connect With Us:
- Zoho Recruit Home
- Forums
- Connect With Us:
New to Zoho CRM Plus?
Deliver unforgettable customer experiences
New to Zoho CRM Plus?
Deliver unforgettable customer experiences
New to Zoho Marketing Plus?
Everything you need to run your marketing
New to Zoho Marketing Plus?
Everything you need to run your marketing
You are currently viewing the help pages of Qntrl’s earlier version. Click here to view our latest version—Qntrl 3.0's help articles.
New to Zoho Survey?
Zoho Sheet Resources
Zoho Forms Resources
New to Zoho Sign?
Zoho Sign Resources
Sign, Paperless!
New to Zoho TeamInbox?
Zoho TeamInbox Resources
New to Zoho ZeptoMail?
Zoho DataPrep Resources
Design. Discuss. Deliver.
New to Zoho Workerly?
New to Zoho Recruit?
New to Zoho CRM?
New to Zoho Projects?
New to Zoho Sprints?
New to Zoho Assist?
New to Bigin?
Related Articles
Configuring Webhook Block in Guided Conversations
The webhook block is one of the three action blocks available in Guided Conversations. This block enables the conversation flow to interact with Zoho Desk processes or other Zoho services or third-party services. The webhook block uses APIs from Zoho ...How to add an embeddable Instagram Message Button to your website?
Get your business started on Instagram You can manage your customer queries instantly coming from a dedicated Instagram messaging channel from Zoho Desk and also allow businesses to communicate about the latest business trends, track sales and much ...Components of the GC Flow Builder
The GC flow builder comprises three components: Blocks Paths Variables Blocks Blocks are the fundamental units of the flow builder. A text message that you want to display, a set of options that you want the customer to choose, the step where you ...Number Block
What is a number block? A number block allows you to ask questions and receive answers in the form of numbers. For example, if a customer has questions about their order and needs to provide an order ID, a number block can be incorporated into the ...Text Block
What is a text block? Text block lets you ask questions and receive answers in the form of a text. If the user wants to give a gist about a specific problem or positive feedback after using the product, incorporating a text block is an ideal method ...
New to Zoho LandingPage?
Zoho LandingPage Resources