Creating an external website-type web tab:

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.
   

Only use a .zip file created using Zet-CLI tool and packed using the the zet pack command. Read below for more details.

Instructions

1. Refer this article for steps on Installing and Using Zet-CLI Tool 
   
2. When creating a project, from the list of Zoho Services for which the project template to be created will appear. Here, select Zoho People.
   

A default plugin-manifest file will be generated as part of the project template directory. This file is crucial, as it's where the JSON parameters of your extension must be configured before hosting. It contains metadata about the extension. For more information about plugin-manifest file, Click here.

1. Within the project folder you have created. You can find the HTML file for the web app in the app folder.
   
2. The html file contains the structure, design and components of the web app. You can create your web app from the HTML file.
   
3. You can enhance the web app using additional designs and functionality through the creation of necessary java script files and stylesheets. (optional)
   
4. To use the Zoho People APIs in the widget, you can utilize the API helpers provided in the JS SDK Library.
   
5. Once you have developed your widget, from your project folder, open the plugin-manifest.json file with your text editor and specify your web tab's intended location.