Skip to content

Webflow

Webflow lets you add custom code at the project level (every page) or on a single page. For a site-wide widget, use the project footer.

Site-wide #

  1. Open Project Settings → Custom Code.
  2. Paste the snippet into the Footer Code box (this renders just before </body>):
html
<script
  src="https://api.plotap.com/widget.js"
  data-key="hx_pub_your_key_here"
  defer
></script>
  1. Save, then Publish your site.

A single page only #

If you only want the widget on one page, open that page's settings (the gear icon), scroll to Custom Code, and paste the same snippet into the Before </body> tag box. Publish to apply.

Custom code only runs on the published site

Webflow does not execute custom code in the Designer or in the preview. Publish the site and view the live URL to see the widget.

The data-key is your public key, safe to publish, and limited to the origins you allow. See Quotas, origins & keys and the general Installation guide.