Overview
Once your settings are in place and your screens are captured, the next step is shaping the experience inside the Editor.
Walnut makes it easy to refine both content and visual elements across your demo, whether you need to adjust text, replace media, blur sensitive information, apply variables, or make updates in bulk.
In practice, this is where captured screens become polished, reusable, audience-ready experiences.
📖 This article is part of our guide series on creating demos.
Explore the full series:
In This Guide:
This guide covers the core editing tools available inside the Walnut Editor so you can refine content, update visuals, and scale changes more efficiently.
- How to edit content or elements
- How to replace content or elements with media
- How to blur elements
- How to use variables
- How to edit in bulk
- How to use find and replace
- How to use AI Mode
- How to store media in the Resource Hub
- How to manage editing permissions
Edit Content or Elements
To begin editing, select the element on the screen that you want to update.
Once selected, the element editor toolbar appears and gives you access to the core formatting and editing controls for that content.
From here, you can adjust text styling, apply links, add a guide, assign a variable, or apply a global edit.
Common formatting options include:
- Font color
- Font size
- Bold
- Underline
Replace Content or Elements With Media
You can replace a selected element, section, or placeholder screen with media from the Resource Hub.
This is useful when you want to swap editable screen content for a static visual asset such as an image, video, or PDF.
To do this, select the element you want to update, then click Replace With Media in the element editor toolbar.
Supported media types (file size limit: 100MB):
- Images (PNG, JPG, GIF)
- Video (MP4)
- PDF files
Once inserted, the selected media fully replaces the original element and behaves as a static visual block.
Pro tip: Need to replace a larger section or group of elements? Use Select Parent Element to refine your selection before replacing it with media.
Blur Elements
Blur any element on the screen to hide sensitive information or reduce distraction around less important areas.
How it works:
- Select the element
- Right-click
- Select Blur
To reverse the change, repeat the same steps and select Unblur.
See it in action:
Variables
Variables let you convert specific text, images, avatars, or dates into reusable dynamic elements across your template.
This is one of the most effective ways to personalize content, reduce repetitive edits, and keep templates scalable.
Walnut supports four main variable types:
- Text: Text variables can be used in screen content or guides and can be personalized using Salesforce, a URL, or a lead form.
- Date: Date variables convert static dates into dynamic dates based on a selected time period or offset.
- Image: Image variables swap one image for another across the template.
- Avatar: Avatar variables swap one avatar for another, although they are managed outside the main Variables menu.
Learn more about Variables.
Edit in Bulk
Global Edits help you apply the same change across multiple screens at once, saving time and improving consistency.
This is especially useful when you need to update repeated content or recurring design elements throughout a template.
Use Global Edits when you want to update:
- Navigations
- Text settings
- Images
- Links to an external screen
- Variables
- Interactions
Walnut can also detect repeated edits and suggest ways to apply them more broadly, helping teams work faster while keeping templates aligned.
See it in action:
Learn more about Global Edits.
Find & Replace
Find & Replace makes it easy to update repeated content across your template screens from one place.
This is especially helpful when you need to quickly revise common text across multiple screens without editing each instance manually.
You can use Find & Replace to update:
- Text elements on screens
- Text variables
- Text in guides
AI Mode
AI Mode helps you make larger-scale content updates across your template more efficiently.
Instead of editing one screen at a time, you can use AI Mode to update, rewrite, personalize, or clean up content across broader parts of the experience.
This is especially useful when you need to adapt existing demos quickly for a new audience, refresh outdated content, or standardize messaging across a template.
Common AI Mode use cases include:
- Anonymizing content
- Refreshing dates or data to feel more current
- Adapting messaging for a specific industry or segment
- Running custom prompts for broader content changes
See it in action:
AI Mode helps teams move faster when updating demos at scale. It is especially valuable for repurposing existing content, reducing manual cleanup, and accelerating template preparation across audiences and use cases.
Store Media in the Resource Hub
The Resource Hub makes it easier to store and reuse approved media files and lead forms across templates, edits, and users.
This helps teams maintain stronger consistency across demos while reducing duplicate uploads and one-off asset management.
Manage Editing Permissions
Walnut also gives you control over who can edit a shared template.
If you want collaborators to access a template without making changes, you can restrict editing while still keeping the template visible to them.
This is useful when you want to protect approved content, stage updates carefully, or keep editing ownership with a specific builder.
Once editing is restricted, only the permitted user or users will be able to make changes to screen content.
Learn more about Managing Roles and Permissions.
Summary
Editing in Walnut gives you multiple ways to refine and scale your demo content, from quick element-level updates to broader changes across an entire template.
Whether you are adjusting text, replacing visuals, applying variables, making bulk updates, or using AI Mode to speed up larger edits, these tools help turn captured screens into cleaner, more reusable experiences.
The strongest editing workflows combine precision and scale. Use element-level edits for polish, variables and global edits for repeatability, and AI Mode when you need to move faster across larger content changes.