Install Wayhint on Webflow
Webflow lets you add site-wide code in the project settings. That is all Pepper needs.
You need a site key, and your domain on its allowlist. See before you start. Replace YOUR-GUIDE-HOST and YOUR_SITE_KEY in the snippets.
Open Site settings, Custom code
In the Webflow dashboard, open your site, then Site settings and the Custom code tab. Custom code needs a paid Webflow site plan.
Paste into Footer code
Paste the script tag into Footer code (before the
</body>tag) and save.html <script src="https://YOUR-GUIDE-HOST/widget/guide.js" data-site-key="YOUR_SITE_KEY" async></script>Publish
Custom code runs on the published site, not in the Designer. Publish, then open the live URL.
Check it works
Open the page. An Ask Pepper button appears in the bottom corner and Pepper waves. In the browser console, window.Wayhint should be defined. If nothing appears, check the console for [web-assistant] messages: an unknown site key or a domain missing from the allowlist are the usual causes.
Next
- Hide sensitive areas with
data-guide-privateanddata-guide-ignore(overview). - Add your own “Show me” buttons with
Wayhint.ask()(example). - Read what the guide sees, or pick a plan.