Skip to main content
In-app Widget installation

This document explains the installation steps to add widget to your web app.

Vaibhav Devpura avatar
Written by Vaibhav Devpura
Updated over a week ago

To ensure you have a comprehensive understanding of the Widget, it's highly recommended to ➡️ check out this article before proceeding with the installation.

Let's get started with the installation steps -

To set up the widget on your web app, please follow the below instructions -

Step 1: Configure the widget appearance

Since the widget will be displayed on your web app, you have full control over its appearance.

Simply navigate to your workspace name on the bottom left ➡️ go to Workspace settings ➡️ then Widget, and enable the widget

Appearance tab -

you can customize the widget's styling to seamlessly match your application's interface, giving it a native look and feel.

Control tab -

you'll find a range of functionality settings to set up on the widget.

⌛️ You're almost there

Step 2: Install the widget

To install the widget on your web app, head to the Installation tab in the widget settings. You'll find the code snippet specific to your workspace that enables the widget there.

Please copy the code provided in your workspace under

Workspace settings ➡️ Modules ➡️ Widget ➡️ Installation

🎉 Done!

Step 3: Identify your users and display the widget

To ensure you know who raised a particular feature request or submitted feedback, it's crucial to identify your users in Don't worry; it's a simple process.

Navigate to Workspace settings ➡️ Modules ➡️ Widget ➡️ Installation, and refer to the code under the Identify users section.

window.zeda.init({ email: <user_email>, name: <user_name> })

This code snippet will pass the name of the user and the email_id to your workspace and display the widget.

Make sure to modify this code snippet by passing the relevant user information, such as name and email, to your workspace.

💡 Remember to call this identify function only after the installation script is loaded completely.

🫣 Okay, this is the last one & an optional step!

Step 4: Hide the widget (Optional)

We've got you covered if there are specific pages or workflows where you prefer to hide the widget. It's completely optional, but if you need to hide the widget at any time, simply call the following function:


And there you have it, Happy Widgetizing! 💜

We also offer the option to custom position the widget on your web app, so if you're interested, feel free to reach out to us at [email protected]

💡 In case you have got a specific query to ask, you know where to find us 👉

Did this answer your question?