Publishing & Embeds
Popups & Modal Triggers
Launch your conversational form in a floating lightbox or popup modal on click or scroll.
Popups & Modal Triggers
Popups allow you to collect leads, feedback, or registrations without navigating users away from their current page.
Button-Triggered Modal
You can attach InfiForm to any HTML button or link using data attributes:
<!-- Trigger Button -->
<button
data-infiform-open="YOUR_FORM_ID"
class="btn-primary"
>
Give Feedback
</button>
<script src="https://infiform.com/embed.js" async></script>When clicked, InfiForm launches a smooth, animated glassmorphic modal overlay centered on the user's screen.
JavaScript Programmatic API
You can open and close the modal programmatically from your own JavaScript:
// Open the form modal
window.InfiForm.openModal({
formId: "YOUR_FORM_ID",
hiddenFields: {
userId: "usr_99812",
plan: "enterprise"
},
onClose: () => {
console.log("Form modal closed");
},
onSubmit: (submissionData) => {
console.log("Form submitted successfully:", submissionData);
}
});Floating Feedback Widget
Add a permanent floating feedback bubble to the bottom-right corner of your web application:
<div
class="infiform-float-widget"
data-infiform-id="YOUR_FORM_ID"
data-position="bottom-right"
data-button-color="#7c3aed"
data-button-text="Feedback"
></div>
<script src="https://infiform.com/embed.js" async></script>