Open a page with what you do
The plainest opening there is, and the one most pages need: who you are, what you offer, and where to click.
![[Sample] A website drawn as blocks](/api/media/file/plateHero.webp)
This page is built from the same blocks as every Canvas site, all of them, in the groups you see when you add one in the admin. Each one is live: open it, tap it, try it.
The first screen of a page. Each one opens a different kind of business.
A headline, one line of explanation, two actions and an image or animation beside them.
The plainest opening there is, and the one most pages need: who you are, what you offer, and where to click.
A full-width photograph that moves slower than the page as you scroll.
![[Sample] A low sun over a coastline at dusk](/api/media/file/landscapeCoast.webp)
A wide photograph behind the heading, for a place people come to rather than a service they book.
See the retreats moduleA page building itself from blocks, then dressed as several businesses in turn. The hero on our own front page.
The layers name the blocks a page is made of. The colours are content, so the same block sits on any theme.
A dark photograph with the three prices people ask about most, readable before anyone scrolls.
![[Sample] The floor of a barbershop with its chairs](/api/media/file/hero-shop-floor.webp)
A sample barbershop. Three chairs, walk-ins until six, and the prices on the door.
Book a chairStarting at
A colour chart as the opening screen: every tile a shade with its code, its price and a link.
A sample salon. Pick a shade off the chart and book the service it belongs to.
Sample business · Tue-Sat
A treatment shown minute by minute as a dial, for a service people book for the experience.
A sample spa. Choose a ritual and see exactly what happens in it.
Head spa ritual: 60 minutes in 5 stages
Sample business · Mon-Sat
Words, pictures and video, in the shapes a page usually needs them.
Formatted text - headings, paragraphs, lists - with an optional image or animation beside it.
The content block is where most of a page’s words live. You type into it like a document, and it keeps to the site’s type and spacing whatever you paste in.
Put an image or an animation beside the text, on either side, or leave it out.
![[Sample] A sample salon website drawn as blocks](/api/media/file/plateStudio.webp)
One photograph or graphic with a caption, inside the page or edge to edge.
![[Sample] A bright salon studio](/api/media/file/gallery-studio.webp)
A YouTube or Vimeo video, or a file, with a poster frame and the right shape for the screen.
Embedded through YouTube’s privacy-enhanced domain, so nothing is tracked until the visitor presses play.
A grid of photographs that open full screen, for work that sells itself.
Sample photographs. Tap one to see it full screen.
![[Sample] Styled curls](/api/media/file/gallery-curls.webp)
![[Sample] A fresh skin fade](/api/media/file/gallery-fade.webp)
![[Sample] Painted nails](/api/media/file/gallery-nails.webp)
![[Sample] A finished haircut](/api/media/file/gallery-finish.webp)
Two photographs on one frame with a divider to drag, for work whose result is the point.
Drag the divider. Sample photographs of a cleaned bathroom.
![[Sample] The same bathroom after cleaning](/api/media/file/after-bathroom.webp)
![[Sample] A bathroom before cleaning](/api/media/file/before-bathroom.webp)
Several short answers to one question, one visible at a time.
The same admin, set up for whoever is doing the work.
Edits pages, prices and opening hours, sees every booking and order, and decides what the site says in each language.
![[Sample] The admin, as an owner sees it](/api/media/file/plateOwner.webp)
See their own day: today’s appointments, who is next, and a notification on their phone when a new request arrives.
![[Sample] The day’s bookings, as staff see them](/api/media/file/plateStaff.webp)
Keeps the engine up to date, so a fix or a new block reaches every site at once.
![[Sample] One engine updating every site](/api/media/file/plateHoc.webp)
A grid of short points, plain, carded or numbered, each with an optional image and link.
Things a Canvas site does without a plugin, an extra subscription or a developer.
Save a change without publishing it, preview it, and set it to go live on a date.
Close the site to visitors for an hour while you rearrange it, and keep working in the admin.
Choose the page people see when a link is wrong, instead of a dead end.
A process in order - how to book, how an order ships - across or down the page.
Only times that are actually free can be picked.
By email, and on their phone if they turned notifications on.
The guest gets an email with a link to change or cancel.
The day before, so fewer people forget.
A pause between sections: a rule, a short rule, dots, or just space.
What a business offers, as a grid or a list, each with a short description, a badge and a link.
A sample list. The highlighted row is the one the business most wants chosen.
Pages built from the blocks on this page, in Greek and English.
Appointments with staff or places, reminders included.
Products, stock, VAT and orders in the same admin.
Questions that open to their answer, so a long list stays short to scroll.
Yes. Every word, price and photo is editable in the admin, in Greek and English, with no code.
Modules that open to their lessons and durations, for a course or a programme.
Finding your way around and changing your first page.
A section saved once and placed on many pages. Change it in one place and every copy changes.
It is saved once under Sections. Edit it there and every page using it changes.
What other people say, who is behind the business, and what it has done.
Approved quotes from customers, as a grid, a carousel or a scrolling marquee.
“I change the prices myself now. It used to take a phone call and a week.”
“Bookings come in at night while we are closed. That alone paid for it.”
“The Greek and the English pages finally say the same thing.”
Marks of the people you work with, in a row or scrolling past.
The people behind the business, with a photo, a role and a line about each.
Master barber
A sample team member. Takes whatever walks in.
Fades and line-ups
A sample team member. Clipper work and skin fades.
Beards and shaves
A sample team member. Straight razor and beard shaping.
Case studies, each with its own page, for a business that sells what it has made.
Each card opens its own page.
A few numbers that count up as they come into view.
0
Blocks to build with
0
Languages
0
Starting templates
0
Modules to add
A globe you can turn, with the places that matter marked on it.
Sample markers. Drag the globe to turn it.
The business’s own latest posts, pulled from Instagram once the owner connects it in the admin. This site has no account connected, so the block draws nothing below.
The latest or chosen articles, each opening its own page.
Sample articles.
![[Sample] Two languages on one page](/api/media/file/postGreek.webp)
Languages
Half your customers search in one language and half in the other.
![[Sample] A booking calendar](/api/media/file/postBookings.webp)
Bookings
The request, the notification and the reminder, step by step.
![[Sample] A page being found by search](/api/media/file/postGoogle.webp)
Search
Sitemaps, structured data and a page written for AI assistants.
The tools a business works with, each with a short description and its own page.
Services a Canvas site connects to.
Stripe
Card payments for the eShop.
Viva Wallet
Card payments through a Cyprus-friendly acquirer.
JCC
Card payments through the Cypriot card processor.
Google Analytics
Visits and conversions, shown in the admin dashboard.
Google Search Console
What people searched to find you.
Your latest posts, shown on your pages.
Prices laid out so they can be compared, not hunted for.
Two to four plans side by side, one of them highlighted.
Illustrative prices, not House of Code’s.
Come when you like.
For regulars.
Every feature of every plan in one table, for the visitor who reads the small print.
| Feature | Visit | Monthly |
|---|---|---|
| Sessions | 1 | 4 |
| Online booking | ✓ | ✓ |
| Priority booking | – | ✓ |
One price paid in full or in instalments, switched with a toggle.
Ways for a visitor to answer back.
The closing band of a page: one heading and the action that matters.
Every page should end with somewhere to go.
Days, hours and minutes to a date: an opening, a sale ending, a course starting.
An email box for a waiting list, before something opens.
A working signup. Your address goes to House of Code and nowhere else.
A short enquiry form with a team-size question, for a business that sells to businesses.
A working form. It reaches the people who build Canvas.
Any form built in the admin - fields, required ones, a thank-you message - placed on a page.
A form built in the admin from fields, not code.
Address, hours, phone and email beside a map, with a link for directions.
A message over the page - an offer, a notice - shown after a delay, on scroll, or as someone leaves. This one waits until you move to leave the page, once per visit.
One action pinned to the bottom of a phone screen while the visitor scrolls. Open this page on a phone to see it.
Blocks a visitor does something with.
A core and what can be added to it, one part explained at a time.
The same block, with a different business’s parts.
A timetable members book a place in.
A few questions that add up to a score, and an answer for each end of it.
Tick what is true for you.
A plan whose rooms the visitor takes or leaves, priced as they go, sent as a quote request.
Sample cleaning quote
SAMPLE PLAN · 60 m²
Take the rooms you want done. A working form for a sample business.
Tap a room to add or remove it.
Rest on a room to read what is included in it.
Blocks from the eShop module. They read the real catalogue, so a product added in the admin appears here.
Chosen products with their prices, each opening its own page with an add-to-cart button.
The shop’s categories as large tiles, for browsing before choosing.
Blocks from the bookings module. The booking form below is working: requests reach House of Code.
Services with their length and price, as cards, a price list or by the minute.
Wash, cut and finish.
Clipper fade to the skin, finished with scissors on top.
Shaped, lined up and oiled.
Straight razor, hot towels and a cold finish.
Service, person, day and time, then contact details: a request staff confirm in the admin.
Corner Barbers is a sample business. Your request reaches House of Code, not a barber.
Andreas
Master barber
Nikos
Fades and line-ups
Marios
Beards and shaves
Choose a service
Blocks from the retreats module, reading the real list of places.
Full-screen slides that advance on their own, for a place with more than one view.
![[Sample] Pine-covered hills under a morning sun](/api/media/file/landscapePines.webp)
A fan of chosen places, each opening its page with photos, prices and a booking form.
Every block on this page is available to every Canvas site.
![[Sample] Sample project: a barbershop website](/api/media/file/projectBarbers.webp)
![[Sample] Sample project: a ceramics shop](/api/media/file/projectCeramics.webp)
![[Sample] Sample project: a retreat website](/api/media/file/projectRetreats.webp)
![[Sample] Dry stone hills in the late afternoon](/api/media/file/landscapeStone.webp)