Hatchbuck's native landing page builder provides a form option that's extremely intuitive! However, there are circumstances that may lead you to use a Hatchbuck form instead. Here are some perks of using a Hatchbuck iFrame embedded form:
- If you find you need more advanced automation options;
- You would like to drop Hatchbuck's tracking cookie when a visitor submits the form;
- Any changes you make to the form in Hatchbuck will immediately show on your landing page (no need to re-enter the code).
Adding a Hatchbuck form to Hatchbuck's Native Landing Page --
In Hatchbuck, head to Tools > Online Forms and select the form you would like to place on this page to open the form detail view.
Under Embed Options on the bottom right, select Use an iFrame. Keep in mind that this option sandboxes the code exactly as you see it in Hatchbuck, so complete any styling you would like on the form within Hatchbuck. Select "Copy to Clipboard" to save.
Once that code is copied, head to Tools > Landing Pages & Popups. Create a new landing page, or click into an existing page to open up the editor.
Drag and drop the HTML content option into the template where the form should appear. Customizations will appear in the right hand column of the builder.
Under HTML, paste the iFrame code copied earlier.
You can then adjust the padding of the container the HTML is in, and toggle the "More Options" button to adjust the padding specific to the top, right, left and bottom of the container.
Be sure to Save & Continue to save your changes.