Save as My Template — reuse sections across all pages
How to save any section as a personal template and reuse it on any page or any website — the fastest way to keep your site consistent.
In this guide
What is "Save as My Template"?
Every section in the builder has a bookmark icon (🔖) on its card. Clicking it saves that section — its full HTML, CSS, and content — as a personal template that you can reuse anywhere.
Your saved templates appear in the My Sections tab at the top of the variant picker, visible whenever you add a new section or switch a section's style. One click inserts the saved template exactly as you left it.
Why this is so useful
Consistent branding across pages
If you have a CTA banner with your WhatsApp number and brand colors exactly right, save it. Then on every other page — Contact, Services, About — drop it in instantly instead of rebuilding or editing it from scratch.
Reuse across multiple websites
Your saved templates are stored in your account, not on a specific website. If you manage multiple sites (different brands, different clients), your personal template library is available on all of them.
Preserve complex sections
If you spent time setting up a testimonial section with 6 filled-in reviews and star ratings, save it before experimenting. If a redesign goes wrong, you can restore the saved version instantly.
Skip the AI generation step
A saved template uses 0 AI credits. For a section you already have perfected, inserting it via My Templates is instant and free.
How to save a section as a template
To see your saved templates: click + Add Section (or the between-section + button), then look for the My Sections row at the top of the type picker. Your templates appear there with a live preview thumbnail.
Typical workflows that use this feature
Consistent footer CTA on every page
Build a CTA banner with "Contact Us" and your WhatsApp number on the home page → save it → add it as the last content section on every other page. Your site has consistent lead capture everywhere with no extra AI spend.
Branded nav on a second website
You are launching a second business website. Open the builder for the new site → Add Section → My Sections → pick your saved nav. Your brand fonts, logo placement, and link style carry over instantly.
Client-ready portfolio pieces
You built a beautiful gallery section for a photography business. Save it. The next time a photography client signs up, you have a starting point that already looks polished.
Safe experimentation
You want to try a completely different style for your hero. Save the current hero → regenerate or redesign → if you hate the result, delete the new version and insert the saved original.
Managing your saved templates
To delete a saved template: go to My Sections in the variant picker → hover over the thumbnail → click the delete (×) button on the card. Deletion is permanent but only removes the template from your library, not from any page where it is already in use.
There is no rename function currently — saved templates are listed in the order they were saved. If you have many, the most recently saved appear first.
Plan limits for saved templates:
If you hit your limit, delete unused templates to make room. The templates you delete are not removed from pages — only from the My Sections library.
Save vs Section Creator — what is the difference?
Save as My Template saves a section the AI generated (or that you edited). You cannot edit the underlying HTML — it is stored as a finished piece.
Section Creator (/dashboard/section-creator) lets you write or paste custom HTML and CSS from scratch, preview it live, and save it to your library. If you are a developer or want a section that the AI cannot produce, Section Creator is the right tool.
Both types of saved sections appear in the same My Sections row in the variant picker.
More in Builder
Builder layout and the top bar
Understand the full builder layout — the three panels, every top-bar button, the save system, and how to navigate pages.
Managing sections — add, reorder, duplicate, delete
Everything about sections: what they are, how to add them in the right position, reorder by dragging, duplicate, delete, and change their visual style.
Editing content — the Edit tab
How to edit text, buttons, links, colors, images, icons, and every other field in the content editor.
The AI Build & Edit drawer
How the AI chat works — generating new sections, redesigning existing ones, choosing models, using reference images, and understanding AI credits.
Media library, logo, fonts, and hero images
How to upload images and logos to the media library, set your site logo, choose fonts, and set a hero background image or video.
Power features — select mode, batch redesign, templates, shortcuts
Advanced builder techniques: select multiple sections for batch AI redesign, save custom section templates, use keyboard shortcuts, and apply full-site templates.
Managing pages in your website
How to add new pages, switch between pages, navigate internal links, and delete pages you no longer need.
Using templates smartly — get more with fewer AI credits
How to build a complete, professional website using ready-made templates without spending any AI credits — then use AI only where it matters most.
Empty Section — build any custom layout with AI or your own code
How to add a blank empty section to your page and use the AI drawer or Code Editor to turn it into any layout you can imagine — no templates, no limits.
Section Creator — build and save custom HTML/CSS sections
How to write your own HTML and CSS in the Section Creator, add editable fields with data attributes, run the AI security check, and reuse your sections across all your websites.
Section Creator — coding rules & what JavaScript is allowed
Understand exactly what HTML, CSS, and JavaScript you can use in the Section Creator — including how to write interactive components like menus, accordions, and animations correctly.
Creating new pages with AI — the complete guide
How to use the AI assistant to create full pages with sections and automatic nav wiring — including model choice, credit costs, and what to expect.
AI Assistant tips and tricks — get better results faster
Practical techniques for getting the most from the AI assistant — quick prompts, the right mode for the right job, how to save credits, and what the AI can actually do.