Skip to main content

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

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

LayoutDescription
inlineEmbeds the form directly into the body of the page. Always visible — no trigger needed.
popupCentered modal with a dimmed background. Requires a trigger (default button, custom element, or auto-open).
sliderSide panel that slides in from the left or right when triggered.
popoverSmall chat-style bubble that opens the form in a floating card in the bottom-left or bottom-right corner.
sidetabClickable 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.