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:

Embed in your site

How to publish your Embeddable inside your site’s frontend

For specific guides to embedding in a Webflow site, React app or React Native app, check out the docs below:

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

You can also integrate directly with the Embeddables API from your site’s backend, to serve an Embeddable using Server-Side Rendering (SSR).

This integration currently requires a technical conversation with the Embeddables team to discuss your tech stack and how the integration would work, and to enable this for your account.

Embed via backend integration

How to publish your Embeddable from the backend via Server-Side Rendering