Creating flows
Web captures
Interactive copies of your application.
Capture Types
Web captures are interactive copies of your application that feel just like the real thing. Any application that can be accessed on a browser can be captured.
Web Captures are recommended for most cases as they provide a level of interaction and customizability that is not possible with media captures.
Editing Captures
A remarkable aspect about Web Captures is the ability to edit any data to tell the perfect story. Open a Web Capture and clickEdit to open the Capture Editor.
The Capture Editor gives you controls for editing any of the content in your Capture.
Click on any
text element in your Capture to edit its content directly inline. You can also adjust the font size, color, and style.Magic Editors
The Capture Editor also exposes a powerful set of tools as Magic Editors. These tools provide a deeper level of customizability to support advanced use cases.Use Personalization
to add custom variables to your Capture based on visitor properties custom variables to your Capture based on visitor properties.This lets you greet users by name, show industry-specific messaging, or reference relevant details pulled from your CRM. Personalized demos create a stronger connection and make the experience feel tailor-made for each prospect.Learn more about building Personalized demos:
Table AI is a tool to write a prompt to edit your table content.
Perfect for quickly reformatting data, adding new rows, or making bulk changes without manually editing each cell.Use this to make your tables match your story and highlight the most important data points for your audience.
FAQs
How do I capture a dropdown or popup menu?
How do I capture a dropdown or popup menu?
How do I edit a Capture after adding it to a Flow?
How do I edit a Capture after adding it to a Flow?
From the Flow Builder, locate the Capture you would like to edit > click the arrows icon to expand
the Capture > click “Edit”. Save & Exit when complete. Keep in mind that your edits will be
applied to every step that references this Capture (to avoid applying edits to every step with
this Capture, first duplicate the Capture you are editing).
How do I edit the background of a Capture when a popup message or modal is present?
How do I edit the background of a Capture when a popup message or modal is present?
In the capture editor, use the up and down arrows to select the background element > open Magic
Editors > Overlay > Ignore Overlay. You may have to remove the Overlay on a few
different layers before being able to access the element you are hoping to edit.
How do I edit text in my Captures?
How do I edit text in my Captures?
First, please never capture sensitive data. While the Capture Editor can be used to quickly replace simple strings of text or to alter the appearance of distracting elements, we ask our customers to avoid capturing sensitive data altogether.To edit non-sensitive text, open the Capture Editor > select your text field > and type something new in the Text / HTML box. Most text fields are easily accessible in the Editor; this tutorial shows you a workaround if you are having trouble selecting a given “text” field.
How can I add an image as the background of a captured element?
How can I add an image as the background of a captured element?
To add an image to the background of a captured element (a DIV, NAV, or other non-IMG element
type), open the Capture Editor > Select the element where you want to add the image >
Background > Upload image > Upload the image from your local storage. Use the
Position, Size, and **Repeat **dropdowns to adjust the image if needed.
I am unable to load the Chrome Extension.
I am unable to load the Chrome Extension.
If you’re having trouble loading the Navattic Chrome Extension, it’s possible that the extension does not have the correct permissions. If you want to use the application on any domain the chrome extension needs to have the permission “On all sites”. If you just want it to work on specific applications, it should have the permissions for “navattic.com” and any other domains you want.To update permissions:
- Click on the Navattic icon in the Chrome extension bar. If it’s not visible click the puzzle icon and select it from the dropdown menu (click the pin to add it to the extension bar).
- Open the tab “This Can Read and Change Site Data”
- Select the appropriate sites
- Refresh app.navattic.com and any pages that you have open where you want to run the extension.