Framer - Embed Your Guideflow

Embed your Guideflow directly into your Framer site to showcase interactive demos to your website visitors. Framer's built-in Embed block supports both a URL and HTML option, and Guideflow works with both.

💡 Replace static screenshots on your Framer landing page with an interactive Guideflow so visitors can experience your product firsthand.

Get your embed code from Guideflow

• Open your Guideflow in the editor and click Share in the top right.

• Click Embed widget under Share Options.

• Make sure Public access is toggled on.

• Copy either the public link (for the URL option) or the embed code (for the HTML option).

---

Option 1: Embed via HTML

• In your Framer project, add an Embed block to your page.

• Select HTML as the embed type.

• Paste the Guideflow embed code into the HTML field.

• Resize and position the block as needed.

• Publish your Framer site.

---

Option 2: Embed via URL

• In your Framer project, add an Embed block to your page.

• Select URL as the embed type.

• Copy the Guideflow public link, change /player to /embed in the URL, and paste it into the URL field.

• Resize and position the block as needed.

• Publish your Framer site.

Before: https://app.guideflow.com/player/er5j6zla6k

After: https://app.guideflow.com/embed/er5j6zla6k

---