There are three ways to embed an Embeddable in your site:

  1. Embedding in your site’s frontend using the embed code
  2. Setting up a reverse proxy
  3. Integrating with your site’s backend using the Embeddables API

​
Embedding in your site’s frontend

You can use the 2-part embed code to easily embed your embeddable in your website or web app.

For a more detailed guide, or to see examples of how to embed in a React app or React Native app, check out the following docs:

Embed in your site

How to publish your embeddable inside your site’s frontend

Embed in a React app

How to publish your embeddable inside a React app

Embed in a React Native app

How to publish your embeddable inside a React Native app

1

Grab the embed code

Head to the specific embeddable in the Web App and view the embed code from the button at the top.

2

Insert the first part in the Head

The first part of the embed code (the large part starting with <script> const SAVVY_PRELOAD_IDS=...) should go in the <HEAD> of the page.

3

Insert the second part in the Body

The second part of the embed code (the small part that looks like <savvy id="flow_abcdefhijklm"></savvy>) should go in the <BODY> of the page, wherever you want the embeddable to appear on the page.

​
Setting up a reverse proxy

1

Point your page to our proxy server

Point your reverse proxy to: https://proxy.embeddables.com.

2

Verify the proxy is pointing to the correct page

Verify that by going to https://yourdomain.com/your-reverse-proxy-page, you see a page similar to what you see on https://proxy.embeddables.com itself.

3

Pass the correct embeddable ID

Pass the ID of your embeddable using the X-Embeddables-Id header.

4

Verify that it's working

You should now see the desired embeddable served on your page.

​
Integrating with your site’s backend using the Embeddables API

Docs for this method are coming soon.