There are three ways to publish your Embeddable to your website:

  1. Embed in your site’s frontend using the embed code (in raw HTML, React, or React Native)
  2. Set up a reverse proxy
  3. Integrate with your site’s backend

​
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

Publishing your Embeddable via a reverse proxy can be done in 4 steps:

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.

Reverse Proxy Setup - full guide

Go into more detail about how to set up a reverse proxy to serve Embeddables content through your own domain.

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

Docs for this method are coming soon.

Was this page helpful?

Suggest editsRaise issue