Formatter (Deluge) in Webhook Block
Not all API responses come in the exact format you want to show to your users, and that’s where Formatter comes in. With Formatter, you can use Deluge scripting to transform your raw API response into clean, user-friendly content that fits your use case perfectly.
Let’s say your API returns a complex object or sends data with field names that aren’t helpful to your chatbot audience. Maybe the date format looks like this: 2025-06-02T10:45:00Z; but you want it to display as “2 June 2025, 10:45 AM.” Or perhaps your API returns a ticket object with ticket_subject and ticket_id, but you want to display something more readable like Issue #2034 - Payment failed.
What is Formatter?
Formatter is a feature inside the Webhook Block of Guided Conversations. After your webhook pulls in data from an API, Formatter lets you modify that data before passing it on in the conversation.
You can:
- Change field names to make them more meaningful
- Reformat date and time values
- Merge values from multiple fields
- Extract specific items from nested JSON
- Loop through lists to create summaries or readable content
All of this is done using Deluge. Even if you’re not a professional developer, Deluge makes these transformations easy to implement.
Why Formatter is useful
Think of Formatter as your data-cleaning assistant.
Here’s why it matters:
- Makes API responses more readable for end users
- Avoids confusing terms like “ticket_id” or “cust_name”
- Helps structure content to match your tone or formatting
- Lets you show only what’s important and hide the rest
- Works seamlessly with other parts of the Guided Conversation flow
In short, Formatter helps you speak your user’s language, not your system’s.
Example Use Cases
Reformatting Date and Time
API Response:
{
"order_date": "2025-06-02T10:45:00Z"
}
Goal: Display it as "2 June 2025, 10:45 AM"
Formatter Code:
formatted_date = order_date.toDateTime("yyyy-MM-dd'T'HH:mm:ss'Z'").toString("d MMMM yyyy, h:mm a");
return {"formatted_date": formatted_date};
Bot Response:
Your order was placed on 2 June 2025, 10:45 AM.
Use the return keyword to pass values to the next block. Info is for debugging only. Returning a string wraps it in a list, so return a map for cleaner handling.
Renaming Fields
API Response:
{
"cust_name": "Talaash Thedal"
}
Goal: Rename "cust_name" to "Customer Name"
Formatter Code:
customer_name = cust_name;
return {"customer_name": customer_name};
Bot Response:
Customer Name: Talaash Thedal
Renaming field keys in Formatter doesn’t affect variable names in other blocks. Only webhook-mapped variables can be referenced directly in the conversation flow.
Merging Field Values
API Response:
{
"ticket_id": "2034",
"ticket_subject": "Payment failed"
}
Goal: Show as “Issue #2034 - Payment failed”
Formatter Code:
issue_summary = "Issue #" + ticket_id + " - " + ticket_subject;
return {"issue_summary": issue_summary};
Bot Response:
Issue #2034 - Payment failed
Extracting from Nested Objects
Looping through Arrays
API Response:
{
"recent_orders": [
{ "order_id": "123", "status": "Delivered" },
{ "order_id": "124", "status": "Processing" }
]
}
Goal: Show a list like:
Order #123 - Delivered
Order #124 - Processing
Formatter Code:
orders = recent_orders;
summary = "";
for each order in orders
{
summary += "Order #" + order.get("order_id") + " - " + order.get("status") + "\n";
}
return {"order_summary": summary};
Bot Response:
Order #123 - Delivered
Order #124 - Processing
Extracting specific items from Nested JSON
Let’s say your API returns a list of departments, but you only want to display the default ones.
Extract from Nested JSON
Extract from Nested JSON
Let’s say your API returns a list of departments, but you only want to display the default ones.
API Response
{
"data": [
{
"name": "Support",
"isDefault": false
},
{
"name": "Sales",
"isDefault": true
}
]
}
Goal: Extract only the departments where "isDefault": true
Formatter Code:
// Create an empty collection to store departments that match our condition
result = Collection();
// Get the list of all departments from the response data
allDepartments = response.get("data");
// Go through each department one by one from the list
for each department in allDepartments
{
// Check if this department is marked as the 'default' department
isDefault = department.get("isDefault");
// If the department is the default one, add it to our result collection
if(isDefault == true)
{
result.insert(department);
}
}
// Return the final list of default departments
return result;
Bot response
Default Department: Sales
You can use this returned result in the next block to extract a specific field-like name from the department object.
Tips
- Always check the structure of your API’s JSON response; it helps to know what you’re working with.
- Use the info statement in Deluge to debug your code and preview values.
- Use Formatter right after the Webhook block so the response is ready for the next message block.
- Combine Formatter with Conditions and Variables to build powerful, dynamic conversations.
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:
Zoho FSM Video Tutorials
Centralize Knowledge. Transform Learning.
All-in-one knowledge management and training platform for your employees and customers.
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
Introduction to Webhook Block in GC
We know it’s frustrating to jump between tools just to get simple tasks done. You might find yourself copying data from one app to another, waiting for updates, or refreshing dashboards manually. It’s not just time-consuming, it’s exhausting. That’s ...POST Method in Webhook Block
Want your bot to send data to another system, like creating a support ticket, logging feedback, or saving a form response? That’s exactly what the POST method in the Webhook block is designed for. It allows your bot to push data to external tools ...Webhook Block
The webhook block is one of the four action blocks available in the Guided Conversations bot builder. This block enables the conversation flow to interact with Zoho Desk processes or other Zoho or third-party services. The webhook block uses APIs ...Response in Webhook Block
Once your webhook sends a request to an external API, it often receives a response. This is where the Response List in the webhook block becomes incredibly useful. It lets you capture and use the data that comes back from the API, right inside your ...FAQs: Automation Studio
1. What is Automation Studio? Automation Studio is a user-friendly, no-code automation solution in Zoho Desk that provides a visual interface to design, view, and control automation flows. It allows administrators to see the complete sequence and ...
New to Zoho LandingPage?
Zoho LandingPage Resources