> ## Documentation Index
> Fetch the complete documentation index at: https://docs.usekinetic.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Website Embed

> Deploy your form on any website with a simple script tag.

# Website Embed

Embed your Kinetic form on any website — Shopify stores, landing pages, or custom sites.

## Installation

Add the embed script to your site's `<head>` or before `</body>`:

```html theme={null}
<script src="https://app.usekinetic.com/embed-dist/embed.js" async></script>
```

Then add the form element where you want it to be displayed on your website:

```html theme={null}
<div data-kinetic-form="YOUR_FORM_ID"></div>
```

### Shopify Installation

For Shopify stores, add the script in **Online Store → Themes → Edit Code → theme.liquid** before `</head>`. Installing it in `theme.liquid` (rather than on a single template) makes it the **Global** script — required for user identification, tracking, and Klaviyo sync to work across pages, including email-redirect landings.

## Layout Options

| Layout    | Description                                                                                                 |
| --------- | ----------------------------------------------------------------------------------------------------------- |
| `inline`  | Embeds the form directly into the body of the page. Always visible — no trigger needed.                     |
| `popup`   | Centered modal with a dimmed background. Requires a trigger (default button, custom element, or auto-open). |
| `slider`  | Side panel that slides in from the left or right when triggered.                                            |
| `popover` | Small chat-style bubble that opens the form in a floating card in the bottom-left or bottom-right corner.   |
| `sidetab` | Clickable tab pinned to the edge of the screen that slides the form out, similar to Slider.                 |

## Configuring the Embed

The embed script renders the form using settings from the form builder. To control how it looks and behaves on your site:

* **[Website Layout](/form-builder/settings/website-layout)** — display style, trigger button label, first-page configuration, form controls, and picture-choice grid.
* **[Trigger](/form-builder/settings/trigger)** — auto-open, delay, suppression period, custom trigger element, and post-submission hide.
* **[Targeting](/form-builder/settings/targeting)** — device, URL rules, email traffic, UTM parameters, location, and Shopify cart contents.
