Install the widget

Add one line of code to your staging site so clients can leave comments.

Coohoo is a small comment toolbar for your staging site, the private test copy of your website. You add one line of code, called a snippet, and the toolbar appears.

Before you start

A staging site you can edit, or a Webflow site.
An email address or a Google account to sign in with.

Steps

Go to coohoo.app and sign in. Use a magic link sent to your email, or Google.
Click New project, top right. A dialog opens.
Type a name for the project and your staging address.
If you can, also type your production domain. This is your live site, and it keeps the widget off it.
Click Create. The dialog now shows your snippet.
Click Copy. The snippet looks like this:
```
<script src="https://cdn.coohoo.app/widget/v1.js" data-project="YOUR_KEY"></script>
```
Do not retype it. Your copy has your own key and may include extra attributes.
Paste it into your staging site's code, right before the closing </body> tag.
Open your staging site. You should now see the Coohoo toolbar at the bottom of the page.

Webflow

In Webflow, open Site settings, then Custom code.
Paste the snippet into Footer code.
Publish the site. The toolbar now shows on your staging domain.

Name the source file (optional)

This step is for whoever writes the code. Add data-source="path/to/Component.tsx" to a root element. Comments left inside that element can then name the file. Your coding agent finds the right place faster.

If something looks wrong

No toolbar on your live site? That is on purpose. The widget never shows on the production domain you set.
No toolbar on staging? Check the address against Where the widget shows up. On an unusual host, add ?review=1 to the address once.
Still nothing? Copy the snippet again from the dashboard. A retyped snippet can carry the wrong key.

Tip: The widget never shows on the production domain you set, so you can leave the snippet in place without worrying about real visitors.