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”
Click on the + button at in the layers panel and add a section at the top of your page
Click the + button again and under the HTML section (bottom), select Embed.
Once the embed block is added to your section, click on Edit code **to open the code editor.
Paste your HeroKit embed code here. Click outside the block to confirm changes.
Use the following options to make sure your Hero covers the full viewport.