How It Works
Choose a Template
Browse our gallery and click the "Customize" button on any template card to open the visual editor.
Click and Edit
Click on any text or element in the template to start editing. The editor activates design mode for instant changes.
Download
When you're done customizing, click the Download button to save your personalized template as HTML.
Editor Features
Design Mode Active
The editor enables contentEditable mode, allowing you to click and type anywhere in the template just like a word processor.
Visual Feedback
Hover over elements to see dashed outlines, making it clear where you can edit. No guesswork required.
Real-Time Preview
See your changes instantly as you type. What you see is exactly what you'll download.
Built-in Help
First-time users see an onboarding modal explaining how to use the editor. Access it anytime via the Help button.
What You Can Edit
Text Content
Headlines, paragraphs, buttons, links – all editable with a click
Formatting
Bold, italic, lists, and other text formatting options
Headings & Labels
Page titles, section headings, and form labels
Navigation Items
Menu links, footer text, and navigation labels
Tips & Tricks
Start Small
Begin by editing simple text like headlines and button labels before moving to larger sections.
Use Keyboard Shortcuts
Cmd+B (Mac) or Ctrl+B (Windows) for bold, Cmd+I or Ctrl+I for italic, and standard text editing shortcuts work.
Match Your Brand
Use our Color Palette Extractor to find the template's colors, then customize text to match your brand.
Test Responsiveness
After downloading, open your template in different screen sizes to ensure it looks great everywhere.
Download Frequently
Save your progress often by downloading. The editor doesn't save automatically, so download checkpoints as you work.
Ready to Customize?
Browse our template gallery and start editing any template with a single click.
Browse Templates