Choice card - Working with a button block

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:

  1. Text
  2. URL
  3. Image
  4. Video
  5. Audio
  6. Smiley
  7. Feedback
Info
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.



Notes
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.

  1. Select the Single Button option if you require the user to select any one option from the given button list. 
  2. 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.
Info
Button name can include alphabets, numbers, and all the available symbols in a standard keyboard.
Info
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.
Notes
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.
Notes
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.
Notes
Block options:
  1. 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.
  2. If you want to keep this block as the end of your conversational flow, toggle on the End block option.
Notes
Limitations: 
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

  1. You can duplicate existing buttons.
  2. Every button name should be unique.
  3. 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

  1. This option allows you to delete a button individually.
  2. Deleting the original button will also delete any duplicates automatically.

Re-arranging a button

  1. 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.



Notes
Points to note when editing a button block:
  1. 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.

  2. After making changes, you need to republish the flow for those changes to be reflected in an end user's session.
  3. 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 (+). 
InfoThe 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.



Notes
Points to note when copying a button block:
  1. 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.
  1. 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.

  2. 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. 



Info
You can use the undo option to restore a deleted block as your following action, but not otherwise.


Notes
Points to note when deleting a button block:
  1. 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.
  2. 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:




Idea

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:



Supported channels

The button block is supported in the following channels:
Notes
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.

    Access your files securely from anywhere

      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 CRM Training
        Redefine the way you work
        with Zoho Workplace

          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 CRM Training

            Create, share, and deliver

            beautiful slides from anywhere.

            Get Started Now


              Zoho Sign now offers specialized one-on-one training for both administrators and developers.

              BOOK A SESSION









                                            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.




                                                Manage your brands on social media

                                                  Zoho Desk Resources

                                                  • Desk Community Learning Series


                                                  • Digest


                                                  • Functions


                                                  • Meetups


                                                  • Kbase


                                                  • Resources


                                                  • Glossary


                                                  • Desk Marketplace


                                                  • MVP Corner


                                                  • Word of the Day


                                                    Zoho Marketing Automation

                                                      Zoho Sheet Resources

                                                       

                                                          Zoho Forms Resources


                                                            Secure your business
                                                            communication with Zoho Mail


                                                            Mail on the move with
                                                            Zoho Mail mobile application

                                                              Stay on top of your schedule
                                                              at all times


                                                              Carry your calendar with you
                                                              Anytime, anywhere




                                                                    Zoho Sign Resources

                                                                      Sign, Paperless!

                                                                      Sign and send business documents on the go!

                                                                      Get Started Now




                                                                              Zoho TeamInbox Resources



                                                                                      Zoho DataPrep Resources



                                                                                        Zoho DataPrep Demo

                                                                                        Get a personalized demo or POC

                                                                                        REGISTER NOW


                                                                                          Design. Discuss. Deliver.

                                                                                          Create visually engaging stories with Zoho Show.

                                                                                          Get Started Now









                                                                                                              • 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 ...
                                                                                                                Wherever you are is as good as
                                                                                                                your workplace

                                                                                                                  Resources

                                                                                                                  Videos

                                                                                                                  Watch comprehensive videos on features and other important topics that will help you master Zoho CRM.



                                                                                                                  eBooks

                                                                                                                  Download free eBooks and access a range of topics to get deeper insight on successfully using Zoho CRM.



                                                                                                                  Webinars

                                                                                                                  Sign up for our webinars and learn the Zoho CRM basics, from customization to sales force automation and more.



                                                                                                                  CRM Tips

                                                                                                                  Make the most of Zoho CRM with these useful tips.



                                                                                                                    Zoho Show Resources