Skip to main content
You can use the 2-part embed code to easily embed your Embeddable in your website or web app.
Looking for other ways to publish your Embeddable? Check out the Publish to your site guide.

​
Embedding in your site

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

Insert the first part in the Head

The first part of the embed code (the large part) should go in the <HEAD> of the page.
This only needs to be added once. If it’s already installed on all pages of your site then you can skip this step.
This is the large part that starts like this:
Embed Code - Part 1/2
<script> const SAVVY_PRELOAD_IDS=...
3

Insert the second part in the Body

The second part of the embed code should go in the <BODY> of the page, wherever 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>

​
Embedding in another platform?

How To: Embed in a Webflow site

How to publish your Embeddable to your Webflow 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

​
React is giving me a warning about an unrecognized <savvy> tag

Head to our How-To guide for embedding in React.