.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

Welcome to the brand new home for the Embeddables documentation

Introduction

Take the tour to start building with Embeddables in 5 minutes

5-min Onboarding Tour

5-minute Onboarding to Embeddables

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

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

Embed in your site

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

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

Best Practices: Writing Custom Code

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

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

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

Sending data server-side to the Embeddables API

How To: Send data to Embeddables

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

How To: Set up Webhooks

How To: Set up Webhooks in 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

Setting up pages, user data, analytics and more.

How To: Run custom code on first load

How To: Run custom code when the Embeddable loads

How To: Embed in your 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

Get Started

Features

Best Practices

How To's

About These Docs

Designer