At GivingFuel, our donation pages feature a customizable header that allows you to create a unique and welcoming experience for your donors. The navigation bar is designed to enhance this experience by providing easy access to important sections of your donation page.
With the help navigation bar, donors can effortlessly resend their original confirmation link, log in to the Donor Account Center, auto-fill their billing information, and find your organization's contact details. This streamlined approach ensures that donors have all the resources they need at their fingertips, making the giving process smooth and efficient.
Jump To...
Add a Logo and Customize Your Header
Customize the logo and a header image to the top of your donation page.
From the Pages screen, click the pencil icon on the page you want to edit
Click the Header at the very top of your page
Toggle on Show Header
Type: Select whether you would like to add a Logo, Header Image, HTML, or Embed
Note: We only recommend using the HTML and Embed types if you have the specialized knowledge to set these options up.
Logo Image
Image: Select Choose Image to upload your logo. Choose an image that has already been uploaded, or choose a file from your computer
Logo Alignment: Choose where you would like the logo to align in your header
Height: Adjust the height of your logo
Background Type: Select if you would like the background behind the logo to display a color, image, or transparent background
Header Bar
When Make Header Full Width is checked, the header will extend to the full width of the donation page
When Make Header Sticky is checked, the header will continue to remain at the top when donors scroll through your page
Header Image Options
Image: Select Choose Image to upload your header image. Choose an image that has already been uploaded, or choose a file from your computer
Background Color: Click the color circle and select the desired color, or manually add a color hex you would like. Make the color more or less opaque by adjusting the opacity slider under the color slider
Header Bar
When Make Header Full Width is checked, the header will extend to the full width of the donation page
When Make Header Sticky is checked, the header will continue to remain at the top when donors scroll through your page
Add Anchor Links to Different Sections of Your Page
Use the navigation bar to add anchor links that direct donors to a specific section of your donation page.
From the Pages screen, click the pencil icon on the page you want to edit
Click the Header at the very top of your page
Toggle on Show Navigation
Customize the Font Size, Font Color, and Styling (bold, italics, and underlining) as desired
Click Add Link to add a navigation link
Enter the link text you want to display in the text field on the left
Select the section of your page where you want to link in the dropdown field on the right
Click the trash can icon to delete a navigation link, if needed
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
Allow Donors to Resend their Confirmation Email, Log into the Donor Account Center, and See Your Organization's Contact Information
Use the help navigation bar to allow your donors to resend their original confirmation link, log in to the Donor Account Center, auto-fill their billing information, and view your organization's contact information.
From the Pages screen, click the pencil icon on the page you want to edit
Click the Header at the very top of your page
Toggle on Show Help Navigation
Customize your help navigation bar
Link and Background Colors: customize the link and background colors on your help navigation bar by clicking the color circle and selecting the desired color, or manually adding a color hex you would like
Resend Confirmation: This checkbox gives donors the option to resend the original confirmation email
Login: This checkbox gives donors the option to login to auto-fill information on the donation page, or go to the Account Center to view their donation history and manage any recurring donations
Allow Customer to Use Saved Billing Information at Checkout: this allows donors who are logged in to use their saved billing information when they give
Contact: This checkbox allows users to add contact information for your organization in case donors want to 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
FAQs
Why do I see a 0 on my header?
Why do I see a 0 on my header?
The system will display a 0 in the header section if the Navigation Bar is turned on, but no links are added to the section. We recommend either turning off the navigation bar, or adding a link to remove the 0 from the page. Here is how to do so.
From the Pages screen, click the pencil icon on the page you want to edit
Click the Header at the very top of your page
Scroll to the Navigation section
Either turn off the navigation bar, or add at least 1 link to the section
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
Why do I see "Use a previously saved card" in the billing section on my page?
Why do I see "Use a previously saved card" in the billing section on my page?
The "Use a previously saved card" checkbox is an available option in the Help Navigation Bar. To remove this checkbox from the page, we recommend toggling off this option in the header. Here is how to do so.
From the Pages screen, click the pencil icon on the page you want to edit
Click the Header at the very top of your page
Scroll to the Help Navigation section
Select the Show the login link checkbox (if this option isn't currently selected)
Deselect the Allow customer to use saved billing information checkbox
If desired, you can unselect the Show the login link checkbox
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
