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:
- 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”:
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.
Favicon
The browser-tab icon — upload one, or it’s auto-generated from your color and initial.
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.
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):
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”
Distance
How far each section slides up as it appears.
“Make sections slide up from further”
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.