First, make sure that you’re logged in to HeroKit. Once you’re done with all edits to your Hero, click the publish button to open the publishing panel. Click on “Publish Hero”.
The first time you publish, HeroKit will generate a unique embed code for your hero. Under “Embed on your site” select “Component”, then click on “Copy to Clipboard”
Create a section at the top of your page. Select the “+” button in your toolbar (top left) to add an element.
Under quick add, select iFrame
The iFrame will be added to your section. Paste the embed code from your clipboard into the editor. Click Update.
After you’ve pasted your code make sure to resize the embed element to cover the full viewport. First turn on Advanced sizing in the “…” sizing menu.