1. Embed a Telephony Widget 
   
2. Create a Web Tab‌ 
   
3. Create a Related List 
   
4. Create a Custom Button 
   
5. Create a Getting Started Widget 
   
6. Create a Business Card Widget 
   

Types of Widgets

Telephony Widget

1. This widget is used to integrate and embed any call center or telephony application inside Zoho CRM application.
   
2. After users install the telephony widget, they can place a call by clicking on the telephone icon [] 
   

Embed a Telephony Widget

1. Log in to Zoho Developer Console and click CRM for Verticals.
   
2. Select the application you'd like to modify and click Edit.
   
3. Create a Connected App.
   
4. Click Telephony in the left pane.
   
5. In the Telephony page, provide the following details:
   
1. Name for the widget in Call Center Name field.
   
2. A resource path in SandBox URL field. This is the relative path to the main view of your telephony widget.
   
6. Click Save.  
   
   
   
   

Web Tabs

1. Through web tab widgets, you can embed information from a third-party application inside your Zoho CRM application. Web tab widgets differ from ordinary web tabs in their ability to fetch data through APIs provided by Javascript SDK.
   
2. If you need to create modules with UI elements that cannot be added using prebuilt or custom modules, or if you need to add features in your module that are not supported by prebuilt or custom modules, you can do so using web tabs.
   
3. Web tabs are displayed in your application like any other prebuilt or custom modules. 
   

Create a Web Tab‌

1. Log in to Zoho Developer Console and click CRM for Verticals.
   
2. Select the application you'd like to modify and click Edit.
   
3. Create a Connected App.
   
4. Click Modules, located in the left pane, and select the Web Tabs tab.
   
5. Click the Create Web Tab button in the List of Web Tabs page.
   
6. Enter the following information:
   
1. Name for the widget in Tab Name field.
   
2. Select Type as Widget.
   
3. A resource path in SandBox URL field. This is the relative path to the main view page of your web tab widget.
   
4. In the Web tab access section, add a profile
   
7. Click Save. 
   

Related Lists

1. This widget helps you display correlated information from other modules or third-party service in the View page and represent it contextually as a related list.
   
2. For example, you can integrate Google Drive with your application and upload documents from your CRM application to your Google Drive account. You can view within a record, a related list of all the associated documents uploaded to your Google Drive account. The related list will be automatically synced to your Google Drive account.  
   
   
   
   

Create a Related List

1. Log in to Zoho Developer Console and click CRM for Verticals.
   
2. Select the application you'd like to modify and click Edit.
   
3. Create a Connected App.
   
4. Click Components located in the left pane.
   
5. Select Related List tab and click the Custom tab.
   
6. Click Add Widgets button.
   
7. Enter the following information:
   
1. Name for the related list in Name field.
   
2. Select the name of the Module in which the related list has to be added.
   
3. A resource path in SandBox URL field. This is the relative path to the main view page of your related list widget.
   
8. Click Save. 
   
   
   
   

Custom Buttons

1. Buttons can also be configured as widgets. These widgets are used in List View pages or Record Details pages of a module to perform specific operations on clicking the button.
   
2. For example, if you want to send an SMS to a Contact, then you can embed a Send SMS button to integrate with any messaging service. This button could be placed in the View, List View page or at List View - Button for each record of Contact(s).
   

Create a Custom Button

1. Log in to Zoho Developer Console and click CRM for Verticals.
   
2. Select the application you'd like to modify and click Edit.
   
3. Create a Connected App.
   
4. Click Components located in the left pane.
   
5. In the Components page, select the Links & Buttons tab.
   
6. Click the Create New Button button.
   
7. Enter the following information:
   
1. Select the name of the Module in which the button has to be displayed.
   
2. Name for the button.
   
3. Click the Add Description link and specify the functionality of your custom button.
   
4. Choose the location to place the custom button.
   
5. Select Invoke a Widget as the action to be executed by the custom button.
   
6. A resource path in SandBox URL field. This is the relative path to the main view page which will be displayed when your custom button widget is clicked.
   
7. Add the profiles who should see this button
   
8. Click Save.  
   
   
   

Getting Started Widget

Create a Getting Started Widget

1. Log in to Zoho Developer Console and click CRM for Verticals.
   
2. Select the application you'd like to modify and click Edit.
   
3. Create a Connected App.
   
4. Click Startup Actions in the left panel and select Getting Started Widget.
   
5. In the Getting Started Widget page, provide the following details:
   
1. Name for the widget in Widget Name field.
   
2. Choose Connected Application for your widget.
   
3. A resource path in the SandBox URL field. This is the relative path to the main view page of your Getting Started widget.
   
4. The Active checkbox is selected by default. Uncheck it if you want to disable the widget.
   
6. Click Save.  
   
   
   

1. ZOHO.CRM.UI.Popup.close() - Close widget pop-up. The pop-up will be displayed again during the next sign in.
   
2. ZOHO.CRM.ACTION.enableAccountAccess() - Permanently close the widget pop-up. The pop-up will not be displayed during subsequent sign in.
   

Business Card Widget

1. Display the degree of completion for details in any module record (refer to the screenshot below)
   
2. Display related product suggestions
   
3. Display infographics or statistical data related to the record.
   
4. Indicate progress of a process or steps covered in a process.
   

Create a Business Card widget

1. ‌‌Log in to the Zoho Developer Console and click Vertical Solutions.
   
2. Select the application to modify and click Edit.
   
3. Create a Connected App.
   
4. Click Components in the left pane and select the Business Card tab.
   
5. Go to the Business Card Widget tab and click Create Widget.
   
1. Enter a name for the widget in the Widget Name field.
   
2. Select the Module to view the business card widget in.
   
3. In the Choose Connected Application dropdown, select the connected app you created for the business card widget.
   
4. Enter a resource path in the SandBox URL field. This is the relative path to the main view page of your business card widget.
   
6. Click Save.