Advanced features

Once you captured your guideflow using the HTML capture and selected your first HTML element. You have different advanced options to customize it such as background, margin, etc.

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

Only for guideflows that were captured using the HTML capture.

Customization

Customize your guideflow's text colors.

(e.g. personalize font color with your prospect's branding)

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

• Select "Customization".

• Select the HTML element you want to customize.

• You can change the font size, color, style, and alignment.

Background

Customize an element's background with a color or an image.

(e.g. personalize the logo based on the prospect's company)

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

• Select "Background".

• Select the HTML element for which you want to customize the background.

• To customize the background with a color, click on the "Background color" field and pick one.

• To customize your step with an image, click on the "Background image" field and upload one.

• To personalize with image variables, click on "Add variables" and click on the variable you want to use. If you want, add variables to personalize content.

Image variables are image URLs.

Margin

Fill in your different margins space to customize your HTML elements.

(e.g. add top and bottom margins to create more space between two elements)

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

• Select "Margin".

• You can fill in the "Top", "Bottom", "Left" and "Right" margins.

Units are in pixels.

Layout

Fill in the width and the height to customize your guideflow's HTML elements.

(e.g. increase the height of your website menu)

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

• Select "Layout".

• You can fill in the width value.

• You can fill in the height value.

For Width and Height, you can fill in the values either in pixels, percentages or auto.

Settings

Customize your guideflow's scale and scroll thanks to your HTML editor's settings

(e.g. toggle on "Scale" to change your window's size)

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

• Toggle on "Scale" if you want to scale your guideflow's window.

• Toggle off "Scroll" if you don't want to let your audience scroll up/down into your guideflow's screen.

Let your audience scroll on the screen to offer the most interactive guideflow possible.