Skip to content
Editing your site · 7 min read

Sections you can add

Every kind of section a page can have, what each one is good for, and where to learn more.

Every page is a stack of sections. To add one, open a page, click Add a section at the bottom of its sections (or Add section below under an open section), and pick one. It arrives with sample text for you to replace. See Edit text and photos.

Here's every kind of section, grouped by what it's for. Every section also has a Background, a Pattern and heading styles of its own; see Edit text and photos.

Open a page

  • Hero: the big opening banner at the top of your home page, with a headline, buttons and a photo, a photo slideshow or a background video. See Edit text and photos and Add a video.
  • Page header: a title band for your other pages, with a Small line above title, the Page title, an Intro and an optional Background photo.

Say what you do

  • Services: what you offer, with photos and links, as cards, rows or a carousel.
  • Photo + text: a story block with a photo on one side and words on the other. It can add a Checklist of short points and a Button, and Photo position puts the photo on the Left or Right.
  • How it works: numbered Steps that explain your process, like "Call us, we visit, we quote, we build". Each step has a title and a Description.
  • Packages: plans or packages side by side, each with a Name, Price, Price note, Description, What’s included and a Button. Turn on Highlight as most popular for the one you'd recommend, and add Fine print under them all.
  • Price list / menu: grouped items with prices, like a food menu or a list of services. Several groups get jump links. You can fill it in from a photo or PDF of your menu; see Fill in a menu from a photo or PDF.
  • Text: plain paragraphs, good for policies or a longer story.
  • Animated words: one big line of words that moves, like in a video ad, with 30 effects: changing words that roll, retype or flip, words that fly in, drop or light up, letters that type out or decode, circled or highlighted words, a price drop, neon, sticker labels, ribbons and more. See Make a headline move below.

Build trust

  • Highlights: a row of quick facts or numbers, like "15 years in business" or "4.9★ on Google". Turn on Count up the numbers as visitors scroll for a bit of motion.
  • Reviews: quotes from your Reviews list. See Reviews.
  • Badges & logos: certifications, awards, partners or "as seen in" logos. Each Badge has a Name and an optional Logo image (a transparent PNG or SVG works best); without an image, the name is shown as text.
  • Team: photos and short bios from your Team list. See Your team.
  • Projects: before-and-after photos of your work, each with its own page. See Projects.
  • Gallery: a grid of photos of your work, your space or your products.

Show what's coming up

  • Events: upcoming events from your Events list. See Events.
  • News: your latest posts. See News posts.
  • Job openings: open positions, each with its own page. See Job openings.
  • FAQ: common questions with answers that open when clicked. See Your FAQ list.

Help people reach you

  • Call to action: a bold band asking visitors to take the next step, like "Get a free quote".
  • Form: a contact, quote or request form. Messages land in your inbox and your email. See Forms and your inbox.
  • Hours & location: your hours, address and a map, from Business info. See Business info and hours.
  • Open today: a slim strip saying whether you're open right now.
  • Service areas: the towns and neighborhoods you serve. For each Town or neighborhood, you can link Its page (optional): make a page for your busiest towns with the Town page template, or many at once with Town pages. See Add a page.

Connect other services

These sections work with a service you already use. You paste a link or an ID, and that's it. You'll also find them under Integrations in the left menu.

Make a headline move

An Animated words section puts one short, bold message on your page and moves it when visitors scroll to it. Pick an Effect from the row of pictures (the arrows show more); the line under the row says what the chosen one does. Each effect asks only for the words it needs:

  • Words before and Changing words (and optional Words after). The changing words take turns after the words before, a few times round, then stop on the first:
    • Changing word slides each one in, like "Here for your home… family… business."
    • Rolling word spins them past like a slot machine.
    • Typed and retyped types each one, backspaces it and types the next.
    • Split-flap board flips them in letter by letter, like an old airport departures board.
    • Decode swap scrambles each one into the next.
  • Lines, each starting on its own row:
    • Word by word: Words rise in, Fly in, Pop in, Drop and bounce and Blur in bring the words in one after another. Word by word shows them faint, then lights them up in turn, as if someone were reading them aloud.
    • Letter by letter: Typed out, Letter wave, Decode, Letters come together and Tracking in (letters spread far apart pull together, like a film title).
    • Each line as a whole: Wipe in (a bar of color sweeps across), Zoom in, Outline fill (outlines that fill with color), Shine (a glint of light sweeps across), Neon sign (flickers on and glows; best on a dark background) and Sticker labels (each line a tilted label).
    • Stacked lines: short lines slide in from both sides and lock together, each sized to fill the same width. One to three words a line works best.
    • Across the whole page: Scrolling ribbon and Crossed ribbons (two tilted bands moving opposite ways) loop the lines like a news ticker, with a pause button. Moves as you scroll slides big lines sideways as visitors scroll the page; in browsers that can't do that, they stand still.
  • A Sentence with the words to pick out wrapped in double stars, like Fresh bread, **baked every morning**.:
    • Highlighted words gives them a highlight.
    • Circled words draws a hand-drawn mark around them: choose A circle, An underline or A squiggle under Mark them with.
    • Big word makes them grow much bigger than the rest.
  • Price drop takes What it’s for, an Old price and a New price: the old price is crossed out, then the new one pops in. Replace the sample offer before you publish; the publish check reminds you.

Every effect except the ones that run across the whole page can add a Button, and Text position puts the words in the Center or on the Left. Short words make the biggest impression, so keep it to a few words. Visitors who turn off motion on their phone or computer see the words standing still, and screen readers read them as one sentence.

Can't find the section you need?

Ask for it in AI changes: describe what you want, see a price first, and pay only if you keep it. See AI changes. Not sure whether a section already does it? Click Help at the top of the editor and ask; see Get help.

Still stuck?

Try it on the live demo first; nothing you do there is saved. If you’d rather have a person do it, ask for a work request from your dashboard. You’ll get a quote before any work starts.