Website
Every section you can add to a page, what it shows, and the looks and options it offers.

Select Add a section on a page and pick one from the list, or search for it. Sections are grouped the same way here.

Many sections have more than one look. Switch looks in the Content tab, or from the quick-style bar on the canvas. Every section also has a Style tab. See Style a section.

Text & layout

SectionWhat it’s for
SectionA background (colour, image, or video) with 1–4 columns of anything.
HeroA big banner with a headline and buttons.
HeadingA title with an optional eyebrow and subtitle.
ButtonsOne or more buttons in a row.
FAQQuestions with answers that open. Looks: Lines, Cards, Two columns.
Page navLinks that jump to sections on this page.
TextA block of rich text.
Columns1–4 columns of text, with optional icons.
Image + textAn image beside text, with an optional button.
Call to actionA headline block with one or two buttons. Looks: Centered, Left aligned, Banner, Image left, Image right, Overlapping.
TabsTabbed groups of sections.
DividerA horizontal line.
SpacerEmpty space.

Hero

Type the eyebrow, headline, and subtitle right on the page. In Content you can set the background Image (and a separate Phone image), a background Video, the Height, the Text width, and a Tint over the background.

When you set a Tint strength, choose a Tint fade:

  • Solid: the same tint everywhere.
  • Left to right: darker behind left-aligned text, so the photo stays clear on the right.
  • To bottom: fades towards the bottom of the hero.

Change the eyebrow’s colour with Eyebrow color, in Content or the quick-style bar.

A row of links that jump to sections further down the page, like Our story, Beliefs, and Leadership.

  1. On each section you want to link to, open Style and give it a name under Link to this section.
  2. Add a Page nav and select Add a link for each one. Type the link text and choose the section.

Pick Underline or Pills, and an alignment. Turn on Stay under the menu while scrolling to keep it in view. The link for the section people are reading is highlighted as they scroll.

Media

SectionWhat it’s for
Header imageA full-width banner image.
Header with textA banner image with text on top.
ImageA single image.
GalleryPhotos in a Grid, Masonry, Mosaic, or Carousel.
VideoOne of your uploaded videos.
YouTubeEmbed a YouTube video or live stream.

Highlights

SectionWhat it’s for
FeaturesMinistries, values, or next steps with icons or photos. Looks: Cards, Centered icons, List, Photo cards.
StatsBig numbers that tell your story. Looks: Plain, Cards, Divided, Brand band.
TimelineMilestones in your story, in order.
App downloadYour app: store buttons and screenshots in phone frames.
TestimonialsStories and quotes from your people. Looks: Cards, Spotlight, Wall.
ScriptureA Bible verse, beautifully set. Looks: Centered, Card, Band, Split.
Social linksYour social media, as Icons, Buttons, or Cards.

Features

Each item has an icon or photo, a title, and text. You can also give each item:

  • A small line above the title, like Step 1.
  • A line under the text, like John 3:16.
  • A category, when filter chips are on.

Options:

  • Number the items (01, 02, …): each item’s eyebrow shows its number, unless you type your own.
  • Make the first item a tall photo card (Cards and Photo cards looks): the first item spans two rows with its text over the photo. Give it a photo.
  • Filter chips by category: visitors can filter the items. Each category becomes a chip after All.

Pick the icon style for this section, or leave it on Site to follow your site style.

Stats

Turn on Small label above each value to put the label over the number instead of under it.

Timeline

Add a title, a subtitle, and milestones. Each milestone has a date (like 1998), an optional title, and what happened. Drag milestones to reorder them.

Pick a style: Across, Down, or Alternating. Every style runs down the left on phones.

App download

Show off your app with App Store and Google Play buttons and up to three screenshots in phone frames.

An App download section with store buttons and three app screenshots in phone frames
  1. Type the small line above the title (like Our app), the Title, and some text.
  2. Under Screenshots, select Add a screenshot. Portrait screenshots from a phone fit best. With two or three, they fan out and the middle one leads. Drag them to reorder.
  3. Pick a Phone frame: Black, White, or Silver.
  4. Under Store buttons, paste your App Store link and Google Play link. A button only shows when its link is set. Choose Black or White buttons.

Pick a Layout: Phones beside the text, or Phones below it. On tablets and phones, they stack.

App Store and Google Play icons are also available for any button. Pick them from the button’s icon list.

Services & live

SectionWhat it’s for
Service timesWhen and where you meet, with directions. Looks: Cards, List, Banner, Strip, Campus cards.
CountdownCounts down to your next service or a big day. Looks: Boxes, Minimal, One line.
Live now bannerAppears when you go live, or counts down to your next stream. Looks: Bar, Card with thumbnail.

Service times for several campuses

The Strip and Campus cards looks show several campuses (or Online), each with its own times. When you first switch to one, your current location and times become the first campus, and an Online campus is added for you.

Service times in the Campus cards look, with a map card for the main campus and one for Online

For each campus under Campuses:

  • Its name, and its times. Select Add a time for more.
  • An Address, and a “Get directions” link.
  • An extra line, like a phone number.
  • Another link, like Plan a visit.
  • Strip: an icon, and Tinted to make one stand out (great for Online).
  • Campus cards: a Photo. Leave it blank to show a map of the address.

Select Add a campus for more, and drag them to reorder.

In Style, turn on Overlap the section above to lay the strip over the bottom of a Hero.

Your content

These sections show what’s in your dashboard, so they update on their own.

SectionWhat it shows
EventsUpcoming events.
Featured eventOne event in the spotlight, as a Card, Banner, or Poster.
AnnouncementsCurrent announcements.
Blog postsYour blog, with search and filters.
GroupsGroups people can join.
ConnectConnect opportunities.
LeadershipYour leadership team, as Cards, Circles, a List, or a Carousel.
Podcast episodesYour latest episodes.
Podcast seriesA grid of series artwork.
WorshipWorship recordings.
CalendarUpcoming dates from your church calendar.
StoreItems people can order ahead from your store.

Group finder

On a Groups section, turn on Group finder: Day and Area filters. Visitors can filter groups by the day they meet and the area they’re in. The filters are read from each group’s meeting time (like Tuesdays 7 PM) and address, and the cards lead with the meeting time.

Latest message

On a Podcast episodes section, turn on Latest message (newest only, large) to feature this week’s message with Watch now and Listen buttons. Add more buttons after them, like Past series.

Give the section a dark appearance and background in Style for the spotlight look.

Forms & giving

SectionWhat it’s for
Contact usAddress, phone, email, times, a map, and a form.
GivingYour online giving form, as Centered, Card, Split, or Banner.
Plan a visitLet guests plan their first visit.
Guest formYour guest or connection card.
FormOne of your custom forms.
Prayer requestLet people submit prayer requests.

Embeds

SectionWhat it’s for
MapA map pinned to your location.
Embed pageEmbed another web page.
Custom HTMLYour own HTML.