Build a website

A template here is a whole site, not a front page.

One click creates every page, already linked to the others. You get directories you can filter, a page for each person, office, dish or listing, a basket, and your contact and legal pages. You then change anything on the page itself, and nothing goes public until you publish it.

  1. 01

    Look through them before you pick

    You read each of the nine templates properly before you commit. Each one shows you its front page, the page that sets it apart and a page for one item, side by side. Down the side it lists every page it creates, labelling each one Directory, Profile, Location and the rest.

    A shop creates five pages. A professional services firm, a restaurant, a branch network or a real estate agency creates twenty to thirty. Each brings sample records to fill them: people, offices, articles, dishes and listings. None of it belongs to a real business.

    Every page arrives as a Draft, so nobody can see it while you replace the sample words.

    Professional services firm

    Newsprint serif over a text serif, compact, square corners, warm neutrals

    A law firm, an accounting practice, a consultancy, any firm that sells expertise through named people

  2. 02

    Change it by clicking it

    You double click words and type over them. Selecting a block opens a panel with three tabs. Content holds what the block is made of, Style holds its spacing, size, type and colour, and Ask takes an instruction instead.

    You drag a new block in from the left, and a line shows exactly where it lands. You move, duplicate, group or delete a selected block from its own toolbar or from the keyboard. A whole section copies and pastes onto a different page of the site.

    Phone, Tablet and Desktop really change the width rather than scaling a picture down, so a page behaves the way it will behave live.

  3. 03

    Set it once, for the whole site

    Every page shares one header and one footer, so you type the business name once rather than thirty times.

    Nine colours drive everything: an accent and the words on it, the page, cards, two weights of text, lines, and a dark band. You change the accent, and every button, price and badge changes with it. A page that is already live picks that up without republishing.

    In the Style panel you pick a block's colours from those nine rather than from a colour wheel. That is what keeps a site looking like one site after somebody has edited twenty pages of it.

  4. 04

    The site lists the records you already keep

    A directory, a team page or a product grid reads one of your own collections. So the site shows a view of your data rather than a second copy of it.

    You update the record, and the page updates. A form on a public page writes a request straight into one of your tables. A shop takes an order with or without a card payment.

    People

    Each record has its own page.

    Add person

    Jane Smith

    /jane-smith

    publishedEdit

    John Smith

    /john-smith

    publishedEdit

    new-person

    /new-person

    draftEdit
  5. 05

    Or describe the change and check it

    Ask takes an instruction, such as add a section about delivery with three points, or put our name and address in the footer. It names each step as it happens.

    Before it hands the page back, it tests what it changed. Every link and button must go somewhere real, and every form needs somewhere to send. Every picture needs a description, and every list must read one of your collections. It fixes what fails, and names anything it could not fix.

    It will not invent a link, a picture, a phone number, a price or a claim about your business. Ask it for a logo it has never seen, and it asks you for one. It shows you anything wide as the real change, block by block and word by word, with Apply and Discard underneath. It never publishes or changes your site colours for you: it puts the button in the chat, and you press it.

    The whole instruction lands as one step on the undo list, so one undo takes it all back.

  6. 06

    Publish it, and go back if you must

    Publish shows you what would change on the live page before it asks. Underneath, Before this goes public lists the claims you are about to publish. It catches prices and timeframes, words like leading, registrations and memberships, and promises like same day. It reads only what changed since last time. It lists text written by Ask first, because that is the text nobody has read yet.

    Every publish keeps a copy, and so does the editor as you work. What changed beside a version lists the blocks it added, removed, moved and rewrote, and the words for a paragraph. Restore shows you what it would take back before it does it. It comes back as a new version, so the page you were on a moment ago is still there.

    You add your own domain in Admin. You add the DNS records, and it keeps checking every hour, so you never sit watching the screen. Old addresses you add redirect to the main one, and keep the rest of the link.

    The Pizza takeaway template's front page. The photos are examples: a new site starts with placeholder pictures you replace with your own.

Why people switch

  • Where the website lives

    Most website builders

    They keep it on its own: another subscription, another login, and its own copy of your people, prices and products.

    Diract

    It sits in the same workspace as your quotes, jobs and records, on the same bill, and the same people edit it.

  • What a template gives you

    Most website builders

    They give you a front page. You build the other twenty yourself.

    Diract

    You get every page already linked: directories, a page per record, a basket, and contact and legal pages. Sample records show it working.

  • The people and products on the site

    Most website builders

    You type them into the website, then type them again when something changes.

    Diract

    The page reads your own collections. You change the record, and the page changes.

  • Keeping it looking like one site

    Most website builders

    They put a colour wheel on every block, and your twenty pages slowly stop matching.

    Diract

    You set nine colours, one header and one footer. A block picks from those nine, never from anywhere else.

  • Publishing something you regret

    Most website builders

    Live is live, and you remember the previous version or you do not.

    Diract

    Publish shows you the difference, and flags the claims in it first. The editor keeps every version, and Restore shows what it would take back before it does.