All Collections
Yess Widget 🐚
How to install your Yess Widget
How to install your Yess Widget
Josh avatar
Written by Josh
Updated over a week ago

The Yess Widget is a JavaScript snippet that is unique to each site you add. You'll find the Code on your Yess widget page by clicking on Install tracking code. To begin, you'll first need to install this Tracking Code on your live site.

To get started with this, choose from one of the following four installation methods:

How to install Yess widget manually

Copy the snippet, and paste it after the <head> tag of your website. The snippet should be pasted immediately after the website's <head>.

We recommend installing it immediately after the website’s opening <head> tag, or as high in the <head> as possible. Example:

<head>
     <script>Yess Widget script content</script> 
     head content
</head>
<body>
     body content
</body>

The <head> section loads and renders before the <body> section. Therefore, installing the snippet right after <head> allows it to load and run earlier, resulting in faster loading, better loading, and reduced chance of errors.

Many times, you only need to add the code once to a global “layout”. But depending on your website, you might need to install it in multiple locations if using multiple layouts.

For instance, if you expect testers to navigate from a public landing page (e.g. https://mywebsite.co) to an app (e.g. https://dashboard.mywebsite.co), it’s likely that you’ll need to install the code in both locations.

You should note that, if users are forwarded to a third-party location where the snippet isn't installed (for instance, while logging in), you won't be able to view their behavior on those pages.

How to install Yess Widget on Framer

  1. Click Project name, and click Site Setting.
    ​

  2. Go to Custom Code section.
    ​

  3. Paste the Yess Widget code snippet into the Head Code section, making sure to add it right after the <head> tag.
    ​

  4. Save your changes to complete the integration process.
    ​

  5. Publish your Framer project to make the changes go live.
    ​

  6. Verify installation within the Yess.

How to install Yess Widget on Webflow

  1. Click on the Webflow icon in the top left of your Webflow dashboard.
    ​

  2. Click on Project Settings.
    ​

  3. Click on Custom Code.
    ​

  4. Paste the Yess Widget code snippet into the Head Code box. Make sure to add it right after the <head> tag.
    ​

  5. Click Save Changes.
    ​

  6. Click Publish on your project settings page.
    ​

  7. Click Publish to Selected Domains.
    ​

  8. Verify installation within the Yess.

Did this answer your question?