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. Emoji
  7. Feedback
  8. Dynamic

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. Click on the add block icon (+).

2. Choose Button Type 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. Add the Question in the question field.



4. 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. 
5. 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.
6. 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.

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


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 button block.
10. Click on the Preview block option to see how the block will be displayed to the user.
11. 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 Builder and click Edit.



2. Click on the Button Block, which you may have named differently.
3. Select Edit 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 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. A confirmation pop-up appears to choose a path to associate with the previous block. Choose a path and click 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.
  3. If the deleted block has dependencies, such as given below, errors will be displayed


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.

      Create. Review. Publish.

      Write, edit, collaborate on, and publish documents to different content management platforms.

      Get Started Now


        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







                              Quick LinksWorkflow AutomationData Collection
                              Web FormsRetailOnline Data Collection Tool
                              Embeddable FormsBankingBegin Data Collection
                              Interactive FormsWorkplaceData Collection App
                              CRM FormsCustomer ServiceForms for Solopreneurs
                              Digital FormsMarketingForms for Small Business
                              HTML FormsEducationForms for Enterprise
                              Contact FormsE-commerceForms for any business
                              Lead Generation FormsHealthcareForms for Startups
                              Wordpress FormsCustomer onboardingForms for Small Business
                              No Code FormsConstructionRSVP tool for holidays
                              Free FormsTravelFeatures for Order Forms
                              Prefill FormsNon-Profit
                              Forms for Government
                              Intake FormsLegal
                              Mobile App
                              Form DesignerHR
                              Mobile Forms
                              Card FormsFoodOffline Forms
                              Assign FormsPhotographyMobile Forms Features
                              Translate FormsReal EstateKiosk in Mobile Forms
                              Electronic FormsInsurance
                              Drag & drop form builder

                              Notification Emails for FormsAlternativesSecurity & Compliance
                              Holiday FormsGoogle Forms alternative GDPR
                              Form to PDFJotform alternativeHIPAA Forms
                              Email FormsWufoo alternativeEncrypted Forms
                              Accessible FormsTypeform alternativeSecure Forms

                              WCAG

                                          Create. Review. Publish.

                                          Write, edit, collaborate on, and publish documents to different content management platforms.

                                          Get Started Now






                                                            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

                                                                  Use cases

                                                                  Make the most of Zoho Desk with the use cases.

                                                                   
                                                                    

                                                                  eBooks

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

                                                                   
                                                                    

                                                                  Videos

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

                                                                   
                                                                    

                                                                  Webinar

                                                                  Sign up for our webinars and learn the Zoho Desk basics, from customization to automation and more

                                                                   
                                                                    
                                                                  • Desk Community Learning Series


                                                                  • Meetups


                                                                  • Ask the Experts


                                                                  • Kbase


                                                                  • Resources


                                                                  • Glossary


                                                                  • Desk Marketplace


                                                                  • MVP Corner



                                                                    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 Demo

                                                                                                      Get a personalized demo or POC

                                                                                                      REGISTER NOW


                                                                                                        Design. Discuss. Deliver.

                                                                                                        Create visually engaging stories with Zoho Show.

                                                                                                        Get Started Now










                                                                                                                            • Related Articles

                                                                                                                            • Zia Generative AI Integration Block

                                                                                                                              The Generative AI Block in Guided Conversations (GC) enhances chatbot interactions by enabling more natural and context-aware responses. Unlike traditional rule-based chatbots, this block allows for more flexible and intelligent handling of user ...
                                                                                                                            • Choice Block

                                                                                                                              What is a choice block The choice card block is a type of choice block that presents users with one or more options that can be used to display additional information that will aid users in decision-making. This block enhances user interaction by ...
                                                                                                                            • Request Timeout in Webhook Block

                                                                                                                              When your chatbot connects to an external service, it uses a webhook block to send a request to that service’s API. Now imagine the service takes too long to respond. What should your chatbot do? Wait forever? Give up too early? That’s exactly what ...
                                                                                                                            • 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 ...
                                                                                                                              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