You can use the 2-part embed code to easily embed your Embeddable in your Webflow website.
Looking for other ways to publish your Embeddable? Check out the Publish to your site guide.

​
Embedding in Webflow

1

Grab the embed code

Head to the Embeddable in the Web App, click Embed Code in the top-right corner, and you’ll see the two-part embed code in the pop-up modal.
2

Add the first part to Webflow's Custom Code

The first part of the embed code (the large part) should be added to the <HEAD> of your Webflow site in the Custom Code settings.This is the large part that starts like this:
Embed Code - Part 1/2
<script> const SAVVY_PRELOAD_IDS=...
This only needs to be added once. If it’s already installed on your Webflow site then you can skip this step.
Here are Webflow’s official docs on adding custom code to the <HEAD>.
To add this in Webflow:
  1. Go to Site Settings
  2. Navigate to the Custom Code tab
  3. Paste the first part of the embed code in the “Head Code” section
  4. Click Save
3

Add the second part using Webflow's Embed element

The second part of the embed code should be added using Webflow’s Code Embed element where you want the Embeddable to appear on the page.The is the part that looks like this (where flow_abcdefhijklm is your Embeddable ID):
Embed Code - Part 2/2
<savvy id="flow_abcdefhijklm"></savvy>
Here are Webflow’s official docs on the Code Embed element.
To add this in Webflow:
  1. Drag a Code Embed element onto your page
  2. Double-click the Embed element
  3. Paste the second part of the embed code
  4. Click Save & Close

​
Need to embed in a different platform?

How To: Embed in your site

How to publish your Embeddable to your site

How To: Embed in a WordPress site

How to publish your Embeddable to your WordPress site

How To: Embed in a Framer site

How to publish your Embeddable to your Framer site

How To: Embed in a React app

How to publish your Embeddable inside a React app

How To: Embed in a React Native app

How to publish your Embeddable inside a React Native app

​
Troubleshooting

​
The Embeddable isn’t showing up on my Webflow site

Make sure you’ve:
  1. Added the first part of the code to the Head Code section in Project Settings
  2. Published your site after making these changes
  3. Checked that the Embeddable is pushed live in the Embeddables Builder (if not then you can add ?savvy_flow_version=latest to the URL to view the latest version)
  4. Cleared your browser cache and refreshed the page

​
Need more help?

Check out Webflow’s documentation on adding custom code to the <HEAD> and adding a Code Embed element or contact our support team.