Pure Charity Home

Everything you need to know to manage your Pure Charity account

Follow

How do I set the custom header design?

Want your checkout screen to match your style?

Brand your Pure Charity checkout screen with custom links, images, and colors that feel like they've never left your website. Make the user interface seamlessly reflect your style. It's a powerful tool that's easy to use.

Setting your custom header design will change your checkout screens across all features, your field partner dashboard and individual fundraiser dashboard, and apply your logo to your donor's receipt(s).

Follow these steps to set up your custom header design:

Step 1: From your Field Partner dashboard, select "Custom Design" on the left-hand menu. 

Step 2:  Upload your logo, then link your logo to the appropriate web page (Usually, this will be your organization's homepage.)

Step 3: Choose your header background color. Usually, this color is the same color as the color of your logo, but sometimes it's something else. The color values are in hexadecimal.

(Not sure what your hex color values are? From the Google Chrome browser, you can right-click on your webpage and click Inspect. This will bring up a lot of code. If you're not used to seeing this, don't panic. At the top of the menu that opened on the far left-hand side is a small square with an arrow pointing into it, when you hover over this icon, it should say, "Select an element in the page to inspect it." Click this icon, then click on any image or text or background you want to find out the color of. The color will be listed on the bottom right corner of the window that popped up when you clicked Inspect. If you don't see it right away, select the arrow beside the word Color to drop down the menu and see the color values listed there. You'll want to match the header background color to whatever color the menu bar on your website already is. Same with the header text color—go ahead and match it with the text color of your website's menu bar.)

Step 4: Enter any additional buttons with their corresponding web address that you would like to show in the header.  This will create redirects back to other features (i.e. Home, About, Contact Us, etc.). We strongly encourage you to only use one link, because once someone is on a check out screen we don't want them to have a lot of options to click away. We would highly recommend adding a link to your personal help desk so that if donors have questions about their gift, they can easily be connected to your organization.


Step 5: Choose the color of body text, background, and submit button. On a best practice note, the color of the submit button matches the color of the header background. Use the color inspection tools to match the text and background color to the text and background color on your current website.

If you have any additional questions, please let us know!

Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request

Comments

Powered by Zendesk