How to Edit HTML Content
Change Text – Click on any text element to edit it directly.
Replace Images – Click on an image/logo and choose a replacement from the library.
Edit Graphs & Charts – Click on an SVG-based chart to modify its text.
🚀 Try Interactive Demo 👇
Anonymize Elements
Blur Elements – Hide sensitive content by clicking on an element and applying blur.
Delete Elements – Remove elements completely, and the screen will auto-adjust.
Hide Elements – Remove elements without auto-adjusting the screen, with the option to unhide later.
🚀 Try Interactive Demo 👇
Embed Content
Click on an element → Choose "Embed Content" → Select from:
Videos, GIFs, Audio, PDFs – Upload files to enhance interactivity.
Any Embed – Insert media players (YouTube, Vimeo, Loom), maps, charts, etc.
🚀 Try Interactive Demo 👇
Global Search & Replace
Search for text across all screens and replace it instantly. A list of matches will help you verify changes before updating.
🚀 Try Interactive Demo 👇
Enhance User Engagement
Typewriter Effect – Simulates real-time writing for a more interactive experience.
Text Triggers – Engage users by adding interactive text triggers in either guided or clickable experiences.
🚀 Try Interactive Demo 👇
Tel & Mailto Links in CTAs
Keep users engaged, without breaking their flow. For HTML-based screens, you can now control whether links open in a new - great for redirecting while keeping the demo experience intact.
Organizing & Managing Screens
Adding Labels – Use color-coded, customizable tags to group and filter captured screens efficiently.
Rename Screens – Open the "Screens" tab → Select a screen → Click the three dots → Choose "Rename" → Save changes.
Copy/Paste Elements – Click on an element → Three dots → "Copy Element" → Paste onto another element.
🚀 Try Interactive Demo 👇
Undo Mistakes
Click the Undo icon to revert changes within the same screen.
❗ Note: If you navigate to another screen, you cannot undo edits from the previous screen.
AI Editing
Combine manual edits with AI-powered enhancements for faster, more precise updates.
Best Practices:
✔️ Be specific: Use clear instructions (e.g., "Center this text").
✔️ Select smaller elements: Focus on sections for better accuracy.
Editor Improvements
Now, you can customize clickable areas with custom colors to make them stand out!
