The B1 website builder just picked up nine new elements, shaped section dividers, a section template gallery, site-wide widgets, an accessibility checker, and a conversational mode for forms — all free. This episode walks through the whole batch: the elements that pull live data so your site never goes stale (Service Times, Staff Grid, Campaign Progress), the first-impression elements (Countdown, Testimonial, Stats, Gallery, Icon Feature, Social Icons), and the design tools that make a volunteer-built site look professionally designed.
FULL WALKTHROUGH WITH SCREENSHOTS
- Every step from this episode, with screenshots: https://pages.churchapps.org/website-builder-update-guide
WHERE EVERYTHING IS
- Elements: Website → Pages → open a page → Edit Content → Add Content. Panel has search plus Common / Media / Church / Advanced tabs. Click or drag to add.
- Shape Dividers: open any section's settings → Shape Dividers (wave, waves, slant, curve, triangle, peaks — plus color, height, and flip)
- Section templates: when adding a section, browse the gallery by category (Hero, About, Services, People & Groups, Media, Giving, Call to Action)
- Widgets: Website → Appearance → Site Widgets (Announcement Bar + Launcher)
- Accessibility checker: the accessibility icon in the page editor toolbar
- Conversational forms: People → Forms → edit form → Display Mode → Conversational
THE NINE NEW ELEMENTS
1) Countdown — count down to a date, or Weekly Service mode (pick day + time, recurs every week). Custom "completed" message when it hits zero.
2) Service Times — your campuses' service schedule, pulled automatically from attendance setup. Adds structured data so search engines understand your schedule.
3) Staff Grid — live photo cards from a group's roster. Requires the group's public roster option to be enabled. Update the group, the page updates itself.
4) Campaign Progress — live giving-goal thermometer tied to a fund (pairs with Pledge Campaigns from Episode 16). Goal amount, optional start/end dates, show/hide amounts, optional donate link.
5) Testimonial — quotes with author, role, and photo; single or rotating display.
6) Stats — big-number highlights with labels (years, kids, meals served) in 2–4 columns.
7) Gallery — multi-photo grid or masonry layout with column and spacing options.
8) Icon Feature — icon + title + short description; use three or four side by side for "what to expect" sections.
9) Social Icons — linked icons for Facebook, Instagram, YouTube, X, TikTok, Vimeo. Only the links you fill in are shown.
SITE WIDGETS (Website → Appearance)
- Announcement Bar — site-wide banner on every page: text, link, colors, and start/end dates so it schedules itself and takes itself down.
- Launcher — floating corner button that expands into quick links (Plan a Visit, Give, Watch Live). Choose corner and color.
ACCESSIBILITY CHECKER
- In the page editor toolbar. Scans for images missing alt text, low color contrast, and headings out of order — each finding links to the element so you can fix it in place.
CONVERSATIONAL FORMS
- People → Forms → edit a form → Display Mode: Conversational. Presents one question at a time instead of a full-page form.
Try It This Week (ONE thing):
- Open your home page in the editor (Website → Pages → Edit Content → Add Content) and add the Countdown element. Mode: Weekly Service, pick your day and time, save. Two minutes.
NEW TO B1? START HERE — IT'S FREE
- First time? Go to b1.church to create your free account — no cost, no credit card.
- Already set up? Log in at admin.b1.church.
Resources:
- Episode 20 walkthrough with screenshots: https://pages.churchapps.org/website-builder-update-guide
- Create a free account: b1.church
- B1 Admin (log in): admin.b1.church
- Help & Support: support.churchapps.org
- Page editor docs: https://support.churchapps.org/docs/b1-admin/website/page-editor/
- ChurchApps on GitHub: github.com/ChurchApps