Skip to main content

Websites - Editing Your Website

Updated yesterday

Editing Your Website

Use the website editor to customize every piece of text, photo, and design element on your site.

Editor Layout

The editor has three main areas:

Toolbar (top bar) — Buttons for managing photos, services, repairs, reviews, logo, colors, theme, fonts, device preview, and publishing

Sidebar (left panel) — Text fields for editing every section of your website, organized by page

Preview (main area) — A live preview showing exactly what visitors will see

Toolbar Buttons

From left to right, the toolbar includes:

Reviews — Manage customer reviews and testimonials

Services — Add, edit, reorder, and delete services

Repairs — Add, edit, reorder, and delete repairs

Photos — Manage the 6 site-wide photo slots

Logo — Upload or change your logo and its display layout

Color picker — Change your website's primary accent color

Theme toggle — Switch between Light and Dark mode

Font selector — Choose from 6 font packages

Device switcher — Preview as Desktop, Tablet, or Mobile

Refresh — Manually reload the preview

Save — Save dropdown (includes Start Fresh option)

Publish — Publish your website or view its live status

Editing Text with the Sidebar

The sidebar has collapsible sections for each page on your website. Click a section header to expand it and edit the text fields inside.

Business Info

Business name, about description, phone, email, and full address

Home Page

Hero headline and location text

Hero subheadline

Call-to-action button text

About preview title and paragraphs

Services, Repairs, Testimonials, and Contact section titles and subtitles

Services Page

Hero title and subtitle

Call-to-action title, subtitle, and button text

Repairs Page

Hero title and subtitle

Call-to-action title, subtitle, and button text

About Page

Hero subtitle

Story section title and three paragraphs

Contact Page

Hero subtitle

Info section title and intro text

Form section title and subtitle

Auto-Save

Every text change saves automatically about one second after you stop typing. You don't need to click a save button — just type and your changes are preserved.

Preview

The preview updates automatically as you make changes. If it seems out of date, click the Refresh button in the toolbar to reload it.

You can navigate between pages by clicking links within the preview, just like a visitor would.

Device Preview

Use the device switcher in the toolbar to see how your website looks on different screen sizes:

Desktop — 1440 x 900

Tablet — 768 x 1024

Mobile — 375 x 667

Your website is fully responsive — it automatically adapts to any screen size.

Did this answer your question?