HTML capture

Make sure that you have the Chrome extension downloaded and installed on your browser before you get started.

There are two types of HTML capture:

  • Guided HTML capture - call-to-actions guide you through a flow.

  • Sandbox capture - a self-contained environment where you can explore freely, without guided call-to-actions.

Guided HTML capture

On each click, Guideflow captures the HTML and CSS of your screen—allowing you customize specific UI elements for your audience.

(e.g. capture your product's dashboard to tailor the logo and brand colors for each customer)

How to do HTML capture using Guideflow's Chrome extension

  • Open the tab you want to capture.

  • Open Guideflow's Chrome Extension.

  • Select "HTML capture".

  • Guideflow will capture all the page content on each click.

  • If you want to pause or cancel the current capture, you can:

    • Use the Chrome extension.

    • Use our widget on the bottom left by clicking on Guideflow's logo.

  • Once you finish capturing your flow, click "Complete" in the widget or "Finish recording" in the Chrome extension.

  • Guideflow will open the editor. Learn how to edit your HTML capture.

Once you click on "Complete" to finish your HTML capture it may take a few seconds to generate your guideflow depending on the page's size you've just captured.

Last updated