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 Zeda.io 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 Zeda.io 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 Zeda.io. 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 Zeda.io 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 Zeda.io 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:
window.zeda.hideWidget();
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 👉