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>:

<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:

<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 — display style, trigger button label, first-page configuration, form controls, and picture-choice grid.
Trigger — auto-open, delay, suppression period, custom trigger element, and post-submission hide.
Targeting — device, URL rules, email traffic, UTM parameters, location, and Shopify cart contents.