2.4Templates: predefined blocks & pages
The essentials in 30 seconds
- The template library offers blocks (ready-made sections), whole pages and kits (complete sites).
- You can save your own sections/pages as reusable templates.
- Always customize an inserted template to your identity (style-guide colors/fonts, real text).
Through-line — Nadia goes faster
For the joiner's "contact" page, Nadia starts from a ready-made "contact" block: time saved. She adapts it to the style guide (colors, font) and replaces the dummy text with the real one. Then she saves her house banner as a template to reuse on other pages — and on her next projects.
Continues 2.3 — after the style guide, productivity.
1. Blocks, pages, kits
The template library speeds up the work. A block is a ready-made section (banner, pricing, testimonials, contact). A page is a complete layout. A kit is a consistent set (several pages + styles) to start a whole site.
You insert a template, then adapt it. You can also save any section/page you've created as a personal template, to reuse within the site or export to another project.
2. Always customize
An inserted template arrives with generic colors, fonts and text. The rule: customize it — apply the style guide (global site colors/fonts) and replace the dummy text/images with the real ones. An un-adapted template looks "template-y" and breaks consistency.
In Pro, global elements go further: an element (e.g. a call-to-action block) reused in several places changes everywhere at once.
🔎 Concrete example — Contact page in two steps (Nadia's case)
1. Insert a ready-made "Contact" block.
2. Apply the style guide (global colors/fonts).
3. Replace the dummy text/images with the real ones (address, phone, workshop).
4. Save your house banner as a reusable template.
→ Fast, but in the joiner's identity.Result: productivity without the "template-y" look.
Lesson: insert fast, always customize.
Section vocabulary
- Template library
- A collection of blocks (ready-made sections), pages and kits to insert.
Simple example: Nadia starts from a "contact" block.
What it is not: recreating everything by hand when a template exists.
Reflex: a standard need? look for a block first.
- Block / page / kit
- Block = a ready-made section; page = a whole page; kit = a complete site (pages + styles).
Simple example: "pricing" block, "about" page, "tradesperson" kit.
What it is not: confusing a block with a whole kit.
Reflex: section → block; site → kit.
- Your own templates
- Save a created section/page to reuse (in the site or another project).
Simple example: the house banner, saved and reused.
What it is not: redoing the same banner on every project.
Reflex: a reusable element? save it as a template.
- Customizing templates
- Adapt an inserted template to your style guide (colors/fonts) and real content.
Simple example: apply the site palette and the real text.
What it is not: leaving the template's colors and dummy text.
Reflex: after inserting, always customize.
- Global elements (Pro)
- An element reused in several places, editable everywhere at once.
Simple example: a global call-to-action block.
What it is not: copy-pasting the same block and updating it everywhere by hand.
Reflex: repeated element → global (Pro).
In practice — Using and creating templates
- Insert a ready-made block (e.g. contact or pricing).
- Apply your style guide (global colors/fonts).
- Replace all the dummy text and images with the real ones.
- Save one of your sections as a reusable template.
Ready-to-say script — explaining the time saving to the client (20 s)
"To go faster, I start from proven sections that I fully adapt to your identity: your colors, your fonts, your real text and photos. You gain on turnaround without losing on customization — the site is truly yours, not a standard template."
Sell speed without letting them fear a "ready-made" site.
Copy-paste template — check an inserted template
TEMPLATE INSERTED: _______________ (block / page / kit)
STYLE GUIDE APPLIED (global colors/fonts): yes / no
DUMMY TEXT REPLACED: yes / no
REAL IMAGES: yes / no
LINKS/BUTTONS CHECKED: yes / no
SAVED AS A REUSABLE TEMPLATE?: yes / noQuick start
Start from a consistent kit, then adapt everything to the client's style guide.
One-off section
A "pricing" or "contact" block is enough, customized.
Reuse
Save your house sections for your future freelance projects.
Pro
Global elements for a call to action present on several pages.
✓ Best practices
- Start from a template for a standard need.
- Always apply the style guide and the real content.
- Save your reusable sections.
✗ Common pitfalls
- Leaving a template's generic colors/text.
- Redoing by hand what a block provides.
- Copy-pasting the same block everywhere instead of a global element (Pro).
Key takeaways
- Library: blocks, pages, kits.
- Save your own templates.
- Always customize (style guide + real content).
- Pro: global elements editable everywhere.
48h challenge — apply tomorrow
Insert a ready-made block, apply your style guide, replace all the dummy content, then save one of your sections as a reusable template. 20 minutes.
- I insert a template and adapt it to the style guide.
- I replace all the dummy content.
- I save my reusable sections.
Frequently asked questions
What's the difference between a block, a page and a kit?
A block is a ready-made section (banner, pricing…); a page is a complete layout; a kit groups several pages and styles to start a whole site.
Should I always customize a template?
Yes: apply your style guide (global colors/fonts) and replace the dummy text/images with the real ones. Otherwise the site looks standard and inconsistent.
Can I reuse my own creations?
Yes: save any section/page as a personal template, reusable in the site or exportable to another project — a lasting time saving.
Nadia inserts a ready-made "contact" block. What should she do next?