What if your team could fetch external network data, validate it, and push it into Zoho CRM – all without leaving the CRM interface?
This case study demonstrates how a custom Zoho CRM Embedded Widget integrated with Nexphone API eliminates manual lookup, reduces errors, and streamlines CRM data creation in a single workflow.
A Zoho CRM Widget (Embedded App) is a custom UI component that runs inside Zoho CRM using the Zoho Embedded App SDK.
Where Widgets Are Used:
Benefits:
Problem Statement:
Businesses using external systems like Nexphone often face:
Solution Overview:
We developed a custom Zoho CRM Widget that:
All within Zoho CRM – no tab switching required.
Smart Multi-Field Search:
Search using:
Real-Time API Integration:
Dynamic Table UI:
Bulk Record Creation:
Duplicate Detection:
Toast Notification System:
Reset & Reload:
1. Initialize Zoho Embedded SDK
ZOHO.embeddedApp.on("PageLoad", function (data) {
console.log("Widget Loaded", data);
});ZOHO.embeddedApp.init();
2. Form Handling (JavaScript)
document.getElementById("searchForm").addEventListener("submit", function(e) {
e.preventDefault();
searchRecords();
});
3. API Request via Zoho CRM HTTP
ZOHO.CRM.HTTP.post({
url:"https://portal.nexphone.ch/api/psuite/reseller/sales/network/access/qualification",
headers: {
"Authorization": "Basic XXXXX"
},
body: JSON.stringify(payload)
}).then(function(response) {
renderTable(response.details);
});
4. Modular JavaScript Architecture
/js
├── searchRecord.js
├── domManipulation.js
├── createRecord.js
├── utils.js
Benefits:
5. Dynamic Table Rendering
function renderTable(data) {
const tableBody = document.getElementById("tableBody");
tableBody.innerHTML = ""; data.forEach(item => {
tableBody.innerHTML += `
<tr>
<td><input type="checkbox" value="${item.{value}}" /></td>
<td>${item.city}</td>
<td>${item.street}</td>
</tr>
`;
});
}
6. Create Records in Zoho CRM
ZOHO.CRM.API.insertRecord({
Entity: "{custom_module}",
APIData: {
Name: selectedData.name,
OTO_ID: selectedData.{value}
}
}).then(function(response) {
showToast("Record Created Successfully");
});
This solution highlights the true power of Zoho CRM Widgets + API Integration:
A well-designed widget can transform Zoho CRM into a centralized automation hub.
👉 Read More:
