{"id":59311,"date":"2026-08-06T17:02:11","date_gmt":"2026-08-06T21:02:11","guid":{"rendered":"https:\/\/www.canadahelps.org\/?p=59311"},"modified":"2026-08-07T10:59:12","modified_gmt":"2026-08-07T14:59:12","slug":"how-to-design-a-charity-website-that-finds-and-converts-donors","status":"publish","type":"post","link":"https:\/\/www.canadahelps.org\/en\/charity-life\/digital-marketing\/how-to-design-a-charity-website-that-finds-and-converts-donors\/","title":{"rendered":"How to Design a Charity Website That Finds and Converts Donors"},"content":{"rendered":"<p><b>There\u2019s no way around it: all charities need a website that helps source new traffic and converts these same visitors into loyal and returning donors.\u00a0<\/b><\/p>\n<p><span style=\"font-weight: 400;\">This article guides charities through the various digital puzzle pieces that fit together to create an engaging visitor experience on your website \u2013 one that harnesses UI\/UX best practices to drive conversions.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">As your organization builds out more of your website and webpage architecture, these tips and tricks will teach you how to construct an optimized and frictionless donation page \u2013 also known as a \u2018Ways to Give\u2019 page.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Small changes, from anchoring your donate button in the top-right corner, to simply offering multiple giving options, can impact on your conversion rates and grow your overall fundraising revenue \u2013 ready to learn more? Let\u2019s dig in.<\/span><\/p>\n<p><span data-sheets-root=\"1\">    <div>\n      <div style=\"height:12px; position: relative; border-top-right-radius: 12px;border-top-left-radius: 12px;\" class=\"gradient-tertiary\"><\/div>\n      <div style=\"height: auto; padding-top:20px; display:flex; align-items: center; justify-content: center;\" class=\"ch-gray-section\">\n        <div id=\"left\" style=\"width:50%; margin-left:30px\">\n            <h3 class=\"header-secondary\">Get Expert Insights on Fundraising<\/h3>\n            <p>Download our guidebook for actionable strategies and fundraising insights.<\/p>\n            <p><a class=\"btn btn-primary\" href=\"https:\/\/www.canadahelps.org\/en\/forcharities\/resources\/guides-and-toolkits\/website-ux\/?click_id=Ebook1\" id=\"Ebook1\">Download Now<\/a><\/p>\n        <\/div>\n        <div id=\"right\" style=\"width:50%; display:flex; flex-direction:column; align-items: center; justify-content: center; padding:0px\"><div style=\"flex:1; height:100px\"><\/div><p style=\"margin:0\"><img decoding=\"async\" src=\"image URL here\" style=\"width:100%\"><\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n    <\/span><\/p>\n<h2>Tips for Charities With a Landing Page Only<\/h2>\n<p><span style=\"font-weight: 400;\">If your organization operates with a landing page as your only website architecture, these best practices still apply towards optimizing your digital experience, communicating professionalism, and making taking action \u2014 such as donating or volunteering \u2014 easy and smooth.<\/span><\/p>\n<p><a href=\"https:\/\/www.canadahelps.org\/media\/Life_Centre_Foodbank.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-59353\" src=\"https:\/\/www.canadahelps.org\/media\/Life_Centre_Foodbank-1024x635.png\" alt=\"\" width=\"1024\" height=\"635\" srcset=\"https:\/\/www.canadahelps.org\/media\/Life_Centre_Foodbank-1024x635.png 1024w, https:\/\/www.canadahelps.org\/media\/Life_Centre_Foodbank-300x186.png 300w, https:\/\/www.canadahelps.org\/media\/Life_Centre_Foodbank-768x476.png 768w, https:\/\/www.canadahelps.org\/media\/Life_Centre_Foodbank-1536x953.png 1536w, https:\/\/www.canadahelps.org\/media\/Life_Centre_Foodbank.png 1593w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p><i><span style=\"font-weight: 400;\">Check out Lifecentre Food Bank \u2013 a robust example of a charity operating with a landing page as a website.<\/span><\/i><\/p>\n<h2>What Drives Online Engagement?<\/h2>\n<p><span style=\"font-weight: 400;\">One of the key characteristics of an engaging charity website is that it should be easy for donors to make a donation from any point within your website architecture.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Best practices are that visitors should never be more than 2-3 clicks away from your giving portal \u2013 also known as your \u2018Ways to Give Page\u2019. To achieve this, install an anchored navigation bar with a donate button in the top right-hand corner.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">This website structure makes donating accessible from each of your webpages, and maintains fundraising access as users scroll down.<\/span><\/p>\n<p><a href=\"https:\/\/www.canadahelps.org\/media\/Screenshot-2026-04-24-125859.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-59357\" src=\"https:\/\/www.canadahelps.org\/media\/Screenshot-2026-04-24-125859-1024x394.png\" alt=\"\" width=\"1024\" height=\"394\" srcset=\"https:\/\/www.canadahelps.org\/media\/Screenshot-2026-04-24-125859-1024x394.png 1024w, https:\/\/www.canadahelps.org\/media\/Screenshot-2026-04-24-125859-300x115.png 300w, https:\/\/www.canadahelps.org\/media\/Screenshot-2026-04-24-125859-768x295.png 768w, https:\/\/www.canadahelps.org\/media\/Screenshot-2026-04-24-125859-1536x591.png 1536w, https:\/\/www.canadahelps.org\/media\/Screenshot-2026-04-24-125859.png 1898w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<p><i><span style=\"font-weight: 400;\">See Sistering\u2019s accessible navigation bar and donate button.<\/span><\/i><\/p>\n<h2>Text &amp; Copy Website Checklist:<\/h2>\n<p><strong>Is the text and copy on your website?<\/strong><\/p>\n<ul class=\"list-disc\">\n<li><span style=\"font-weight: 400;\">Clear<\/span><\/li>\n<li><span style=\"font-weight: 400;\">Easy to understand<\/span><\/li>\n<li><span style=\"font-weight: 400;\">Scannable<\/span><\/li>\n<li><span style=\"font-weight: 400;\">Icons<\/span><\/li>\n<\/ul>\n<p><strong>Are you using the correct headline and hierarchy structure?<\/strong><\/p>\n<ul class=\"list-disc\">\n<li><span style=\"font-weight: 400;\">One H1 heading per page<\/span><\/li>\n<li><span style=\"font-weight: 400;\">H2\/H3 subheadings<\/span><\/li>\n<li><span style=\"font-weight: 400;\">Bulleted lists<\/span><\/li>\n<\/ul>\n<h2>Website Navigation Checklist:<\/h2>\n<p><strong>Seamless user flow<\/strong><\/p>\n<ul class=\"list-disc\">\n<li><span style=\"font-weight: 400;\">Is there a maze of links or click-throughs?<\/span><\/li>\n<li><span style=\"font-weight: 400;\">Is the user \u2018working hard\u2019 to find pages or components?<\/span><\/li>\n<\/ul>\n<p><strong>Fast loading speeds<\/strong><\/p>\n<p><strong>Call-to-Actions (CTA)<\/strong><\/p>\n<ul class=\"list-disc\">\n<li><span style=\"font-weight: 400;\">Are they prominently placed?<\/span><\/li>\n<li><span style=\"font-weight: 400;\">Is there one on each page?<\/span><\/li>\n<\/ul>\n<p><strong>Responsive design (adapts to different screen sizes)<\/strong><\/p>\n<ul class=\"list-disc\">\n<li><span style=\"font-weight: 400;\">Desktop<\/span><\/li>\n<li><span style=\"font-weight: 400;\">Mobile (in today\u2019s climate, mobile accounts for close to 50% of all website traffic and cannot be ignored)<\/span><\/li>\n<\/ul>\n<h2>Design Element Checklist<\/h2>\n<p><span style=\"font-weight: 400;\">Websites require a consistent \u2018look and feel\u2019. You create this \u2018vibe\u2019 by aligning the following brand elements. Run through this checklist, and ensure these brand elements are applied consistently throughout your site:<\/span><\/p>\n<ul class=\"list-disc\">\n<li><span style=\"font-weight: 400;\">Logos and symbols<\/span><\/li>\n<li><span style=\"font-weight: 400;\">Colour scheme<\/span><\/li>\n<li><span style=\"font-weight: 400;\">Typography and fonts<\/span><\/li>\n<li><span style=\"font-weight: 400;\">Graphic or visual illustration style<\/span><\/li>\n<li><span style=\"font-weight: 400;\">Images and\/or photography style (if relevant)<\/span><\/li>\n<li><span style=\"font-weight: 400;\">Personality and voice<\/span><\/li>\n<\/ul>\n<h2>Webpage Search Engine Optimization<\/h2>\n<p><span style=\"font-weight: 400;\">The items in this checklist allow you to optimize your website for search engines, maximizing the amount of organic traffic you bring in.\u00a0<\/span><\/p>\n<h3>Website Search Engine Optimization (SEO) Checklist:<\/h3>\n<ul class=\"list-disc\">\n<li><span style=\"font-weight: 400;\">Headlines feature key words to boost visibility and relevance<\/span><\/li>\n<li><span style=\"font-weight: 400;\">Internal backlinks to connect readers to other places on your site<\/span><\/li>\n<li><span style=\"font-weight: 400;\">Broken and\/or dead links are removed<\/span><\/li>\n<li><span style=\"font-weight: 400;\">\u201cLast edited\u201d timestamps are updated to show your content is regularly maintained<\/span><\/li>\n<\/ul>\n<h3>Structure Your Website Keywords Around Four Themes:<\/h3>\n<p><strong>Your mission and goals\u00a0<\/strong><\/p>\n<ul class=\"list-disc\">\n<li><span style=\"font-weight: 400;\">\u2018Food bank\u2019, \u2018women\u2019s shelter\u2019, \u2018local theatre\u2019<\/span><\/li>\n<\/ul>\n<p><strong>Your audiences<\/strong><\/p>\n<ul class=\"list-disc\">\n<li><span style=\"font-weight: 400;\">Touch on different streams and intentions<\/span><\/li>\n<li><span style=\"font-weight: 400;\">Donors, first-time visitors, volunteers, corporate partners, media<\/span><\/li>\n<\/ul>\n<p><strong>Your location or region<\/strong><\/p>\n<ul class=\"list-disc\">\n<li><span style=\"font-weight: 400;\">Most searches are location-based<\/span><\/li>\n<li><span style=\"font-weight: 400;\">\u2018Food drives Toronto\u2019, \u2018where to donate clothes in Ottawa\u2019 or \u2018community garden organizations Calgary\u2019<\/span><\/li>\n<\/ul>\n<p><strong>Topic-related questions focused on what charities do\/who they serve<\/strong><\/p>\n<ul class=\"list-disc\">\n<li><span style=\"font-weight: 400;\">Search your charity\u2019s name or cause on Google, scroll down to the \u2018people also ask\u2019 section and see which questions appear.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Combinations of these four themes comprise the most common search terms for your cause. Integrate popular keyword terms into your website copy, especially on important real estate like headlines. This optimizes your website for search engines, helping your organization get seen and acquire new traffic.<\/span><\/p>\n<div style=\"border-left: 4px solid #2271b1; padding: 15px 20px; margin: 20px 0; background-color: #eef6fc;\">\n<p style=\"margin: 0;\"><em><span style=\"font-weight: 400;\"><strong>Pro tip:<\/strong> search your charity\u2019s name or cause on Google, scroll down to the \u2018people also ask\u2019 section and see which questions come up.<\/span><\/em><\/p>\n<\/div>\n<h2>How to Leverage Your Website to Fundraise<\/h2>\n<p><span style=\"font-weight: 400;\">Online fundraising campaigns can be \u2018made or broken\u2019 simply by the design of your donation page \u2014 also known as your \u2018ways to give\u2019 page. In this chapter, we walk through easy optimization techniques to maximize the fundraising page of your website. Implementing these practices increase the chance that donors and first-time visitors will give to your cause.<\/span><\/p>\n<h2>How to Structure Your Ways to Give Page<\/h2>\n<p><span style=\"font-weight: 400;\">Your \u2018Ways to Give\u2019 page is the central fundraising hub on your website. This page should feature multiple options for giving to your charity. This way, donors can make a donation through the pathway of their choice, including non-monetary forms of giving to increase inclusivity.\u00a0<\/span><\/p>\n<h3>Offer Donors the Following Giving Options:<\/h3>\n<p><strong>One-time donations<\/strong><\/p>\n<ul class=\"list-disc\">\n<li><span style=\"font-weight: 400;\">For best results, use pre-set giving amounts ($50, $100, $150 etc)<\/span><\/li>\n<li><span style=\"font-weight: 400;\">Turn on the preset option for donors to cover the cost of the transaction fee<\/span><\/li>\n<\/ul>\n<p><strong>Monthly donations<\/strong><\/p>\n<ul class=\"list-disc\">\n<li style=\"list-style-type: none;\">\n<ul class=\"list-disc\">\n<li><span style=\"font-weight: 400;\">Set monthly giving on your donation form as the default giving method<\/span><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<ul class=\"list-disc\">\n<li><span style=\"font-weight: 400;\">Monthly giving provides charities with more predictable revenue streams, helping plan and budget in the long term<\/span><\/li>\n<\/ul>\n<p><strong>Tribute gifts<\/strong><\/p>\n<p><strong>Securities gifting<\/strong><\/p>\n<p><strong>In kind donations<\/strong><\/p>\n<p><a href=\"https:\/\/www.canadahelps.org\/media\/dogtales.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-59371\" src=\"https:\/\/www.canadahelps.org\/media\/dogtales-1024x472.png\" alt=\"\" width=\"1024\" height=\"472\" srcset=\"https:\/\/www.canadahelps.org\/media\/dogtales-1024x472.png 1024w, https:\/\/www.canadahelps.org\/media\/dogtales-300x138.png 300w, https:\/\/www.canadahelps.org\/media\/dogtales-768x354.png 768w, https:\/\/www.canadahelps.org\/media\/dogtales-1536x709.png 1536w, https:\/\/www.canadahelps.org\/media\/dogtales.png 1888w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<p><i><span style=\"font-weight: 400;\">Example of a robust \u2018ways to give\u2019 page from <a href=\"https:\/\/www.dogtalesfoundation.com\/donate\">Dog Tales Foundation<\/a><\/span><\/i><\/p>\n<h3>Offer Donors Embedded Giving<\/h3>\n<p><span style=\"font-weight: 400;\">Best practices for fundraising instruct charities to offer donors \u2018Embedded Giving\u2019 \u2013 also known as a way to make donations without leaving your ways to give page. By embedding your CanadaHelps donation form directly within your donation page, you create a seamless giving flow for donors.<\/span><\/p>\n<div style=\"border-left: 4px solid #2271b1; padding: 15px 20px; margin: 20px 0; background-color: #eef6fc;\">\n<p style=\"margin: 0;\"><em><span style=\"font-weight: 400;\"><strong>Pro tip:<\/strong> offering embedded giving can increase your conversion rate. Each time donors have to navigate away from the page they are on, in order to make a donation, it adds unnecessary friction to their transaction flow, which increases your abandoned cart rate.\u00a0<\/span><\/em><\/p>\n<\/div>\n<p><span style=\"font-weight: 400;\">Think of each additional step in your checkout process as a \u2018friction point\u2019 where donors have the potential to get distracted, and fail to complete their transaction. By offering a single-page donation process, embedded giving increases your conversion rate and lowers the likelihood that the donor will abandon their cart during the transaction.<\/span><\/p>\n<p><b>Embedded giving makes donating seamless \u2013 best practices recommend that charities do not<\/b><span style=\"font-weight: 400;\">:\u00a0<\/span><\/p>\n<ul class=\"list-disc\">\n<li><span style=\"font-weight: 400;\">House donation forms on a third-party site<\/span><\/li>\n<li><span style=\"font-weight: 400;\">Use an external link<\/span><\/li>\n<li><span style=\"font-weight: 400;\">Instruct donors to give through bank transfer and\/or Interac eTransfer<\/span><\/li>\n<li><span style=\"font-weight: 400;\">Require donors to download a form<\/span><\/li>\n<li><span style=\"font-weight: 400;\">Offer only methods for in-person\/mail-in donations<\/span><\/li>\n<\/ul>\n<h3>Ways to Give Page Optimization Checklist:<\/h3>\n<ul class=\"list-disc\">\n<li style=\"font-weight: 400;\" aria-checked=\"false\" aria-level=\"1\"><strong>Uses action-oriented language<\/strong><\/li>\n<li style=\"font-weight: 400;\" aria-checked=\"false\" aria-level=\"1\"><strong>Features prominent Calls-To-Actions (CTAs)<\/strong><\/li>\n<li style=\"font-weight: 400;\" aria-checked=\"false\" aria-level=\"1\"><strong>Offers multiple streams of giving<\/strong>\n<ul class=\"list-disc\">\n<li style=\"font-weight: 400;\" aria-checked=\"false\" aria-level=\"2\"><span style=\"font-weight: 400;\">One-time<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-checked=\"false\" aria-level=\"2\"><span style=\"font-weight: 400;\">Monthly<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-checked=\"false\" aria-level=\"2\"><span style=\"font-weight: 400;\">Securities and mutual fund donations<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-checked=\"false\" aria-level=\"2\"><span style=\"font-weight: 400;\">Non-monetary ways to give (volunteering, in-kind donations, etc)<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-checked=\"false\" aria-level=\"2\"><span style=\"font-weight: 400;\">Address and mail information for direct-mail donations<\/span><\/li>\n<\/ul>\n<\/li>\n<li style=\"font-weight: 400;\" aria-checked=\"false\" aria-level=\"1\"><strong>Features a donation hierarchy<\/strong>\n<ul class=\"list-disc\">\n<li style=\"font-weight: 400;\" aria-checked=\"false\" aria-level=\"2\"><span style=\"font-weight: 400;\">Preferred modes of giving are placed first, and higher up, on the page<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-checked=\"false\" aria-level=\"2\"><span style=\"font-weight: 400;\">Expensive and\/or slow modes of giving (Interac e-transfer, direct mail, etc.) are placed last, and in lower spots on the page.<\/span><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<div style=\"border-left: 4px solid #2271b1; padding: 15px 20px; margin: 20px 0; background-color: #eef6fc;\">\n<p style=\"margin: 0;\"><i><span style=\"font-weight: 400;\"><strong>Pro tip:<\/strong> once you optimize your Ways to Give page, here is a checklist of guidelines you can return to periodically to assess your donation page.\u00a0<\/span><\/i><\/p>\n<\/div>\n<h2>Maximize Fundraising with CanadaHelps Donation Forms<\/h2>\n<p><span style=\"font-weight: 400;\">CanadaHelps charities can set up an unlimited number of donation forms. Each form is designed in a matter of minutes and the setup does not require complex technical knowledge, coding, or design skills.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Offering donors multiple forms gives charities the ability to tailor donation forms to specific campaigns, and prioritize many types of forms that cater to different audiences.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Most importantly, charities with 2+ active donation forms earn 2.5x more annual revenue than charities using a single donation form.<\/span><\/p>\n<h3>Donation Form Placement Checklist:<\/h3>\n<ul class=\"list-disc\">\n<li><span style=\"font-weight: 400;\">Place near the top of your donation page<\/span><\/li>\n<li><span style=\"font-weight: 400;\">Traffic does not have to scroll down the page to find the form<\/span><\/li>\n<li><span style=\"font-weight: 400;\">Offer multiple donation form types<\/span><\/li>\n<\/ul>\n<h3>Apply Custom Branding<\/h3>\n<p><span style=\"font-weight: 400;\">Donors are more likely to give to your cause when you apply the unique brand elements of your charity onto your CanadaHelps donation form. Match your donation form to your website\u2019s aesthetic or brand guidelines \u2014 to align with the consistency design principle.<\/span><\/p>\n<h3>Donation Form Customization Checklist:<\/h3>\n<ul class=\"list-disc\">\n<li style=\"font-weight: 400;\" aria-checked=\"false\" aria-level=\"1\"><span style=\"font-weight: 400;\">Upload your organization\u2019s unique logo<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-checked=\"false\" aria-level=\"1\"><span style=\"font-weight: 400;\">Input your brand colour palette<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-checked=\"false\" aria-level=\"1\"><span style=\"font-weight: 400;\">Personalize your thank-you message<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-checked=\"false\" aria-level=\"1\"><span style=\"font-weight: 400;\">Turn on \u2018cover the fees\u2019<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-checked=\"false\" aria-level=\"1\"><span style=\"font-weight: 400;\">Turn on smart sums<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-checked=\"false\" aria-level=\"1\"><span style=\"font-weight: 400;\">Prompt donors to convert their one-time donation into a monthly donation<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-checked=\"false\" aria-level=\"1\"><span style=\"font-weight: 400;\">Create multiple active donation forms<\/span>\n<ul class=\"list-disc\">\n<li style=\"font-weight: 400;\" aria-checked=\"false\" aria-level=\"2\"><span style=\"font-weight: 400;\">Have you made a Securities form?<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-checked=\"false\" aria-level=\"2\"><span style=\"font-weight: 400;\">Have you created a multi-step form?<\/span><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p><a href=\"https:\/\/www.canadahelps.org\/media\/Art_City_Kids_CDF_Securities.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-59363\" src=\"https:\/\/www.canadahelps.org\/media\/Art_City_Kids_CDF_Securities-1024x549.png\" alt=\"\" width=\"1024\" height=\"549\" srcset=\"https:\/\/www.canadahelps.org\/media\/Art_City_Kids_CDF_Securities-1024x549.png 1024w, https:\/\/www.canadahelps.org\/media\/Art_City_Kids_CDF_Securities-300x161.png 300w, https:\/\/www.canadahelps.org\/media\/Art_City_Kids_CDF_Securities-768x411.png 768w, https:\/\/www.canadahelps.org\/media\/Art_City_Kids_CDF_Securities-1536x823.png 1536w, https:\/\/www.canadahelps.org\/media\/Art_City_Kids_CDF_Securities.png 1816w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<p><em>Canadahelps&#8217; securities donation form on <a href=\"https:\/\/www.canadahelps.org\/en\/dn\/57098\">Art City Kids website<\/a><\/em><\/p>\n<h2>Put these Practices into Action<\/h2>\n<p><span style=\"font-weight: 400;\">Crafting a high-conversion charity website doesn&#8217;t happen by accident \u2013 it&#8217;s the result of many intentional design choices. From writing SEO-optimized copy, to offering donors multiple ways to make a gift, to creating a consistently branded \u2018look and feel\u2019 throughout \u2013 each different piece plays a part in driving engagement and, subsequently, giving.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">As you integrate these web design best practices, remember to test the overall flow of your website architecture regularly to ensure that it functions smoothly and contains no broken or dead links.<\/span><\/p>\n<p><b>Ready to learn more about website design best practices? <\/b><span style=\"font-weight: 400;\">Download Canadahelps free ebook for a complete, step-by-step guide to optimizing your charity website \u2013 it\u2019s packed with strategic advice, user-friendly checklists, and real-world examples to help you get started.<\/span><\/p>\n<p><span data-sheets-root=\"1\">    <div>\n        <div style=\"height:12px; position: relative; border-top-right-radius: 12px;border-top-left-radius: 12px;\" class=\"gradient gradient-senary\"><\/div>\n        <div style=\"height: auto; padding:40px 20px; text-align: center\" class=\"ch-gray-section\">\n            <h3 class=\"header-secondary\">Looking to Level Up Your Fundraising Strategy?<\/h3>\n            <p style=\"margin:0px 50px 30px 50px\">Access our practical guidebook: Foundations Of Website Design For Charities.<\/p>\n            <div>\n                <a class=\"btn btn-primary\" href=\"https:\/\/www.canadahelps.org\/en\/forcharities\/resources\/guides-and-toolkits\/website-ux\/?click_id=Ebook2\" id=\"Ebook2\">Get Your Free Guide<\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n    <\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>There\u2019s no way around it: all charities need a website that helps source new traffic and converts these same visitors into loyal and returning donors.\u00a0 &#8230; <a href=\"https:\/\/www.canadahelps.org\/en\/charity-life\/digital-marketing\/how-to-design-a-charity-website-that-finds-and-converts-donors\/\" id=\"canadahelp-blog-meta\">Read more<\/a><\/p>\n","protected":false},"author":90,"featured_media":59377,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1105],"tags":[],"class_list":["post-59311","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-digital-marketing"],"acf":{"meta_description":"","author_bio":false,"date_to_display":true,"hide_page_title":false},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.0 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Design a Charity Website That Finds and Converts Donors | CanadaHelps - Donate to any charity in Canada<\/title>\n<meta name=\"description\" content=\"As your organization builds out more of your website architecture, these tips and tricks teach you how to construct an optimized donation page \u2013 also known as a \u2018Ways to Give\u2019 page.\u00a0\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.canadahelps.org\/en\/charity-life\/digital-marketing\/how-to-design-a-charity-website-that-finds-and-converts-donors\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Design a Charity Website That Finds and Converts Donors | CanadaHelps - Donate to any charity in Canada\" \/>\n<meta property=\"og:description\" content=\"As your organization builds out more of your website architecture, these tips and tricks teach you how to construct an optimized donation page \u2013 also known as a \u2018Ways to Give\u2019 page.\u00a0\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.canadahelps.org\/en\/charity-life\/digital-marketing\/how-to-design-a-charity-website-that-finds-and-converts-donors\/\" \/>\n<meta property=\"og:site_name\" content=\"CanadaHelps - Donate to any charity in Canada\" \/>\n<meta property=\"article:published_time\" content=\"2026-08-06T21:02:11+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-07T14:59:12+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.canadahelps.org\/media\/Blogs-Header-54.png\" \/>\n\t<meta property=\"og:image:width\" content=\"600\" \/>\n\t<meta property=\"og:image:height\" content=\"300\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Sadie Stephens\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Sadie Stephens\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.canadahelps.org\/en\/charity-life\/digital-marketing\/how-to-design-a-charity-website-that-finds-and-converts-donors\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.canadahelps.org\/en\/charity-life\/digital-marketing\/how-to-design-a-charity-website-that-finds-and-converts-donors\/\"},\"author\":{\"name\":\"Sadie Stephens\",\"@id\":\"https:\/\/www.canadahelps.org\/en\/#\/schema\/person\/9bc3dbea0ee87e1b825ce92df38fade2\"},\"headline\":\"How to Design a Charity Website That Finds and Converts Donors\",\"datePublished\":\"2026-08-06T21:02:11+00:00\",\"dateModified\":\"2026-08-07T14:59:12+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.canadahelps.org\/en\/charity-life\/digital-marketing\/how-to-design-a-charity-website-that-finds-and-converts-donors\/\"},\"wordCount\":1622,\"publisher\":{\"@id\":\"https:\/\/www.canadahelps.org\/en\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.canadahelps.org\/en\/charity-life\/digital-marketing\/how-to-design-a-charity-website-that-finds-and-converts-donors\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.canadahelps.org\/media\/Blogs-Header-54.png\",\"articleSection\":[\"Digital Marketing\"],\"inLanguage\":\"en\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.canadahelps.org\/en\/charity-life\/digital-marketing\/how-to-design-a-charity-website-that-finds-and-converts-donors\/\",\"url\":\"https:\/\/www.canadahelps.org\/en\/charity-life\/digital-marketing\/how-to-design-a-charity-website-that-finds-and-converts-donors\/\",\"name\":\"How to Design a Charity Website That Finds and Converts Donors | CanadaHelps - Donate to any charity in Canada\",\"isPartOf\":{\"@id\":\"https:\/\/www.canadahelps.org\/en\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.canadahelps.org\/en\/charity-life\/digital-marketing\/how-to-design-a-charity-website-that-finds-and-converts-donors\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.canadahelps.org\/en\/charity-life\/digital-marketing\/how-to-design-a-charity-website-that-finds-and-converts-donors\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.canadahelps.org\/media\/Blogs-Header-54.png\",\"datePublished\":\"2026-08-06T21:02:11+00:00\",\"dateModified\":\"2026-08-07T14:59:12+00:00\",\"description\":\"As your organization builds out more of your website architecture, these tips and tricks teach you how to construct an optimized donation page \u2013 also known as a \u2018Ways to Give\u2019 page.\u00a0\",\"breadcrumb\":{\"@id\":\"https:\/\/www.canadahelps.org\/en\/charity-life\/digital-marketing\/how-to-design-a-charity-website-that-finds-and-converts-donors\/#breadcrumb\"},\"inLanguage\":\"en\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.canadahelps.org\/en\/charity-life\/digital-marketing\/how-to-design-a-charity-website-that-finds-and-converts-donors\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en\",\"@id\":\"https:\/\/www.canadahelps.org\/en\/charity-life\/digital-marketing\/how-to-design-a-charity-website-that-finds-and-converts-donors\/#primaryimage\",\"url\":\"https:\/\/www.canadahelps.org\/media\/Blogs-Header-54.png\",\"contentUrl\":\"https:\/\/www.canadahelps.org\/media\/Blogs-Header-54.png\",\"width\":600,\"height\":300},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.canadahelps.org\/en\/charity-life\/digital-marketing\/how-to-design-a-charity-website-that-finds-and-converts-donors\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.canadahelps.org\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Design a Charity Website That Finds and Converts Donors\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.canadahelps.org\/en\/#website\",\"url\":\"https:\/\/www.canadahelps.org\/en\/\",\"name\":\"CanadaHelps - Donate to any charity in Canada\",\"description\":\"Giving Made Simple\",\"publisher\":{\"@id\":\"https:\/\/www.canadahelps.org\/en\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.canadahelps.org\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.canadahelps.org\/en\/#organization\",\"name\":\"CanadaHelps\",\"url\":\"https:\/\/www.canadahelps.org\/en\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en\",\"@id\":\"https:\/\/www.canadahelps.org\/en\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.canadahelps.org\/media\/canadahelps-en.jpg\",\"contentUrl\":\"https:\/\/www.canadahelps.org\/media\/canadahelps-en.jpg\",\"width\":131,\"height\":72,\"caption\":\"CanadaHelps\"},\"image\":{\"@id\":\"https:\/\/www.canadahelps.org\/en\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.canadahelps.org\/en\/#\/schema\/person\/9bc3dbea0ee87e1b825ce92df38fade2\",\"name\":\"Sadie Stephens\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en\",\"@id\":\"https:\/\/www.canadahelps.org\/en\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/812babbf3ea3df6279cecc48765c6381d9a6e5b1ce7298f6ad236a3c115082d1?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/812babbf3ea3df6279cecc48765c6381d9a6e5b1ce7298f6ad236a3c115082d1?s=96&d=mm&r=g\",\"caption\":\"Sadie Stephens\"},\"url\":\"https:\/\/www.canadahelps.org\/en\/author\/sadies\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Design a Charity Website That Finds and Converts Donors | CanadaHelps - Donate to any charity in Canada","description":"As your organization builds out more of your website architecture, these tips and tricks teach you how to construct an optimized donation page \u2013 also known as a \u2018Ways to Give\u2019 page.\u00a0","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.canadahelps.org\/en\/charity-life\/digital-marketing\/how-to-design-a-charity-website-that-finds-and-converts-donors\/","og_locale":"en_US","og_type":"article","og_title":"How to Design a Charity Website That Finds and Converts Donors | CanadaHelps - Donate to any charity in Canada","og_description":"As your organization builds out more of your website architecture, these tips and tricks teach you how to construct an optimized donation page \u2013 also known as a \u2018Ways to Give\u2019 page.\u00a0","og_url":"https:\/\/www.canadahelps.org\/en\/charity-life\/digital-marketing\/how-to-design-a-charity-website-that-finds-and-converts-donors\/","og_site_name":"CanadaHelps - Donate to any charity in Canada","article_published_time":"2026-08-06T21:02:11+00:00","article_modified_time":"2026-08-07T14:59:12+00:00","og_image":[{"width":600,"height":300,"url":"https:\/\/www.canadahelps.org\/media\/Blogs-Header-54.png","type":"image\/png"}],"author":"Sadie Stephens","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Sadie Stephens","Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.canadahelps.org\/en\/charity-life\/digital-marketing\/how-to-design-a-charity-website-that-finds-and-converts-donors\/#article","isPartOf":{"@id":"https:\/\/www.canadahelps.org\/en\/charity-life\/digital-marketing\/how-to-design-a-charity-website-that-finds-and-converts-donors\/"},"author":{"name":"Sadie Stephens","@id":"https:\/\/www.canadahelps.org\/en\/#\/schema\/person\/9bc3dbea0ee87e1b825ce92df38fade2"},"headline":"How to Design a Charity Website That Finds and Converts Donors","datePublished":"2026-08-06T21:02:11+00:00","dateModified":"2026-08-07T14:59:12+00:00","mainEntityOfPage":{"@id":"https:\/\/www.canadahelps.org\/en\/charity-life\/digital-marketing\/how-to-design-a-charity-website-that-finds-and-converts-donors\/"},"wordCount":1622,"publisher":{"@id":"https:\/\/www.canadahelps.org\/en\/#organization"},"image":{"@id":"https:\/\/www.canadahelps.org\/en\/charity-life\/digital-marketing\/how-to-design-a-charity-website-that-finds-and-converts-donors\/#primaryimage"},"thumbnailUrl":"https:\/\/www.canadahelps.org\/media\/Blogs-Header-54.png","articleSection":["Digital Marketing"],"inLanguage":"en"},{"@type":"WebPage","@id":"https:\/\/www.canadahelps.org\/en\/charity-life\/digital-marketing\/how-to-design-a-charity-website-that-finds-and-converts-donors\/","url":"https:\/\/www.canadahelps.org\/en\/charity-life\/digital-marketing\/how-to-design-a-charity-website-that-finds-and-converts-donors\/","name":"How to Design a Charity Website That Finds and Converts Donors | CanadaHelps - Donate to any charity in Canada","isPartOf":{"@id":"https:\/\/www.canadahelps.org\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.canadahelps.org\/en\/charity-life\/digital-marketing\/how-to-design-a-charity-website-that-finds-and-converts-donors\/#primaryimage"},"image":{"@id":"https:\/\/www.canadahelps.org\/en\/charity-life\/digital-marketing\/how-to-design-a-charity-website-that-finds-and-converts-donors\/#primaryimage"},"thumbnailUrl":"https:\/\/www.canadahelps.org\/media\/Blogs-Header-54.png","datePublished":"2026-08-06T21:02:11+00:00","dateModified":"2026-08-07T14:59:12+00:00","description":"As your organization builds out more of your website architecture, these tips and tricks teach you how to construct an optimized donation page \u2013 also known as a \u2018Ways to Give\u2019 page.\u00a0","breadcrumb":{"@id":"https:\/\/www.canadahelps.org\/en\/charity-life\/digital-marketing\/how-to-design-a-charity-website-that-finds-and-converts-donors\/#breadcrumb"},"inLanguage":"en","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.canadahelps.org\/en\/charity-life\/digital-marketing\/how-to-design-a-charity-website-that-finds-and-converts-donors\/"]}]},{"@type":"ImageObject","inLanguage":"en","@id":"https:\/\/www.canadahelps.org\/en\/charity-life\/digital-marketing\/how-to-design-a-charity-website-that-finds-and-converts-donors\/#primaryimage","url":"https:\/\/www.canadahelps.org\/media\/Blogs-Header-54.png","contentUrl":"https:\/\/www.canadahelps.org\/media\/Blogs-Header-54.png","width":600,"height":300},{"@type":"BreadcrumbList","@id":"https:\/\/www.canadahelps.org\/en\/charity-life\/digital-marketing\/how-to-design-a-charity-website-that-finds-and-converts-donors\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.canadahelps.org\/en\/"},{"@type":"ListItem","position":2,"name":"How to Design a Charity Website That Finds and Converts Donors"}]},{"@type":"WebSite","@id":"https:\/\/www.canadahelps.org\/en\/#website","url":"https:\/\/www.canadahelps.org\/en\/","name":"CanadaHelps - Donate to any charity in Canada","description":"Giving Made Simple","publisher":{"@id":"https:\/\/www.canadahelps.org\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.canadahelps.org\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en"},{"@type":"Organization","@id":"https:\/\/www.canadahelps.org\/en\/#organization","name":"CanadaHelps","url":"https:\/\/www.canadahelps.org\/en\/","logo":{"@type":"ImageObject","inLanguage":"en","@id":"https:\/\/www.canadahelps.org\/en\/#\/schema\/logo\/image\/","url":"https:\/\/www.canadahelps.org\/media\/canadahelps-en.jpg","contentUrl":"https:\/\/www.canadahelps.org\/media\/canadahelps-en.jpg","width":131,"height":72,"caption":"CanadaHelps"},"image":{"@id":"https:\/\/www.canadahelps.org\/en\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.canadahelps.org\/en\/#\/schema\/person\/9bc3dbea0ee87e1b825ce92df38fade2","name":"Sadie Stephens","image":{"@type":"ImageObject","inLanguage":"en","@id":"https:\/\/www.canadahelps.org\/en\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/812babbf3ea3df6279cecc48765c6381d9a6e5b1ce7298f6ad236a3c115082d1?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/812babbf3ea3df6279cecc48765c6381d9a6e5b1ce7298f6ad236a3c115082d1?s=96&d=mm&r=g","caption":"Sadie Stephens"},"url":"https:\/\/www.canadahelps.org\/en\/author\/sadies\/"}]}},"_links":{"self":[{"href":"https:\/\/www.canadahelps.org\/en\/wp-json\/wp\/v2\/posts\/59311","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.canadahelps.org\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.canadahelps.org\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.canadahelps.org\/en\/wp-json\/wp\/v2\/users\/90"}],"replies":[{"embeddable":true,"href":"https:\/\/www.canadahelps.org\/en\/wp-json\/wp\/v2\/comments?post=59311"}],"version-history":[{"count":12,"href":"https:\/\/www.canadahelps.org\/en\/wp-json\/wp\/v2\/posts\/59311\/revisions"}],"predecessor-version":[{"id":59380,"href":"https:\/\/www.canadahelps.org\/en\/wp-json\/wp\/v2\/posts\/59311\/revisions\/59380"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.canadahelps.org\/en\/wp-json\/wp\/v2\/media\/59377"}],"wp:attachment":[{"href":"https:\/\/www.canadahelps.org\/en\/wp-json\/wp\/v2\/media?parent=59311"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.canadahelps.org\/en\/wp-json\/wp\/v2\/categories?post=59311"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.canadahelps.org\/en\/wp-json\/wp\/v2\/tags?post=59311"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}