What's New
We're excited to introduce our completely redesigned Web Forms! This powerful upgrade brings you dramatically simplified embedding, enhanced customization options, and a more intuitive form builder. The best part? Embedding a form now takes just two lines of code with no JavaScript knowledge required. Whether you're adding your first form or managing multiple forms across your website, the new Web Forms make it easier than ever to capture leads and grow your business.
Basic Embedding (Recommended)
The simplest way to embed a Web Form requires just two lines of code. This method works for most use cases and requires no JavaScript knowledge.
Single Form
Access Web Forms under the Marketing Automation section within the main menu.
From there, select the Details button of the specific Web Form, taking you to your Web Form profile page.
Copy the Embed Code and paste it anywhere in your website's HTML:
|
What you need to do:
Replace 123456789 with your actual Web Form ID (found within the blue highlighted section of the Embed Code above)
Paste both lines where you want the form to appear on your page
That's it! The form will automatically load and function
Multiple Forms
To display multiple forms on the same page, simply add additional <div> elements with different form IDs. You only need one script tag:
<div data-iks-id="123456789"></div> <div data-iks-id="789456123"></div> <script src="https://webforms.iks.center/embed/script.js"></script> |
Customizing Form Behavior
You can customize form behavior by adding attributes to the embed code. All custom options use the data-iks- prefix followed by the option name. See some examples below.
Example: Disable Auto Height Adjustment
<div
data-iks-id="123456789"
data-iks-adjust-height="false"
></div>
<script src="https://webforms.iks.center/embed/script.js"></script> |
Example: Adding Custom UTM Parameters
<div
data-iks-id="123456789"
data-iks-params-utm_source="mySource"
data-iks-params-utm_campaign="spring2026"
></div>
<script src="https://webforms.iks.center/embed/script.js"></script> |
Tracking Web Form Submissions
If you need to track web form submissions for analytics (Google Analytics, Facebook Pixel, etc.), you can add a custom event listener. This code should be placed separately from the embed code and can be located anywhere on your page.
Basic Tracking Example
<div data-iks-id="123456789"></div>
<script src="https://webforms.iks.center/embed/script.js"></script><script>
document.addEventListener('iksFormSubmit', (event) => {
const response = event.detail;
const formId = response.formId;
// Add your tracking code here
console.log('Form submitted!', response);
});
</script> |
Landing Pages with Extra Conditions
For forms configured as Landing Pages, you can add custom tracking code directly in the Extra Conditions section of the Web Form Builder. For more details on the Web Form Builder, you can access this helpful article. This approach keeps your tracking logic contained within the form configuration rather than requiring changes to your website code.
Navigate to the Extra Conditions section within your Web Form and add your tracking code there following the same event listener pattern shown above.
Styling Your Forms
The new Web Forms builder provides extensive styling capabilities directly within the form editor. You can customize:
Fonts and typography
Colors and backgrounds
Spacing and sizing
Button styles
Field layouts
We recommend using the Web Form builder's styling options rather than CSS overrides whenever possible. This approach is simpler to maintain and ensures your forms remain functional with future updates.
For deeper color and theme customization — including heading colors and button colors — toggle into Advanced Mode and explore the Theme Tab. Learn more about Advanced Mode styling options here.
You can also learn more about all stylistic choices within our Web Form article collection here.
If you need custom CSS styling beyond what the form builder offers, you can use the css or cssUrl options in the advanced embedding method, or contact our support team for guidance.