Capture personalization lets you make parts of a demo dynamic — replacing text, images, or colors with values specific to each viewer. You configure personalization in the capture editor, and the values are supplied when you share the demo through a share link or presentation.Documentation Index
Fetch the complete documentation index at: https://docs.navattic.com/llms.txt
Use this file to discover all available pages before exploring further.
Personalization requires custom properties to be configured in your workspace first. Go to Settings > Custom properties to set them up. For image personalization, you need at least one custom property of the Image type.
Types of personalization
You can personalize three types of elements in a capture:| Type | What it changes | Example |
|---|---|---|
| Text | Any text element in the capture | A visitor’s name, company, or role |
| Image | Any image element in the capture | A customer’s logo or branded banner |
| Style | CSS properties like color or background | A customer’s brand color |
Personalizing text
Select a text element
Click the text element you want to personalize. In the Magic Editors panel, open Personalization.
Add a variable
Click Add personalization and select a custom property from the list. You can optionally set a fallback value — text that appears when no variable is supplied for a visitor.
Personalizing images
Image personalization replaces any image element with a custom image you supply per account or audience. It uses custom properties of the Image type.Images for personalization are uploaded manually — Navattic does not automatically fetch logos or images from a company name or domain. If you want to personalize a company logo automatically from a domain or visitor email, use the built-in Company Logo property instead. See Personalized demos for details.
Select the image element
Click the image you want to replace. In the Magic Editors panel, open Personalization.
Choose an image-type custom property
Click Add personalization. Only custom properties of the Image type appear here. Select the property you want to use.
Set a fallback image
Upload a fallback image. This is shown to visitors when no custom image variable is provided for their session.
Personalizing styles
Style personalization lets you change CSS-based properties — such as background color or text color — using custom property values. This is useful for applying a customer’s brand colors to a demo.Fallback behavior
Every personalization field should have a fallback. If a visitor accesses a demo without a personalization variable being supplied — for example, via an unparameterized link — the fallback value is shown instead.- Text fallback — Plain text displayed in place of the variable
- Image fallback — A default image uploaded to Navattic
- Style fallback — A default CSS value (e.g., a hex color)
Sharing personalized demos
Once captures are personalized, you supply values when creating a share link or presentation in Launchpad.Open Share link settings
From your demo, go to Share link settings (or create a new share link in Launchpad).
Enter personalization values
Fill in the custom property values for the recipient — for example, their company name, logo, or brand color.
Troubleshooting
The personalized value isn’t appearing Check that:- A custom property value was supplied when creating the share link.
- The correct custom property is assigned to the element in the capture editor.
- A fallback is set — if no value is supplied and no fallback exists, the element may appear empty.