You can add navigation bars to your donation page to make it easier for donors to find information and take action. A navigation bar can link to different sections of your donation page or direct donors to external websites.
You can also enable a Help Navigation Bar, which gives donors quick access to common actions directly on the donation page such as resending their original confirmation email, logging into the Donor Account Center, and more.
Pro Tip: This article walks through how to add a navigation bar and help navigation bar to your header.
Click here to learn how to design and customize your GivingFuel header with a logo or image.
Jump To...
Enable and Customize a Navigation Bar on Your Donation Page
In GivingFuel, you can use the navigation bar to add anchor links to your page. These links allow donors to jump to specific sections of your donation page or navigate to an external website.
From the Pages screen, click the pencil icon on the page you want to edit
On the top of the page, click the pencil button on your header
Scroll down to the Navigation section
Toggle on Show Navigation
Customize the style for your navigation bar links
Font Size: Select the font size for your links
Heading Color: Customize the navigation bar link color by clicking the color block circle and selecting the desired color, or manually adding a color hex you would like
Bold/Italic/Underline: Select if you would like the navigation bar links to be bolded, italicized, or underlined
Background Color: Customize the background color for your navigation bar by clicking the color block circle and selecting the desired color, or manually adding a color hex you would like. If you use the color block circle to adjust the color, make the color more or less opaque by adjusting the opacity slider next to the color slider
Click Add Link to add a new link, or customize the links already on your navigation bar
In the text field, customize the text that donors select to go to the new section of your page
In the dropdown, select the section of your page where you want to direct donors when they click the link. Click "External Link" if you want to lead donors to an external website, and enter the website URL
Click Done
Click Save Now in the upper-right corner of your page to save your changes. Click Publish to publish these changes to your live page
Enable and Customize the Help Navigation Bar
In GivingFuel, you can enable a Help Navigation Bar on your giving page to give donors quick access to common self-service actions. This bar empowers donors to manage their own experience without needing to contact support, helping reduce questions while improving convenience.
Using the Help Navigation Bar, donors can resend their original confirmation email, log in to the Donor Account Center, and find out how to contact you directly from your donation page.
From the Pages screen, click the pencil icon on the page you want to edit
On the top of the page, click the pencil button on your header
Scroll down to the Help Navigation section
Toggle on Show Help Navigation
Customize the link color and background color
Link Color: Use the left-hand side field to update the link color. Customize this color by clicking the color block circle and selecting the desired color, or manually adding a color hex you would like
Background Color: Use the right-hand side field to update the background color. Customize this color by clicking the color block circle and selecting the desired color, or manually adding a color hex you would like. If you use the color block circle to adjust the color, make the color more or less opaque by adjusting the opacity slider next to the color slider
Select any options you want to offer on your help navigation bar
Resend Confirmation: Select Show the resend confirmation link to allow donors to enter their email address and automatically resend their confirmation email
Login: Select Show the login link to add a direct link to the Donor Account Center on your donation page. Click here to learn more about the Donor Account Center
Contact: Select Show link to contact info to display a text field where you can provide instructions on how donors should contact you
Click Done
Click Save Now in the upper-right corner of your page to save your changes. Click Publish to publish these changes to your live page
Donor Experience
When enabled, the navigation bar allows donors to quickly jump to specific sections of your donation page or to external links. The help navigation bar displays the options you’ve selected, giving donors easy access to actions like resending their confirmation email, logging into the Donor Account Center, and more.
FAQs
Can I link directly to the footer of my donation page from the navigation bar?
Can I link directly to the footer of my donation page from the navigation bar?
No, you cannot link directly to the footer of your donation page. In GivingFuel, navigation bar links can only point to sections in the header or donation section. You cannot link to the billing section or the footer.