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”
<aside> 💡 You can only access this feature with a paid Webflow account or active site plan.
</aside>
Select the “+” button in your toolbar to add an element to your page. (Top left)
Scroll down to the advanced section and drag the Embed element to the top section of your page
When you add an embed section a HTML Embed Code Editor appears. Paste the embed code from your clipboard into the editor. Click save and close.
After you’ve pasted your code make sure to resize the embed element to cover the full viewport, using the following settings: