Embedding
Drop a single script tag on any page and your form renders inline, as a popup, or as a slide-in. No framework required.
Inline embed
Renders the form directly inside a container. Paste this anywhere in your HTML:
html
<div id="af-form"></div>
<script
src="https://animationfunnel.com/embed.js"
data-form="your-form-slug"
data-target="#af-form"
async
></script>Popup embed
Opens the form in a modal when the visitor clicks a trigger button:
html
<button data-af-popup="your-form-slug">
Contact us
</button>
<script
src="https://animationfunnel.com/embed.js"
async
></script>Slide-in embed
Slides in from a corner of the screen after a delay or scroll trigger — great for newsletter signups and exit-intent capture:
html
<script
src="https://animationfunnel.com/embed.js"
data-form="your-form-slug"
data-mode="slide-in"
data-trigger="scroll:50"
data-position="bottom-right"
async
></script>Configuration options
Every embed accepts data-* attributes for customization: data-theme, data-locale, data-hide-header, and more. See the full embed API reference.
Was this page helpful?