Install Benson on Webflow
Add the Benson snippet to your Webflow site's head code, publish, and check it's live. Works with Webflow Ecommerce.
Install
Updated 9 November 20261 min read
Jump to a section
Benson runs on Webflow through one script tag in your site's head code. Choose Other as your platform in the setup wizard.
Your snippet#
Your real snippet, with your site key, is in the setup wizard and under Settings → Install:
<script async src="https://cdn.trybenson.com/benson.js" data-site="pk_live_YOUR_SITE_KEY"></script>Add it to Webflow#
- In Webflow, open Site settings and go to the Custom code tab.
- Paste the snippet into the Head code box.
- Click Save changes, then publish your site. Webflow adds custom code to the live site only after you publish.
Check it's live#
Open your published site in a normal browser tab. The setup wizard shows Verified: Benson is live within a few seconds. If it doesn't, see Troubleshooting.
Good to know#
- Custom code requires a paid Site plan, or a Core, Growth, Agency or Freelancer Workspace. Every Webflow Ecommerce store already has a Site plan.
- Head code appears on every page of your site, including Webflow Ecommerce's cart and checkout pages. Benson hides extension pop-ups and guards the coupon field there.
- PCI DSS asks stores to keep a list of the scripts on their payment pages and why each is there. Script integrity explains how Benson's script is pinned and watched.
Stuck? Email [email protected].
