Web Tab in Zoho People | Administrator Guide | Zoho People 5.0 Help

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 Zoho People?

  1. As a tab in Home space.
  2. As a tab within any service
Info
A maximum of 10 web tabs can be listed in Home / Services.

Creating and Using Web Tabs

The hosting type of web tab can be of two types:
Internal: Create and pack a web tab using the Zet-CLI Tool. The .zip file will then be uploaded for internal use within Zoho Servers Learn more.
External: Load an external website by entering the URL here.

Creating an external web tab

  1. Navigate to Settings > Developer Space > Web Tab > Create New Web Tab.

Info
Enable development mode if required to test your internal app locally in Zoho People. Changes appear instantly on refresh, eliminating the need for repeated packaging and uploads. Start your local server at http://localhost:5000 to preview the app in the Zoho People location defined in plugin-manifest.json file. Learn more about development mode.
  1. Enter a name and description (description is not mandatory).
  2. Select a position for the web tab.
  3. Select External as the hosting type.
  4. Enter the URL to be loaded within the Base URL textbox.
  5. Configure applicability if required.
  6. Click Submit.


Since Home was selected as the position of the web tab, it can now be accessed by applicable employees from Home > Web Tab > Zylker Home (web tab name)



Creating an internal-type web tab in Zoho People

InfoBefore proceeding with the following steps, create an internal Web Tab .zip file, refer to Create Internal Widget or Web tab Packages Using Zet-CLI Tool - Zoho People.

To upload and use Internal type web tab in Zoho People:
  1. Navigate to Settings > Developer Space > Web Tab > Create New Web Tab
  2. Enter a name and description (description is not mandatory).
  3. Select a position for the web tab. 
  4. Select Internal as the hosting type.
  5. Use the upload from desktop option to select the webtab.zip file from the "dist" folder of your project to upload it. (Read below topics for creation steps.)
  6. Enter the index page URL of your web app in the provided text box
  7. Configure applicability if required.


The web tab will now display the uploaded web app within the corresponding service selected above.
Alert
Only use a .zip file created using Zet-CLI tool and packed using the the zet pack command. Read below for more details.
Idea
Want to test your web tab before publishing?