Customize Your Footer
The footer of a website is often one of the most underestimated and overlooked elements of a website, but it plays a crucial role in enhancing the overall user experience and achieving various essential goals for your website including, but not limited to:
Navigation and Accessibility:
- Ease of Navigation: The footer provides an additional navigation option for users who have reached the bottom of a webpage. It helps them find important links without having to scroll back to thetop.
- Contact Information: Including contact details, such as an email address or phone number, in the footer makes it easy for users to get in touch with your organization or business.
- Site Map: You can include a sitemap or links to key pages in the footer, making it easier for visitors to discover and access relevant content.
Trust and Credibility:
- Copyright and Legal Information: Displaying copyright information, privacy policies, terms of service, and other legal disclosures in the footer conveys professionalism and establishes trust with your church.
SEO and Search Engine Rankings:
- Internal Linking: The footer provides an opportunity for internal linking, helping search engines crawl and index your website's pages more effectively.
- Keyword Relevance: Including relevant keywords in the footer can positively impact your website's SEO, as search engines take into account footer content when ranking pages.
User Engagement:
- Connect Card or Plan a Visit: Many church websites feature a Connect Card, or Plan a Visit Flow in the footer, encouraging visitors to connect with your church life.
- Social Media Links: Including links to your social media profiles in the footer can increase engagement and help users connect with your brand on various platforms.
Mobile Responsiveness:
- Responsive Design: A well-designed footer is an essential component of responsive web design, ensuring that your website functions seamlessly on various devices, including smartphones and tablets.
Brand Consistency:
- Branding Elements: The footer is a consistent location to display branding elements, such as logos and brand colors, reinforcing brand identity throughout the website.
In this guide, we'll cover the following topics. Click on any one to jump ahead.
- Turn On/Off Content
- Church Name or Logo
- Body Paragraph
- Actions (CTA's)
- Contact Info
- Legal Text
- Layout & Style
- Custom Navigation for your Footer
- Customizing Page Elements
Turn On/Off Content
To begin designing your Footer head to Web, then Design. Next click Footer in the left hand side.
The first step in customizing your Footer is deciding what content you want to show in your Footer.
To do this, click the Turn On/Off Content button in the top right!
You'll be presented with five different content sections that can be toggled on or off.
We recommend keeping all five on, but you're free to choose what you want 😅
Church Name or Logo
Once you've decided which content you want displayed in your Footer, you'll want to decide whether you want your church name, or logo displayed at the top of the Footer.
We recommend using your logo in your Footer, but if you don’t have a logo or would prefer to showcase just your church’s name instead, simply click Church Name.
Note: We recommend adding the same light and dark logos here as you did in the Header section of Web. For more information, check out our help article on the Header here.
Body Paragraph
Your next customizable section in the Footer will be your body paragraph.
We recommend adding 1-2 sentences here. You'll want to be brief, but impactful. Adding service times and your mission statement can go a long way here! You of course can have fun with it by adding emojis, or by highlighting certain text!
Actions (CTA's)
After completing your Body Paragraph section, you'll want to add any important next steps under the Call to Action section.
Here we recommend adding your 1-3 most important next steps. Whether that be linking to a Page, a Flow, or even your Giving Flow! To Add a new action, click + Add an Action.
Next, you'll be able to select which type of action you want, as well as the button text and button style!
Note: Some of these action types require an additional subscription to other Nucleus products, such as Flows, Prayer and Giving. If you wish to add these products to your current subscription, reach out to Nucleus Support by emailing us at hello@nucleus.church.
Once you're happy with your choices don't forget to click Add New Action!
Contact Info
Adding your contact info to your Footer is key. People look to the Footer for quick access to your physical address, as well as social media links, phone number, and email!
To create your first type of contact, click +Add on the right hand side.
You'll be presented with five different contact types: Email, Phone, Postal Address, Social Media, and Link / URL.
The order of the contact types isn't crucial, but for this guide we'll start with an Email contact type.
Simply add the main contact email for your church, then choose the email type. Choosing General is a great choice here!
You'll then be prompted to add a Name / Label. This is a way to help communicate to a visitor what type of email it is, ie. the Main Office, Lead Pastor, Youth Pastor etc.
Note: The Name / Label is optional, and will only apply if a specific setting is turned on. We'll go over that shortly.
Don't forget to click Add Now once you're happy!
Go through and add all the contact types you wish. We recommend adding an email, phone number, physical address and all social links, like Instagram and Facebook, if your church has those accounts.
After you've added all the contact types, your Footer should somewhat look like this:
You'll notice two sets of horizantal lines. One directly beside the contact type:
And one on the far right of the screen:
The set of horizontal lines directly beside the contact type allows you to reorder the the contacts of a specific type. Have more than one email? You can change the order by clicking and dragging an email up/down. (The same applies to any types of contact info you have multiple items for.)
The set of horizontal lines on the right allows you reorder the different contact types. Want to put your phone number(s) above your email(s)? Simply drag and drop them using the set of horizontal lines on the far right.
Once you've set up your Contact Info, you'll want to click on Customize Display at the top of the section. You'll be presented with two options.
We recommend keeping the Social Icons on as the logos of Instagram, Facebook, etc. are easily recognizable at a quick glance, versus having the name of the platform beside your link.
Remember earlier when you added a Name / Label to your email? Here is where that comes in! You can choose to show those labels or not. By default it'll be set to not show. But of course, you are free to choose whether you want the labels or not!
Legal Text
The legal portion of your website footer serves as a crucial tool for ensuring legal compliance, protecting intellectual property, establishing rules and guidelines, and fostering trust with your visitors. It helps you, the website owner, avoid legal troubles and provides users with important information about their rights and responsibilities while using the site.
Note: While we cannot provide legal advice, we advise you to consult a legal practitioner to ensure you have the appropriate terms of service and privacy policy accessible on your website. Google or even an AI tool like Chat GPT can also be valuable tools to ensure you have everything that is required based of where you live, since churches in different states and countries will have different requirements.
Keeping your footer clean and simple is key here as you don't want to clutter your footer with a bunch of legal jargen. Make use of links and smart data to keep things clean and simple. A good legal section in a footer will look like the following. (Notice the Cookie Policy and Privacy Policy are linked for additional access without cluttering the footer.)
Note: Smart data fields will pull info like, year and church name, from the Church Info section of your Nucleus account. To access that page head to Church Settings -> Church Info. So make sure that info is filled in correctly!
Layout & Style
The last part of the footer that you need to customize is the Color Palette! Now before you say, "Wait! what about choosing a navigation menu to show?" We didn't forget! We'll go over that in the next section.
The four color options you see presented are based off the colors you selected in the Design Tab. If you want more information about colors and the Design Tab you can check out this article here. Choose a color that you feel looks best for your footer!
If you ever want to take a peek at what the footer is looking like as you build, click the Preview button at the top of the page and scroll down to the footer!
Custom Navigation for your Footer
The last step in setting up your footer is to chose whether you want your navigation items to appear in the footer. In more recent website trends, adding yor navigation to the footer has become common place. This gives user a better experience when navigating your website so they don't have to scroll back to the top of your page when trying to go somewhere else.
This is a big topic, and so we've created a whole help document about footer navigation. You can read more that here: Add & Manage Items In Your Footer Navigation.
Customizing Page Elements
On a final note about the footer: You can turn off the footer for an individual page! By default, the footer will be turned on for each page, so if you want to turn off the footer for a specific page, head to that page. Click Customize on the right hand side. Then click, Don't Show, under the Footer.
What Next?
Once you’ve designed your Footer, it’s a great idea to move along to designing your Header, if you haven't done that yet. Not only will the design options feel familiar, your website’s Header is another super important aspect of your website.