.tella-video {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
}

.tella-video > iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}


How to make pixel-perfect design in Embeddables

Designer

Embeddables Docs

You've reached the brand new home for the Embeddables documentation

Welcome

Welcome to the Embeddables Docs

Take the tour to start building with Embeddables in 5 minutes

5-min Onboarding Tour

5-minute Onboarding to Embeddables

FAQs

Frequently Asked Questions

User Data

User Data in Embeddables

Hiding/showing content based on the user's answers and other logic

Conditions

Using Conditions in Embeddables

Creating an experiment, setting variants and modifying content

Split Testing

Split Testing in Embeddables

Writing custom code to calculate new values based on existing data

Computed Fields

Using Computed Fields in Embeddables

Running custom code when some kind of event occurs

Actions

Using Actions in Embeddables

How to accept payments with our deep Stripe integration

Payments

Accepting Stripe Payments in Embeddables

Use the Embeddables CMS to manage dynamic content for your Embeddables without code changes

Embeddables CMS

Analytics

Tracking Analytics in Embeddables

Maintaining high quality through version visibility

Saving and Version Control

Saving and Version Control in Embeddables

What URL params are available to use when viewing embeddables

Testing and URL Params

How to publish your Embeddable to your website

Publish to your site

How to name component keys, computed field keys, and other keys in Embeddables correctly

Naming keys

Naming keys correctly in Embeddables

Understanding how Embeddables stores user data in the browser

Storing data, Local Storage and Cookies

How to get the most out of custom code blocks in Embeddables

Writing Custom Code

Writing Custom Code in Embeddables

Data Pipelines? API requests? Something else?

Deciding how best to send/receive data

Best Practices: Deciding how best to send/receive data

URL params? Embed code? Window functions? Etc...

Passing data in/out to be prefilled

Best Practices: Passing data into/out of embeddables to be prefilled

Why we write docs, our reader personas, and key use-cases.

Who are these docs for?

How we write docs

Get programmatic access to your embeddables and your data

Embeddables API - Introduction

Get Embeddables

Retrieve an embeddable from the database based on the ID

Get Embeddable

Retrieve all versions of an embeddable from the database based on the ID

Get Embeddable Versions

Retrieve a specific version of an embeddable from the database based on the ID and version number

Get Embeddable Version

Get Entries

Retrieve all pages viewed, with timestamps, for all entries in the database

Get Entries' Page Views

Retrieve all events for entry from the database based on the ID

Get Entry Events

Retrieve an entry from the database based on the ID

Get Entry

Create Event

Key terms that we use here at Embeddables

Glossary

Changelog

Dashboard

Embeddables.com

Support

Using templating to show User Data in text components

How To: Display answers back to the user

How To: Display answers back to the user using Templating

Updating the URL on page changes so that the browser back buttons control the embeddable

How To: Sync page changes with the browser URL

Using CSS variables to reuse a single Embeddable for multiple brands

How To: Dynamically switch branding

How To: Dynamically switch brands within an Embeddable

Add an option button that deselects all other options

How To: Set up a 'none of the above' option

Using the Embeddables CMS to define multiple Stripe prices, and pull them into your Embeddable

How To: Control Stripe Prices from the Embeddables CMS

How to place a hold on a customer's payment method and handle delayed subscriptions

How To: Place a Hold on a Payment

Setting up an Action with custom code that sends user data to Tellescope's API

How To: Send data to Tellescope

Setting up an Action with custom code that sends user data to Telegra MD's API

How To: Send data to Telegra MD

Setting up an Action with custom code that sends user data to Klaviyo's API

How To: Send data to Klaviyo

Setting up an Action with custom code that sends user data to Customer.io's API

How To: Send data to Customer.io

What the Webhooks feature is for, and how to use it

How To: Set up Webhooks

How To: Set up Webhooks in Embeddables

Resuming a user's progress after remarketing to them by email or SMS

How To: Retrieve User Data on Different Devices

Storing incomplete user answers, even when they haven't yet completed the entire funnel.

How To: Handle Partial Data Capture

How To: Handle Partial Data Capture in Embeddables

Sending data server-side to the Embeddables API

How To: Send analytics events to Embeddables

Two ways to add external scripts or style libraries toyour Embeddable

How To: Add external scripts + libraries

How To: Add external scripts or style libraries in Embeddables

Running JS code on first load, e.g. to run a function or add an event listener

How To: Run custom code on first load

How To: Run custom code when the Embeddable loads

How to publish your embeddable to your website

How To: Embed in your site

How to publish your embeddable in your Webflow website

How To: Embed in your Webflow site

How to publish your embeddable in your WordPress website

How To: Embed in your WordPress site

How to publish your embeddable inside a React app

How To: Embed in a React app

How to publish your embeddable inside a React Native app

How To: Embed in a React Native app

Configure a reverse proxy to serve embeddables on your domain

How To: Publish via a Reverse Proxy

How To: Publish your Embeddable via a Reverse Proxy

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

Get Started

Features

Guides & Best Practices

How To's

About These Docs

Designer