5 min
Start here
Welcome to your church website
Your website is already built. You give it your church's name, logo, colors, fonts and links in one place, and every page, form and cover updates to match.
See it change to your colors
Pick a sample church or choose your own colors. This is exactly what happens on your real website when you fill in your church details.
Your Church
Sundays at 9 & 11 AM
Plan Your VisitChurch Calendar
Give
Watch Sermons
Serve Teams
Sow a Seed, Reap a Harvest
Give
Contact Us
Where we meet
GreeterTeam SOP
WorshipTeam SOP
UsherTeam SOP
Serve TeamGreetersSign up to serve
Serve TeamWorshipSign up to serve
Find your place
All teamsFirst ImpressionsKids & Youth
GreeterParkingHospitality
This is a preview. Type or paste your church's hex color codes (like #1E3A5F) and add your logo to see it. Your real website changes the same way when you fill in your church's colors, fonts, name and logo in Custom Values.
What's included
| Page | What it does |
|---|---|
| Home | Welcome, service times, pastors, next steps and visit info. |
| Connect | One place for calendar, events, giving, sermons, membership, serve teams, clubs and ministry groups. |
| Give | Your giving page with the Giving form built in: PayPal/Venmo, Zelle or check. |
| Contact | Contact Us form, service times, address, map and directions. |
| SOPs | Every serve team's Standard Operating Procedure, with covers in your colors. |
| Serve Teams | Every team, what they do and what's required. Each cover opens that team's sign-up form. |
| Serve Team finder | An interactive page where people filter teams, read about one and tap Sign up to serve. |
Plan about 1 to 2 hours. Have your logo, brand colors, church address, phone, email and service times handy. Nothing changes on your live website until you publish (step 7).
15 min
Step 1
Fill in your church details
These fill in your church's name, logo, phone, email, address and service times on every page, form and footer.
- In the left menu, click Settings, then Custom Values.
- Open the Church folder.
- Click each item below, type your church's answer in the box and click Save.
| Custom Value | What to type |
|---|---|
| Ministry Name | Your church name, the way you want it shown. Example: Grace Community Church |
| Ministry Logo | A link to your logo. Go to Media Storage, upload your logo, click the three dots on it, choose Copy link and paste it here. |
| Ministry Phone | Your church office phone. |
| Ministry Email | Your church office email. |
| Ministry Address | Your full address on one line, the way you'd type it into Google Maps. The map and Get Directions use it. |
| Service Times | Example: Sundays at 9:00 AM & 11:00 AM |
| Pastor Names | Example: Pastors Jamie & Nancy |
Type it once here and it shows up everywhere. If something is spelled wrong on the website, fix it here, not on the page.
5 min
Step 2
Add your colors and fonts
Every page, the Giving and Contact forms, the SOP covers and the serve team covers repaint in your colors automatically.
Stay in Settings > Custom Values > Church folder and fill in:
| Custom Value | What to type |
|---|---|
| Ministry Primary Color | Your main color as a # code, like #1E3A5F. Used for big sections, headers and buttons. |
| Ministry Secondary Color | A second color that goes with your main color. Used for soft shading. |
| Ministry Accent Color | Your highlight color. Used for buttons, small headings and borders. |
| Ministry Background Color | A light, soft color for page backgrounds. Off-white works best. |
| Ministry Heading Font | The name of a Google font, spelled exactly like on fonts.google.com. Example: Montserrat |
| Ministry Body Font | A simple, easy-to-read Google font for paragraphs. Example: DM Sans |
Don't know your color codes? Open your logo in a free color picker like imagecolorpicker.com, click your main color and copy the code that starts with #.
Pick a main color dark enough for white words to read on it. Test it in the color preview on the Welcome step first.
10 min
Step 3
Tell the buttons where to go
Buttons like Plan Your Visit, Watch Sermons and Church Calendar open the links you put here.
In Settings > Custom Values > Church folder, paste a full web address (starting with https://) into each one you have:
| Custom Value | Where the button is |
|---|---|
| Plan Your Visit URL | Gold button at the top of every page and on Home. |
| Church Calendar URL | Connect: Church Calendar. |
| Events URL | Connect: Event Registration. |
| Sermons URL | Connect: Watch Sermons. Home: Watch Online. (Your YouTube or Facebook videos page works.) |
| Membership Page URL | Become a Member, Learn About Membership and Membership Class buttons. |
| Clubs URL | Connect: Clubs. |
| Ministry Groups URL | Connect: Ministry Groups. |
| Give Page URL | Buttons that send people to your Give page. Fill this in after step 7. |
| Contact Page URL | Buttons that send people to your Contact page. Fill this in after step 7. |
Don't have one yet? Paste your Contact page address so the button still goes somewhere helpful. You can change it any time.
15 min
Step 4
Swap in your photos
Your logo fills in on its own. The big photos are starter pictures; replace them with photos of your church.
- Go to Sites > Websites and open your church website.
- Find the page (Home first) and click Edit.
- Click a photo. On the right, under Image, click the picture box and choose a photo from Media Storage (or upload one).
- Do this for the pastor photo, the top photo and the three Visit Us photos on Home, then the top photos on Connect, Give and Contact.
- Click the Save icon at the top right.
Best photos: wide (landscape), bright, at least 1600 pixels across, with real people from your church. Big top photos have words over them, so busy photos are harder to read.
15 min
Step 5
Set up giving
The Give page has your Giving form built in. People choose PayPal/Venmo, Zelle or mailing a check.
PayPal and Venmo
- Go to Payments > Integrations.
- Connect PayPal (this covers PayPal and Venmo). You can also connect Stripe for debit and credit cards.
- Follow the sign-in steps on screen.
Zelle
Zelle can't connect to a website, so the form shows people how to send it. In Settings > Custom Values, fill in Zelle Info with your church's Zelle email or phone number.
Checks
The check option shows your Ministry Name and Ministry Address from step 1. Nothing else to do.
Change the suggested amounts (optional)
- Go to Sites > Forms > Church Forms and open Giving.
- Click the donation box, open the Payments tab and change the amounts ($50, $100, $200 to start).
- Click Save.
Test it with a small gift of your own, then refund it in Payments > Transactions.
15 min
Step 6 · Important
Connect the serve team sign-up forms
Each team's Sign up to serve button and cover opens that team's own sign-up form. Because your forms got new ID numbers when your system was installed, you tell the website your church's IDs, in one list.
The easy way: use the helper below
- Open a new browser tab and go to Sites > Forms > Church Forms.
- Click to open Greeter Serve Team Application.
- Copy the whole web address from the top of your browser and paste it next to Greeter below. A check mark means it worked.
- Do the same for each team you have. Skip any team your church doesn't have.
- Click Copy my list.
Paste your list into your website
- Go to Sites > Websites, open your church website and click the Settings tab.
- Scroll to Body tracking code. Find the part that starts with
<script>and the words SERVE TEAM APPLICATION LINKS, and ends with</script>. - Select that whole part (from
<script>to</script>) and paste your list over it. Leave the other code in that box alone. - Click Save at the bottom.
Check it: open your Serve Team page, pick a team and click Sign up to serve. It should open that team's form with your logo. Then open the Serve Teams page and click a cover.
Prefer to do it by hand? The form ID is the last part of the web address, after
form-builder-v2/. In the Body tracking code list, paste it between the quotes next to that team's name.15 min
Step 7
Connect your domain and publish
Put the website on your church's web address, like yourchurch.org, and turn it on.
- Go to Settings > Domains and click Add domain. Follow the steps on screen. If someone else manages your domain, send them the records it shows you.
- Go to Sites > Websites, open your church website, click Settings and choose your domain. Click Save.
- Open each page and click Publish (top right). Your page addresses will be /home, /connect, /give, /contact, /sops, /serve-teams and /serve-team.
- Go back to Settings > Custom Values and fill in Give Page URL and Contact Page URL with your full addresses, like
https://yourchurch.org/give.
Changed something later? Custom Values update right away. Changes made inside a page show after you click Publish on that page.
15 min
Step 8
Test everything
Open your website on a computer and on a phone and check each item.
Something not right? Most fixes are in Settings > Custom Values (step 1 to 3). Serve team links are in step 6.
10 min
Step 9
Go live and share it
Your website is ready. Here's how to share it and keep it fresh.
- Share your web address with your staff and serve team leaders first.
- Add it to your social media profiles, email signature and Sunday slides.
- Show your serve team leaders the SOPs page so their teams can read and sign their SOP.
Who changes what
| To change | Go to |
|---|---|
| Name, logo, phone, address, times | Settings > Custom Values |
| Colors and fonts | Settings > Custom Values |
| Button links | Settings > Custom Values |
| Photos and wording | Sites > Websites > your page > Edit, then Publish |
| Serve team form links | Step 6 of this training |
| Giving amounts | Sites > Forms > Church Forms > Giving |
Need a hand? Email us and tell us which step you're on.