Image Block
What is an Image Block?
An image block allows you to ask questions and receive responses in the form of images, letting your bot handle scenarios requiring visual evidence.
Why use an Image Block?
Incorporating an image block in the conversational flow makes it easy for customers to submit pictures directly through the chatbot interface. For example, if a user receives a damaged product, they can provide visual proof by uploading an image of the product.
Supported channels
Supported channels
The image block is supported in the following channels:
Steps to create an Image Block
1. Click the Add icon.
2. Choose Image under the Ask Question section.
2. Choose Image under the Ask Question section.
3. Enter Block Name.
4. Add a Question in the question field.
5. Choose the image Format options you want your user to send the images in, then click Save.
5. Choose the image Format options you want your user to send the images in, then click Save.
Allowed formats: JPEG, PNG, GIF, TIFF, BMP, HEIC. WhatsApp channel only supports jpeg and PNG formats.
6. Block Variable will be auto-populated according to the added block name. You can edit the block variable if needed.
7. Adjust the existing Validation Error Message to fit the context of your image block.
8. Navigate to Advanced Settings.
- If this block is not mandatory for your user to answer, toggle the option to Skip Block on.
- 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 the End block option on.
9. Click the Preview option to see how the block would be displayed to the user.
10. Click Save.
- Image files can either be dragged and dropped or attached, and the limit should not exceed 14 MB.
- For WhatsApp, Telegram, and Facebook Messenger, the limit cannot exceed 10 MB.
- If you try to close the block listing without saving the image block, all the unsaved changes will be lost permanently.
Editing the Image Block
You can edit an Image 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 the Image Block, which you may have named differently.
3. Click Edit Block from the displayed options.
4. Make the required changes to the block.
5. Publish the flow.
Copy an Image block
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 the Image Block you wish to copy.
2. Copy the block to be pasted on the clipboard.
3. When you want to paste that block, click the Add block icon (+).
4. The copied block would appear on the block listing section and be stated as Clipboard.
5. Click Paste Block and edit the details.
- The copied image 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 image 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.
- 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 Image Block
1. Open the flow and click Edit.
2. Click the Image Block, which you may have named differently.
3. Click Delete.
3. Click Delete.
4. Confirm deleting the selected block by clicking on Yes, Delete it.
5. Restore the deleted block by clicking the Undo option, but not otherwise.
5. Click Save.
6. Publish the flow.
6. Publish the flow.
- 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, you need to republish the flow for those changes to be reflected in an end user's session.
Dependent Blocks
If the deleted block has dependencies, such as given below, errors will be displayed.
If the deleted block was used to jump to a different flow:
Example Use Case
A customer from the online store Zylker Electronics received their order but encountered an issue. They immediately visited the website and started a conversation with the bot. During the interaction, the customer reported that the gadget they received was faulty. As the quality check process required visual proof of purchase to verify it matched their order details, the bot requested an image of the receipt. The customer attached the image of the invoice.
Examples of the image blocks in a flow
Proof of purchase
The support team requires visual proof of purchase to verify the customer's claim and ensure it matches their order details.
Bot Prompt: Can you upload an image of your receipt or order confirmation?
Input given in the builder:
GC widget's output:
After the user adds an image of the receipt and submit:
Best practices
- Clearly explain to the user what kind of image you need and why. For example, "Please upload a photo of your ID for verification purposes."
- Specify maximum file size limits and suggest ways to reduce file size, if necessary.
- Clearly inform users how their images will be used and ensure compliance with data protection regulations.
- 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.
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 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 Writer?
Create. Review. Publish.
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?
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
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 ...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 ...File Block
What is a File Block The file block enables receiving responses in various file formats, such as videos, images, audios, and documents, allowing users to submit attachments in any required format. This block type ensures versatility in data ...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 ...Currency Block
What is a currency block? The currency block enables interaction where users can input and validate the amounts in specific currency formats. For example, an organization's chatbot can be set up to receive donations from supporters. Users can specify ...
New to Zoho LandingPage?
Zoho LandingPage Resources