Install on Webflow
Paste the Nudge snippet in your Webflow project's Footer code, then publish the site.
What you need
- Your Nudge snippet (see where to copy it).
- Access to the Webflow project settings. Webflow only runs site-wide custom code on sites whose plan allows custom code.
Install the widget
Copy your snippet
In Nudge, go to Agents › Website Agent › On your site and click Copy the snippet on the Widget row. You can also open Settings › Integrations › Website › Webflow, which shows the same code.
<script src="https://app.asknudge.ai/widget/loader.js"
data-org="your-workspace"
data-form="your-form" async></script>Paste it in the project settings
- In Webflow, open your site's Project settings (Site settings).
- Open the Custom code tab.
- Paste the snippet in Footer code (the code added before
</body>). - Save the changes.
Code in the project settings runs on every page of the site. Do not also paste it in a page's own custom code.
Publish
Publish the site to your domain. Custom code does not run in the Webflow Designer: check on the published site.
Check
Open a page of your published site, then in Nudge click Re-check installation. See Verify the installation.
Inline mode
If your form uses the Inline embed display mode, keep the script in Footer code, and add an Embed element (Code Embed) on the page where the form must appear, with:
<div data-nudge-embed></div>Publish again after adding the element.
Add the booking form
The booking form has its own tag. In Webflow, add an Embed element to your Contact page and paste the tag Nudge gives you. The script in Footer code must stay: it is what displays the form. See Booking form.