Webflow

Add FieldFlow to a Webflow page

1. Get your embed code from the Publish tab in FieldFlow

2. Open your Webflow project in the Designer

3. Add an Embed element

   • In the left panel, search for “Embed” under Components
   • Drag it onto your page where you want the directory

4. Paste the embed code into the Embed element’s code editor

5. Publish your site (the embed won’t render in the Webflow Designer preview — you need to publish to see it live)

Tips

• The embed won’t show in the Webflow Designer — this is normal. Publish or preview the live site to see it
• Use a full-width section for the best directory layout
• Make sure the embed element has enough height (at least 500px recommended)
• Set your API key’s allowed origins to include your Webflow domain (both yoursite.webflow.io and your custom domain if you have one)

Custom domain

If your Webflow site uses a custom domain, add both domains to your API key’s allowed origins:

https://yoursite.webflow.io
https://www.yourdomain.com