Edit your HTML capture

Edit, replace, and personalize the HTML elements you captured.

HTML elements are all your page's code like texts, images, graphs, etc.

Only for guideflows that were captured using the HTML capture.

Text

Select the text element and edit it to make it fit your need: replace text, customize style, and add variables.

(e.g. using variables, personalize texts with your prospect's information)

• Open the "HTML editor" tab on the right panel.

• Select the text element you want to customize.

• You can edit the "Text" field and add variables to personalize content.

• Or you can click on "Replace by embed" to embed with new content such as various file types (video, GIF, audio, etc.) or embed media (youtube, maps, charts, etc.).

Hit the apply to all steps to update your change across all steps of your Guideflow!

Image

Edit your image element to replace it with another one.

(e.g. replace the main image of your step 1 with a new one)

• Open the "HTML editor" tab on the right panel.

• Select the image element you want to replace.

• If you want to upload a new image from your computer, click on the "Image" field.

• If you want to add variables, click on "Add variables".
• Select your variable or create a new one.

Graph

Edit your guideflow graph and chart elements to customize them.

(e.g. edit a graph to replace numbers)

• Open the "HTML editor" tab on the right panel.

• Select the graph or chart you want to edit.

You can edit graph and chart text when they are captured in SVG format.

Effects (hide/blur)

To hide or blur some elements of your HTML step, toggle on "Blur" or "Hide".

(e.g. blur a KPI from a dashboard)

• Open the "HTML editor" tab on the right panel.

• Select "Effects".

• If you want to blur an element, toggle on "Blur".

• If you want to hide an element, toggle on "Hide".

Click on the "Find & Replace" button to replace all the elements.

Click the "Up" or "Down" button to access the parent/child HTML element.