Back to app

Website Builder

The Website Builder is a SolidifyAI skill ($29/month) that lets you create a professional contractor website — no design experience needed. Your AI Assistant builds and edits the site through conversation, and every change is instantly previewed in staging before you push it live.

Enable it from the Billing page under Skills.

Getting started

Go to Website Builder in the sidebar. If you don't have a site yet, click Create Site and give it a name. The AI will open automatically — describe your business and it will generate your first pages.

What's included

  • Home page — hero, services, testimonials, photo gallery, CTA
  • Services page — detailed breakdown of what you offer
  • About page — your story, your team, your values
  • Contact page — contact form that saves leads directly to your OS
  • Service area pages — one page per city or neighborhood for local SEO
  • Any custom page — the AI can build whatever you describe

Sections you can add to any page

Every page is built from sections. Tell the AI which ones you want, and it arranges them:

Hero

Headline, subtext, and a call-to-action button, with an optional background photo.

Services

A grid of what you offer, each with an icon and description.

Products or plans

Clickable cards for the packages or products you sell.

Pricing table

Side-by-side plan cards, with a “Most popular” highlight.

Photo gallery

A grid of your project photos.

Photo slideshow

A full-width gallery visitors click through.

Video

Embed a YouTube or Vimeo video — just paste the link.

Testimonials

Customer quotes.

Stats

Big numbers that build trust (“500+ jobs completed”).

FAQ

An expandable question-and-answer list.

Service area

The cities and neighborhoods you cover.

Map

An interactive map of your address or service area.

Call-to-action banner

A bold prompt to get in touch.

Contact form

Saves submissions to your Contacts. Standard or custom fields.

Text & image

A block of copy alongside a photo.

Custom layouts

Rows, columns, and nested groups for anything else.

The contact form can use the standard Name / Email / Phone / Message layout, or ask for custom fields (e.g. a “Project type” dropdown or a “Preferred date”).

Editing with the AI

  • "Change my headline to 'Trusted Roofing in San Diego'"
  • "Add a testimonial from John M. who said 'Best contractor I've ever hired'"
  • "Add a products section with my Basic, Pro, and Premium roofing packages"
  • "Add a pricing table with three plans and highlight the middle one"
  • "Add an FAQ answering the 5 questions customers ask most"
  • "Embed my YouTube walkthrough video on the About page"
  • "Add a map of our shop address to the Contact page"
  • "On the contact form, add a Project type dropdown with Roofing, Gutters, and Siding"
  • "Change my primary color to dark green"
  • "Add a photo gallery section to the home page"
  • "Write a service area page covering San Diego, Chula Vista, and El Cajon"
  • "Rename the button in the header to 'Get a Free Quote'"
  • "Delete the old Promotions page"
  • "Add a Free Estimate form right in my homepage hero"
  • "Make the 'Why homeowners choose us' section show a photo next to the bullet points"
  • "Give the services section a dark background"
  • "In the roofing intro, turn 'Learn more' into a link to the commercial roofing page"
  • "Add star ratings and dates to my testimonials so they look like Google reviews"
  • "Add a 'Latest from our blog' section to the home page"

Managing pages

Just tell the AI what you want and it handles the whole page — including its navigation link:

  • Add a page — "Add a Financing page explaining our payment plans"
  • Rename or rewrite a page — "Rename Services to Our Work and add a gallery"
  • Delete a page — "Remove the Careers page." The AI deletes the page and cleans up its menu link. Your home page can't be deleted — set a different page as home first if you need to replace it.

Navigation menu

The menu at the top of every page is built from your pages automatically, and you shape it just by asking — no dragging or settings screens:

Home
Services
Roofing
Gutters
Siding
PricingResources Contact
  • Add, remove & reorder links — "Put Pricing before About," "Take Careers out of the menu."
  • Group links into dropdowns — "Group Roofing, Gutters, and Siding under a Services menu."
  • Add external links — point a menu item anywhere, like your booking page, docs, or YouTube.

The Contact button and the optional Sign-in link in the header are separate from the menu — those are set in Branding, below.

Branding

All of this is set by talking to the AI — “Use a navy and gold color scheme,” “Set my logo,” “Change the header button to Book Now”:

ButtonAccent

Colors

A primary color (buttons, links, accents) and an accent color.

Heading font

Body font — the quick brown fox jumps over the lazy dog.

Fonts

A heading font and a body font, chosen from Google Fonts.

Logo

Your logo, shown in the header and footer.

M×

Favicon

The browser-tab icon — upload one, or it’s auto-generated from your color and initial.

Get a Quote

Header buttons

The main call-to-action button (label + link) and an optional Sign-in link.

Tagline & footer

A tagline under your logo and extra footer link columns.

Match a look you like

Have a website whose style you love? Share a screenshot with your AI Assistant and say “make my site look like this.” It reads the image, recreates that layout and structure, and matches the colors and fonts — then fills it in with your business’s content.

A screenshot you share

A site whose look you like.

AI

Your site

Same layout & style — your brand color, your content.

It intentionally doesn’t copy the other site’s text, logo, or photos, so you get a polished look inspired by theirs while everything on the page stays yours. (It’ll check before changing colors or fonts you’ve already picked.)

  • “Make my homepage look like this” — with a screenshot attached
  • “Use a clean, modern style like this site”
  • “Match these colors and fonts” — with an image

Animations

As visitors scroll, each section can gently animate into view — a subtle slide-and-fade that makes the site feel polished and alive. It's on by default, and you shape every part of it just by asking the AI. Here's what each control does (the demos below loop so you can see the effect):

Slow
Normal
Fast

Speed

How fast each section appears as it comes into view.

Make the animations faster

Stagger

The delay between sections, so they cascade in one after another.

Add a dramatic stagger between sections

Subtle
Normal
Dramatic

Distance

How far each section slides up as it appears.

Make sections slide up from further

Smooth
Spring
Linear
Snappy

Style

The easing curve — from a smooth glide to a springy bounce.

Use a spring animation style

Mix and match freely — “make the animations slow and dramatic with a spring bounce,” “just a subtle fade, no movement,” or “turn the animations off” for an instant, fully static site. The italic line under each demo is exactly the kind of thing you can say.

In short, you can control:

  • On / off — turn the whole effect on or off.
  • Speed — how quickly each section appears (slow, normal, fast).
  • Stagger — the delay between sections, so they cascade in instead of arriving all at once.
  • Distance — how far each section slides up as it appears (subtle to dramatic).
  • Style — the easing curve: smooth, a springy bounce, linear, or snappy.

Staging vs. live

Every change you make in the Website Builder goes to your staging site first. Staging is a preview of your website — it looks exactly like the live site and is accessible via a public URL, but it is not indexed by search engines. SEO is intentionally turned off on staging so Google never sees unfinished work.

Once you're happy with how things look in staging, you push the changes to your live site. The live site runs on your own domain (e.g. yourcompany.com), is fully public and SEO-enabled — Google can index it, it shows up in search results, and all tracking and schema markup is active. To connect your domain, you'll need to add DNS records at your domain registrar (GoDaddy, Namecheap, Google Domains, etc.) — the AI Assistant will give you the exact records to add once your site is ready to go live.

This workflow means you can experiment freely without any risk of breaking what's already live or affecting your search rankings. A walkthrough video showing the full staging-to-live process is available in the Resources menu.

SEO

Each page has its own SEO title and meta description. The AI can write these for you:

  • "Write an SEO title and description for my roofing services page targeting San Diego homeowners"
  • "Create a service area page for Chula Vista optimized for plumbing searches"

SEO is only active on the live site. Staging always has search indexing turned off.

Local Business Schema

Your live site automatically includes Local Business structured data (schema.org markup) — the machine-readable summary that tells Google your business name, type, address, phone, email, and logo. This helps you appear in local search results and the Google Maps pack.

Your name, address, phone, and email are pulled from the business info in your Website Builder settings, and the logo from your branding. The key thing to set is your business type, so search engines know your trade — just tell the AI:

  • "Set my business type to Roofing Contractor"
  • "Mark my business as a Plumber for SEO"

Supported types include General Contractor, Plumber, Electrician, HVAC, Roofing Contractor, House Painter, Locksmith, Landscaping, Moving Company, and more.

Google Analytics

Connect Google Analytics to see how many people visit your site, where they come from, which pages they read, and how many fill out your contact form.

To connect it, go to Website Builder and tell the AI your Tracking ID:

  • "Add my Google Analytics ID: G-XXXXXXXXXX"

Google Analytics only fires on the live site — staging never sends tracking data so your own visits don't pollute your reports.

Blog

Your website includes a full blog — a proven way to rank in local search and answer the questions customers are already Googling. Manage it under Website Builder → Blog. Posts stay a draft until you publish, so nothing goes live until you say so.

Write a post with AI

Click Write with AI, give it a topic, pick a tone and length, and it writes a complete, SEO-friendly draft grounded in your real services and service areas — then saves it for you to review. It won’t invent licenses, prices, or guarantees.

  • “How to tell if your roof needs replacing” — Professional tone, Medium length
  • “What to do after storm damage in Kansas City”
  • “5 signs your gutters need cleaning”

The AI also adds internal links to your own service and city pages (great for SEO) and can place your photos where they fit.

Add photos with a storyboard

In the Write-with-AI box you can attach images and direct how each one is used, in order — like a storyboard:

  • Mark one photo as the cover for the post.
  • For each other photo, add a short note — “finished ridge cap, use near the results” or “storm damage before the tear-off.” The AI places them in that order and writes descriptive alt text for each.
  • Add images from your Media library or upload from your computer — uploads are automatically optimized (resized and converted to WebP) for fast loading.

Write or edit it yourself

Prefer to write your own? Click New Post for a simple visual editor — bold, headings, bullet and numbered lists, links, and images — no code or markdown needed. You can also set the cover image, an excerpt, a target keyword, the SEO meta description, and the author (defaults to the business owner). Every AI draft opens in this same editor so you can tweak it before publishing.

Publishing

  • Draft posts are only visible to you — they never appear on your site.
  • Publish makes a post live on your blog. You can edit a published post any time and Save changes — updates go live automatically (no need to unpublish first).
  • Unpublish pulls a post back to draft and off your site.

Built for SEO

Every published post automatically gets search-engine structured data (an Article record with your business as publisher), a visible author and published/updated date, its own SEO title and meta description, and a clean URL at yourdomain.com/blog/your-post. Fresh, keyword-focused posts are one of the best ways to climb local search rankings over time.

Contact form leads

When someone fills out your website contact form, they’re automatically added to your Contacts as a lead, and a follow-up task is created.

To keep the junk out, every contact form has built-in spam filtering: automated bot submissions are always blocked, and suspected SEO/marketing solicitations are routed to a Review tab in Contacts (no email, nothing lost) instead of your main list. You can turn the smart filter on or off per site under Website Builder → Spam Filter.