Snapshots let you capture a page layout so you can place and preview Candu content in the right spot, without waiting on engineering. Use them to anchor Hotspots or Product Tour steps, and to design modals, banners, and other UI in the context of the page.
How to Take or Update a Snapshot
You can take a snapshot when creating a new piece of content and retake/update snapshots using Candu's Chrome Extension, or at any time within the toolbox.
Taking a New Snapshot
One of the steps when creating new content is to decide where in your product content will go. You’ll be prompted to either Grab a Snapshot or Choose Saved Snapshot, and if you’re not ready to place it yet, you can skip this step and take it later from the Placements tab on the editor.
In the Placements tab, enter the URL where you want to place content and click Grab a Snapshot.
Choose your viewport: Desktop, Tablet, or Mobile.
(Optional) Set a 5 or 10 second timer (helpful for capturing modals or slideouts).
Click Grab a Snapshot to capture the layout.
Once the snapshot is taken, click Go back to Candu to continue.
Selecting a Placement
Now that the snapshot is captured, you’ll choose where the content should live:
In the Placements tab, hover over available selectors. You’ll see a green highlight on the elements Candu can target.
Click the target icon to pick the element or selector.
Choose where to place the content:
Above existing content
Below existing content
Replace existing content
You can set rules to control where your placement displays:
On all pages (if the selector exists).
On specific pages with URL rules such as:
URL contains / does not contain
URL starts with / ends with
URL exactly matches
Wildcard rules
Note: To update or change your Placement rules after content has been created, head to Settings > Placements > Existing Placements.
Updating a Snapshot
In the floating bar to the right, click Placements.
At the bottom of the menu, under Snapshot options, click Retake to create a new snapshot or Use Existing to choose one from your snapshot library.
Tip: In most cases, we recommend placing Candu content using the Chrome Extension or a Snapshot. However, these methods sometimes rely on “best guesses,” and the generated selector may not always be the most stable or reliable. In those cases, defining your own selector can give you more control.
Need more help? Reach out to us via chat or email us at [email protected].