Create Widgets in Zoho People
Upload your widget in Zoho People
To upload your custom widget in Zoho People, do the following steps:
1. Click Settings > View all > Developer Space > Widgets.
2. Click Create New Widget.
3. Enter the name and description of your widget.
4. Select the preferred Widget type.
5. Select the hosting method. For more information, refer to Widgets Hosting Methods.
6. To host the application internally:
a. Select Internal from the Hosting drop-down.
b. Click Upload.
c. Select the widget.zip file from the "dist" folder of your project to upload it. To learn how to develop an internal widget, refer to Create Internal Widget Using Zet-CLI Tool.
d. Once uploading is complete, provide the Index Page URL of your widget application.
7. To host the application from external sources:
a. Select External from the Hosting drop-down.
b. Use the Select Placeholder drop-down to include ZUID, EmailID of the logged in user.
b. Use the Select Placeholder drop-down to include ZUID, EmailID of the logged in user.
b. Enter the URL of the website where the application is hosted.
8. To set the applicability to your widget, enable Based on role and select the roles.
The widget is accessible to the selected roles.
You can select the widgets that have been added to your Zoho People application and place them in the preferred locations as listed below.
How to Add Widgets to your Dashboard?
To add widgets to your dashboard:
1. Click Settings > View all > Developer Space > Widgets.
2. Select Widget Type as Dashboard when creating a new widget in Zoho People, refer to Upload your widget in Zoho People.
The widget will be automatically added to your dashboard.
3. To view and use your custom widgets, click Home > Dashboard, the widget will be displayed at the end of your dashboard view.
How to Add Widgets in a Related Form?
To add widgets in a related form:
1. Click Settings > View all > Developer Space > Widgets.
2. Select Widget Type as a Related List when adding a new widget in Zoho People, refer to Upload your widget in Zoho People.
3. Once you have added your widget in Zoho People, click Settings > View all and click on the service to which the widget must be mapped.
4. Select Extend service > Forms.
5. Click on the form to which you need to map your widget.
6. On the Customization section, click on the ellipsis icon.
7. Select Related Forms Configuration > Widgets > Map Widget.
A list of available related list widgets appears.
8. Click Install on the corresponding widgets.
9. Once installed, click Save.
The installed widgets are added to the related form and will be available in your form record view.
10. To view and use your custom widgets, go to Operations > View all > service > related form, click on the record,
the widget will be displayed at the end of your record view.
the widget will be displayed at the end of your record view.
How to add Widgets to a Custom Button?
To add widgets to a custom button:
1. Click Settings > View all > Developer Space > Widgets.
2. Select Widget Type as a Button when adding a new widget in Zoho People, refer to Upload your widget in Zoho People.
3. Once you have added your widget in Zoho People, click Settings > View all and click on the service to which the widget must be mapped.
4. Select Extend Service > Custom Button.
5. Click the dropdown and select Add Custom Widgets.
Add custom widgets dialog box appears.
6. Select the form name where your custom button widget must be added.
7. Select the widget to be invoked from the list of added button widgets.
8. Set applicability to your widget.
Widget will be accessible only to the applicable members.
9. Select the placement of your button widget and click Add.
In Record listing: Adds the custom button widget to the related form record listing page.
In Record view: Adds the custom button widget to the related form record view page.
10. To view and use the custom button widget, go to Operations > View all > service > related form, select or click on the record to view the custom button widget.
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
Zoho People 5.0 Administrator Guide
What is Zoho People 5.0? Zoho People is a comprehensive cloud-based HR software that aims to streamline HR processes, enhance employee engagement, and improve workforce productivity. With this refreshing new version, Zoho People further aims to ...Zoho People 5.0 - What has changed?
Changes in Home tab and Self Service Zoho People 4.0 Zoho People 5.0 Landing page is Home > Dashboard Self Service page: New Landing page is Home > My Space > Overview (Replacement for Self service in Zoho People 4.0 with additional features). ...Web Tab in Zoho People
What is Web Tab in Zoho People? Web Tab in Zoho People allows loading external websites or custom web pages/web apps created using Zoho CLI and JS SDK. It works similarly to the Custom Widgets feature in Zoho People. Where can Web Tabs be deployed in ...Create Internal Widget or Web tab Packages Using Zet-CLI Tool - Zoho People
The Zoho Extension Toolkit (ZET) is a command-line interface designed to assist developers in creating application packages for Widgets or Web tab for integration with Zoho People. Prerequisites Download the nodejs source code from ...JS SDK Library - Zoho People (Custom widget and Web tab)
The JS SDK library is a set of APIs which can be used in the widget and web tab to fetch form data from Zoho People without setting any authorization in the API request. For other Zoho People APIs, you must set up connections, refer to Invoke API via ...
New to Zoho LandingPage?
Zoho LandingPage Resources