Create a Web App

Create a Web App

Using Web apps, you can create client based web-applications that use data from CRM and can be used to perform specific tasks.

Building a web app

Once the Zoho CLI is installed, you can start creating your own web app.

Step 1

Once the CLI is installed, run this command to create a new project.

  1. $ zet init

Step 2

Select a Zoho service and give a Name for the widget which you want to create. In this case, select Catalyst as the service.

The sample project will be created in the respective folder directory.


Step 3

To open the sample project, run the following command:

  1. cd {Project_name}

Now, you can start desiging and including the UI components for the Widget.

 
Note

You can find the HTML file for the web app in the app folder, named "app_file.html" by default.

Step 4

The app_file.html file contains the structure, design and components of the Web app. You can create your webapp from the HTML file.

 

Note:

  • You can add additional designs and functionality to the Web apps by creating the necessary js files and stylesheets (optional).

Step 5

Once you have created the web apps, you can host the web apps locally and test it.

To host the web apps locally:

  1. $ zet run

You can find the API helper, JS SDK and some sample web apps in our Github page.




    • Related Articles

    • Creating web app goals

      Now that you can track user activities on your application with web assistant, it's time to decide which activities you want your users to perform. These are your goals. Define the goal criteria based on user behavior and perform specific actions on ...

    • Overall setup for web app

      Under setup you can do the following: Tracking code Under this section of the setup, you will find the tracking code you need to embed in your the homepage of your application. Alias domains You can make a domain alias to a main domain. When a domain ...

    • Creating missed goals for web app

      Segment users who have missed out to perform certain steps in a series of steps and perform desired action for them. Creating a missed goal From the Navigation toolbar, select the Web assistant tab and choose Web apps. Select your application. Select ...

    • Setting up purchase abandonment for web app

      With purchase abandonment you can segment people who have initiated a purchase but have not completed it, send them followup emails and encourage them to buy your product. Setting up purchase abandonment tracking From the Navigation toolbar, ...

    • Creating smart pop-ups for web app

      Pop-ups are effective in bringing about a lot of conversions. They are proven to work in optimizing your online marketing potential. There are two types of smart pop-ups you can create using Zoho MarketingHub: Signup pop-ups Signup pop-ups are ...