How to install the Vynix widget on any website

Vynix works by adding a lightweight widget to your website. Once installed, you can click an issue on the page and capture the element, screenshot, console and network context, and an AI diagnosis.

1. Open your Vynix workspace and go to the widget installation area.
2. Copy your Vynix widget embed code from the setup page.
3. Paste the script into your site, usually before the closing tag or through your tag manager.
4. Publish or deploy your site changes.
5. Open your website in a browser and confirm the Vynix widget appears.
6. Click the widget, select something on the page, and create a test report to confirm screenshots and developer context are captured.

To add Vynix to your site, install the widget script provided in your Vynix workspace. The exact script and any project-specific settings are shown in Vynix, so copy them directly from the app rather than reusing a script from another site.

You can install Vynix on most websites, including custom apps, marketing sites, and sites managed through a CMS or tag manager. If your site has strict content security settings or a custom build pipeline, check the Vynix docs for the recommended configuration.

After installation, Vynix lets you report issues directly from the page. It captures the selected element, a screenshot, console and network context, and an AI diagnosis of the likely root cause. You can then copy a ready-to-build prompt or open a GitHub issue and assign it to a coding agent.

Related questions

Do I need to install a browser extension?

No. The website widget is added with a small script on your site. Some workflows may support other tools, but the standard website install uses the widget embed code from Vynix.

Where should I paste the Vynix script?

In most cases, paste it before the closing tag or add it through your tag manager. For framework-specific setup, see the Vynix docs at https://www.vynix.in/docs.