{"id":24363,"date":"2021-04-23T15:35:51","date_gmt":"2021-04-23T19:35:51","guid":{"rendered":"https:\/\/www.qgiv.com\/blog\/?p=24363"},"modified":"2021-06-01T16:35:33","modified_gmt":"2021-06-01T20:35:33","slug":"show-visual-impact-on-online-donation-forms","status":"publish","type":"post","link":"https:\/\/www.qgiv.com\/blog\/show-visual-impact-on-online-donation-forms\/","title":{"rendered":"How to Show Visual Impact on Your Online Donation Forms"},"content":{"rendered":"\n<p>At some point in your professional&nbsp;fundraising&nbsp;career, you\u2019ve probably heard the importance of storytelling&nbsp;when crafting your nonprofit\u2019s donor experience. In fact, you\u2019ve most likely heard every&nbsp;industry leader&nbsp;teach this until they\u2019re blue in the face!&nbsp;No matter your experience, a crucial aspect of storytelling is helping donors understand what your organization does and&nbsp;showing how, or who,&nbsp;you\u2019re&nbsp;helping.<\/p>\n\n\n\n<p>The&nbsp;donor experience doesn\u2019t stop&nbsp;with social media and email&nbsp;appeals.&nbsp;It\u2019s crucial that&nbsp;your&nbsp;online&nbsp;donation forms&nbsp;and landing page&nbsp;match the story you&#8217;re telling.&nbsp;How? Add impactful images&nbsp;or videos&nbsp;and text to your donation form and landing page!<\/p>\n\n\n\n<!--HubSpot Call-to-Action Code --><span class=\"hs-cta-wrapper\" id=\"hs-cta-wrapper-77489c8a-1bb3-4642-8cc9-fddf5913c730\"><span class=\"hs-cta-node hs-cta-77489c8a-1bb3-4642-8cc9-fddf5913c730\" id=\"hs-cta-77489c8a-1bb3-4642-8cc9-fddf5913c730\"><!--[if lte IE 8]><div id=\"hs-cta-ie-element\"><\/div><![endif]--><a href=\"https:\/\/cta-redirect.hubspot.com\/cta\/redirect\/8356283\/77489c8a-1bb3-4642-8cc9-fddf5913c730\"><img decoding=\"async\" class=\"hs-cta-img\" id=\"hs-cta-img-77489c8a-1bb3-4642-8cc9-fddf5913c730\" style=\"border-width:0px;\" src=\"https:\/\/no-cache.hubspot.com\/cta\/default\/8356283\/77489c8a-1bb3-4642-8cc9-fddf5913c730.png\" alt=\"Are you following donation form best practices?&nbsp;Check&nbsp;out&nbsp;our interactive  donation forms&nbsp;and gain valuable insights into donation form best practices for  multi-step and single step donation forms!\"><\/a><\/span><script charset=\"utf-8\" src=\"https:\/\/js.hscta.net\/cta\/current.js\"><\/script><script type=\"text\/javascript\"> hbspt.cta.load(8356283, '77489c8a-1bb3-4642-8cc9-fddf5913c730', {\"region\":\"na1\"}); <\/script><\/span><!-- end HubSpot Call-to-Action Code -->\n\n\n\n<h2 class=\"wp-block-heading\">What is an&nbsp;impact&nbsp;statement?&nbsp;How can I show visual impact?<\/h2>\n\n\n\n<p>An impact statement&nbsp;is&nbsp;your organization\u2019s story&nbsp;about your influence on the community.&nbsp;It\u2019s&nbsp;an important&nbsp;part of the&nbsp;<a href=\"https:\/\/www.qgiv.com\/blog\/4-storytelling-tips-from-a-master-nonprofit-storyteller\/\" target=\"_blank\" rel=\"noreferrer noopener\">storytelling&nbsp;journey<\/a>&nbsp;and is how&nbsp;your organization&nbsp;communicates&nbsp;what\u2019s happening.&nbsp;Whether your organization offers services or tangible goods,&nbsp;it\u2019s&nbsp;important to connect donors to your cause.&nbsp;What connects donors to your cause?&nbsp;<em>Showing&nbsp;<\/em>the impact&nbsp;of your organization by&nbsp;providing&nbsp;real life examples of your services&nbsp;and&nbsp;telling your story throughout the donor experience.<\/p>\n\n\n\n<p>There are several ways to show impact&nbsp;including:<\/p>\n\n\n\n<ul><li>Adding&nbsp;a banner image to your landing&nbsp;page<\/li><li>A&nbsp;background image on your landing page<\/li><li>Adding images directly to your donation form<\/li><li>Images tied to donation amounts on your donation form<\/li><li>Images tied to giving plans<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">1. Adding a banner&nbsp;image to your landing page&nbsp;<\/h3>\n\n\n\n<p>A banner image is the introduction to your landing page, it\u2019s the very first thing donors see after the page loads. Banner images are a great way to set the tone of&nbsp;a&nbsp;page and&nbsp;one area&nbsp;your organization can use to relay&nbsp;important information&nbsp;to&nbsp;donors.&nbsp;If your organization is running a specific appeal, then the banner image and messaging should&nbsp;match or&nbsp;closely resemble&nbsp;your campaign theme.&nbsp;For more generalized appeals, make sure to use the banner section to reiterate your nonprofits\u2019&nbsp;story. Let\u2019s look at some examples:<\/p>\n\n\n\n<p><strong>Boys and Girls Club of Dorchester<\/strong><\/p>\n\n\n\n<p>Boys and Girls Club of Dorchester added a banner image with cute pictures of children.<\/p>\n\n\n\n<div class=\"wp-block-image is-style-default\"><figure class=\"aligncenter size-large\"><a href=\"https:\/\/www.qgiv.com\/blog\/wp-content\/uploads\/2021\/04\/Boys-and-Girls-Club-of-Dorchester-e1619100104907.jpg\"><img decoding=\"async\" width=\"1024\" height=\"501\" src=\"https:\/\/www.qgiv.com\/blog\/wp-content\/uploads\/2021\/04\/Boys-and-Girls-Club-of-Dorchester-e1619100092448-1024x501.jpg\" alt=\"Boys and Girls Club of Dorchester added a banner image with cute pictures of children.\" class=\"wp-image-24366\"\/><\/a><\/figure><\/div>\n\n\n\n<p><strong>Pet Resource Center of Kansas City<\/strong><\/p>\n\n\n\n<p>Pet Resource Center of Kansas City added a banner with an image and text to highlight how each donation amount makes an impact.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><a href=\"https:\/\/www.qgiv.com\/blog\/wp-content\/uploads\/2021\/04\/pet-resource-center-of-kansas-city-e1619100248670.jpg\"><img decoding=\"async\" width=\"1024\" height=\"510\" src=\"https:\/\/www.qgiv.com\/blog\/wp-content\/uploads\/2021\/04\/pet-resource-center-of-kansas-city-e1619100241319-1024x510.jpg\" alt=\"Pet Resource Center of Kansas City added a banner with an image and text to highlight how each donation amount makes an impact.\" class=\"wp-image-24367\"\/><\/a><\/figure><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">2. Add a background&nbsp;image<\/h3>\n\n\n\n<p>A background image is a subtle way to&nbsp;reinforce your storytelling efforts!&nbsp;Since your donation form will be the centerpiece of your landing page,&nbsp;the focus of your background image will need to be to the left side or right side of your form. Use this space!<\/p>\n\n\n\n<p>Again, you\u2019ll want the focus of the image to be the people benefiting from your&nbsp;organization\u2019s&nbsp;services. Since background images need to be large,&nbsp;the experience will be more immersive for donors!&nbsp;That said,&nbsp;don\u2019t draw too much attention from your donation form. A background image that has too much going on will only distract donors from the goal: donating. Let\u2019s look at some examples:<\/p>\n\n\n\n<p><strong>Minds Matter of Los Angeles<\/strong><\/p>\n\n\n\n<p>Minds Matter of Los Angeles added a background image of the students that benefit from their programs.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><a href=\"https:\/\/www.qgiv.com\/blog\/wp-content\/uploads\/2021\/04\/Minds-Matter-of-Lost-Angeles-e1619100279343.jpg\"><img decoding=\"async\" width=\"1024\" height=\"530\" src=\"https:\/\/www.qgiv.com\/blog\/wp-content\/uploads\/2021\/04\/Minds-Matter-of-Lost-Angeles-e1619100273807-1024x530.jpg\" alt=\"Minds Matter of Los Angeles added a background image of the students that benefit from their programs.\" class=\"wp-image-24368\"\/><\/a><\/figure><\/div>\n\n\n\n<p><strong>Columbia Christian School<\/strong><\/p>\n\n\n\n<p>Columbia Christian School added a background image for branding purposes and reiterating their motto.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><a href=\"https:\/\/www.qgiv.com\/blog\/wp-content\/uploads\/2021\/04\/Columbia-Christian-School-e1619100311824.jpg\"><img decoding=\"async\" src=\"https:\/\/www.qgiv.com\/blog\/wp-content\/uploads\/2021\/04\/Columbia-Christian-School-e1619100311824.jpg\" alt=\"Columbia Christian School added a background image for branding purposes and reiterating their motto.\"\/><\/a><\/figure><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">3. Adding images&nbsp;directly to&nbsp;your donation&nbsp;form&nbsp;<\/h3>\n\n\n\n<p>Adding images directly to your donation form is another great way to&nbsp;show visual impact! Since the images live&nbsp;at the top of your donation form, donors&nbsp;must scroll through&nbsp;before getting to&nbsp;the rest of your&nbsp;donation&nbsp;form. Let\u2019s look at some examples:<\/p>\n\n\n\n<p><strong>FeedingNYC<\/strong><\/p>\n\n\n\n<p>FeedingNYC added text and images to their donation form to explain how a donation impacts their organization.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><a href=\"https:\/\/www.qgiv.com\/blog\/wp-content\/uploads\/2021\/04\/FeedingNYC-e1619100341672.jpg\"><img decoding=\"async\" src=\"https:\/\/www.qgiv.com\/blog\/wp-content\/uploads\/2021\/04\/FeedingNYC-e1619102331536.jpg\" alt=\"FeedingNYC added text and images to their donation form to explain how a donation impacts their organization.\"\/><\/a><\/figure><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">4. Adding images tied to donation amounts on your form<\/h3>\n\n\n\n<p>How do you help donors understand the impact they make with their donation? By adding images to your donation amounts with brief description text! The image should show who&nbsp;the donation&nbsp;impacts while the description explains&nbsp;how&nbsp;the donation&nbsp;makes a&nbsp;difference.&nbsp;For example,&nbsp;if $25 buys a meal for 1 child for a week, your image should have a child holding lunch and&nbsp;a&nbsp;description&nbsp;like,&nbsp;\u201cFor $25, your donation will provide lunch for 1 child for a week.\u201d Let\u2019s look at some examples:<\/p>\n\n\n\n<p><strong>The Soul Box Project<\/strong><\/p>\n\n\n\n<p>The Soul Box Project added images and a brief description so donors know how their donation will make an impact.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><a href=\"https:\/\/www.qgiv.com\/blog\/wp-content\/uploads\/2021\/04\/The-Soul-Box-Project-e1619100368484.jpg\"><img decoding=\"async\" src=\"https:\/\/www.qgiv.com\/blog\/wp-content\/uploads\/2021\/04\/The-Soul-Box-Project-e1619102365714.jpg\" alt=\"The Soul Box Project added images and a brief description so donors know how their donation will make an impact.\"\/><\/a><\/figure><\/div>\n\n\n\n<p><strong>Paz De Cristo Community<\/strong><\/p>\n\n\n\n<p>Paz de Cristo Community added images to their donation amount to show visual impact of each donation.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><a href=\"https:\/\/www.qgiv.com\/blog\/wp-content\/uploads\/2021\/04\/Paz-de-Cristo-Community-e1619100393385.jpg\"><img decoding=\"async\" src=\"https:\/\/www.qgiv.com\/blog\/wp-content\/uploads\/2021\/04\/Paz-de-Cristo-Community-e1619102389307.jpg\" alt=\"Paz de Cristo Community added images to their donation amount to show visual impact of each donation.\"\/><\/a><\/figure><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">5. Adding images to giving&nbsp;plans<\/h3>\n\n\n\n<p>Giving plans&nbsp;offer donors the option to donate on a recurring basis to support your cause.&nbsp;If your online donation form has the option, your organization can&nbsp;create&nbsp;giving plans and add images to these plans on your form!<\/p>\n\n\n\n<p>As with one-time gifts, the image should relate to the giving plan and a brief description of what the recurring gift provides.&nbsp;For example,&nbsp;an animal&nbsp;clinic&nbsp;that offers surgeries to injured animals&nbsp;may write a description like,&nbsp;&nbsp;\u201cYour donation of $25 a week covers the cost of surgery for injured animals.\u201d&nbsp;The associated&nbsp;image&nbsp;should be&nbsp;of a happy, recovering animal. Let\u2019s look at some examples:<\/p>\n\n\n\n<p><strong>Minnesota Ovarian Cancer Alliance<\/strong><\/p>\n\n\n\n<p>Minnesota Ovarian Cancer Alliance added images to their giving plans to show visual impact of a recurring gift.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><a href=\"https:\/\/www.qgiv.com\/blog\/wp-content\/uploads\/2021\/04\/Minnesota-Ovarian-Cancer-Alliance-e1619100418191.jpg\"><img decoding=\"async\" src=\"https:\/\/www.qgiv.com\/blog\/wp-content\/uploads\/2021\/04\/Minnesota-Ovarian-Cancer-Alliance-e1619100418191.jpg\" alt=\"Minnesota Ovarian Cancer Alliance added images to their giving plans to show visual impact of a recurring gift.\"\/><\/a><\/figure><\/div>\n\n\n\n<p><strong>Kuda Vana<\/strong><\/p>\n\n\n\n<p>Kuda Vana added images of the kids that each recurring donation will benefit.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><a href=\"https:\/\/www.qgiv.com\/blog\/wp-content\/uploads\/2021\/04\/Kuda-Vana-e1619100448555.jpg\"><img decoding=\"async\" src=\"https:\/\/www.qgiv.com\/blog\/wp-content\/uploads\/2021\/04\/Kuda-Vana-e1619100448555.jpg\" alt=\"Kuda Vana added images of the kids that each recurring donation will benefit.\"\/><\/a><\/figure><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">[Bonus] To add video or not?<\/h3>\n\n\n\n<p><a href=\"https:\/\/www.qgiv.com\/blog\/resources\/video-stories-know-need-em-now\/\" target=\"_blank\" rel=\"noreferrer noopener\">Video&nbsp;stories<\/a>&nbsp;have the power to communicate your mission&nbsp;to donors in an engaging, immersive experience. Rather than an image&nbsp;or&nbsp;text,&nbsp;videos&nbsp;are more interactive and are better at conveying your mission and gaining a&nbsp;donor\u2019s&nbsp;trust.&nbsp;Studies have shown that adding videos to your landing page can increase conversion rates by 80%!<\/p>\n\n\n\n<p>Wow!&nbsp;That&nbsp;sounds amazing.&nbsp;Why would anyone&nbsp;<em>not<\/em>&nbsp;want to add&nbsp;video?<\/p>\n\n\n\n<p>Well, there are two big reasons. One is the distraction factor! Donors getting sucked into watching an outstanding video sounds like a great idea until you realize they&#8217;re actually being distracted from the donation process! Our friends over at NextAfter found that adding a video to your donation form can reduce conversion rates by up to 560%!<\/p>\n\n\n\n<p>Videos\u00a0can slow down the load speed of your landing page. If your landing page loads too slow, donors can\u2019t\u00a0donate.\u00a0It won\u2019t\u00a0matter how good your storytelling is\u00a0if\u00a0a slow landing\u00a0page\u00a0frustrates\u00a0donors. You really want to optimize your donation form to load quickly; studies show that 0-4 seconds is the optimal load time.\u00a0Each additional second of load time decreases your conversation rate.\u00a0<\/p>\n\n\n\n<p>But that doesn&#8217;t mean you shouldn&#8217;t use your video at all! Instead of dropping your video on your donation form, try embedding it on your donation confirmation page instead. Donors are already feeling great about supporting your nonprofit when they land on your thank-you page\u2014reinforce those positive feelings by adding a video that thanks them for their gift and shows them the impact they&#8217;ll make.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><a href=\"https:\/\/www.qgiv.com\/blog\/wp-content\/uploads\/2021\/04\/Brother-Wolf-Video.jpg\"><img decoding=\"async\" width=\"1024\" height=\"577\" src=\"https:\/\/www.qgiv.com\/blog\/wp-content\/uploads\/2021\/04\/Brother-Wolf-Video-1024x577.jpg\" alt=\"\" class=\"wp-image-24992\" srcset=\"https:\/\/www.qgiv.com\/blog\/wp-content\/uploads\/2021\/04\/Brother-Wolf-Video-1024x577.jpg 1024w, https:\/\/www.qgiv.com\/blog\/wp-content\/uploads\/2021\/04\/Brother-Wolf-Video-300x169.jpg 300w, https:\/\/www.qgiv.com\/blog\/wp-content\/uploads\/2021\/04\/Brother-Wolf-Video-768x433.jpg 768w, https:\/\/www.qgiv.com\/blog\/wp-content\/uploads\/2021\/04\/Brother-Wolf-Video.jpg 1273w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><figcaption><em>Video is wonderful! Make it work for you by adding it to your thank-you page instead of including it at the top of your donation form.<\/em><\/figcaption><\/figure><\/div>\n\n\n\n<!--HubSpot Call-to-Action Code --><span class=\"hs-cta-wrapper\" id=\"hs-cta-wrapper-77489c8a-1bb3-4642-8cc9-fddf5913c730\"><span class=\"hs-cta-node hs-cta-77489c8a-1bb3-4642-8cc9-fddf5913c730\" id=\"hs-cta-77489c8a-1bb3-4642-8cc9-fddf5913c730\"><!--[if lte IE 8]><div id=\"hs-cta-ie-element\"><\/div><![endif]--><a href=\"https:\/\/cta-redirect.hubspot.com\/cta\/redirect\/8356283\/77489c8a-1bb3-4642-8cc9-fddf5913c730\"><img decoding=\"async\" class=\"hs-cta-img\" id=\"hs-cta-img-77489c8a-1bb3-4642-8cc9-fddf5913c730\" style=\"border-width:0px;\" src=\"https:\/\/no-cache.hubspot.com\/cta\/default\/8356283\/77489c8a-1bb3-4642-8cc9-fddf5913c730.png\" alt=\"Are you following donation form best practices?&nbsp;Check&nbsp;out&nbsp;our interactive  donation forms&nbsp;and gain valuable insights into donation form best practices for  multi-step and single step donation forms!\"><\/a><\/span><script charset=\"utf-8\" src=\"https:\/\/js.hscta.net\/cta\/current.js\"><\/script><script type=\"text\/javascript\"> hbspt.cta.load(8356283, '77489c8a-1bb3-4642-8cc9-fddf5913c730', {\"region\":\"na1\"}); <\/script><\/span><!-- end HubSpot Call-to-Action Code -->\n\n\n\n<h2 class=\"wp-block-heading\">Donation form and landing page best&nbsp;practices<\/h2>\n\n\n\n<p>Before you start adding all the images to your landing page, let\u2019s&nbsp;look at a few&nbsp;best practices for your landing page and&nbsp;<a href=\"https:\/\/www.qgiv.com\/blog\/8-online-donation-form-best-practices\/\" target=\"_blank\" rel=\"noreferrer noopener\">donation form<\/a>!&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">1. Don\u2019t overload your page with images&nbsp;<\/h3>\n\n\n\n<p>If you use too many images on your landing page, you will slow&nbsp;down your landing page\u2019s&nbsp;load time.&nbsp;It\u2019s best to optimize your images and then check load times. Remember&nbsp;to&nbsp;aim for 0-4 seconds&nbsp;on desktop and mobile devices!<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">2. Properly&nbsp;size your images&nbsp;<\/h3>\n\n\n\n<p>Properly size your images to fit the placeholder on your site. That means if a banner image is supposed to be 1080&#215;680 pixels, your image should be the exact same dimensions.&nbsp;For places that don\u2019t have an exact dimension, try to match the size based on where the image is going. For example, if you\u2019re&nbsp;adding an image to your donation form, the image doesn\u2019t need to be the size of a banner image.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">3. Run your&nbsp;images&nbsp;through an image optimizer&nbsp;<\/h3>\n\n\n\n<p>You should also run&nbsp;images through an image optimizer to reduce their file size.&nbsp;Kraken.io and&nbsp;tinypng.com&nbsp;are&nbsp;two&nbsp;such websites. Alternatively, you can look up \u201cimage optimizer\u201d for a few other sites.&nbsp;Banner images and background images will be larger files so it\u2019s especially important that these images are optimized.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">4. Test your landing page load times<\/h3>\n\n\n\n<p>There are a wide variety of ways for your organization to test landing page speed.&nbsp;Check out this article on&nbsp;<a href=\"https:\/\/www.qgiv.com\/blog\/mobile-friendly-donation-pages\/\" target=\"_blank\" rel=\"noreferrer noopener\">mobile friendly donation pages<\/a>&nbsp;to learn more!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">That&#8217;s a wrap!<\/h2>\n\n\n\n<p>Important takeaways:<\/p>\n\n\n\n<ul><li>Storytelling is an important part of the donor experience and images play a crucial role in helping donors connect with your mission.<\/li><li>There are a variety of ways for your organization to show visual impact on your&nbsp;online&nbsp;donation forms&nbsp;and&nbsp;showing the impact of a donation will increase conversion rates.<\/li><li>Videos are a powerful way to communicate your mission to donors but&nbsp;if it slows down your landing page, it\u2019s not worth it.<\/li><\/ul>\n\n\n\n<!--HubSpot Call-to-Action Code --><span class=\"hs-cta-wrapper\" id=\"hs-cta-wrapper-61170572-d14c-4be7-8254-b221c0860be1\"><span class=\"hs-cta-node hs-cta-61170572-d14c-4be7-8254-b221c0860be1\" id=\"hs-cta-61170572-d14c-4be7-8254-b221c0860be1\"><!--[if lte IE 8]><div id=\"hs-cta-ie-element\"><\/div><![endif]--><a href=\"https:\/\/cta-redirect.hubspot.com\/cta\/redirect\/8356283\/61170572-d14c-4be7-8254-b221c0860be1\"><img decoding=\"async\" class=\"hs-cta-img\" id=\"hs-cta-img-61170572-d14c-4be7-8254-b221c0860be1\" style=\"border-width:0px;\" height=\"230\" width=\"715\" src=\"https:\/\/no-cache.hubspot.com\/cta\/default\/8356283\/61170572-d14c-4be7-8254-b221c0860be1.png\" alt=\"New call-to-action\"><\/a><\/span><script charset=\"utf-8\" src=\"https:\/\/js.hscta.net\/cta\/current.js\"><\/script><script type=\"text\/javascript\"> hbspt.cta.load(8356283, '61170572-d14c-4be7-8254-b221c0860be1', {\"region\":\"na1\"}); <\/script><\/span><!-- end HubSpot Call-to-Action Code -->\n","protected":false},"excerpt":{"rendered":"<p>At some point in your professional&nbsp;fundraising&nbsp;career, you\u2019ve probably heard the importance of storytelling&nbsp;when crafting your nonprofit\u2019s donor experience. In fact, you\u2019ve most likely heard every&nbsp;industry leader&nbsp;teach this until they\u2019re blue in the face!&nbsp;No matter your experience, a crucial aspect of storytelling is helping donors understand what your organization does and&nbsp;showing how, or who,&nbsp;you\u2019re&nbsp;helping. The&nbsp;donor experience [&hellip;]<\/p>\n","protected":false},"author":27,"featured_media":24366,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[266,152,271,270],"tags":[],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Show Visual Impact on Your Online Donation Forms - Fundraising Blog for Nonprofit, Educational, and Faith-Based Organizations<\/title>\n<meta name=\"description\" content=\"It\u2019s crucial that your online donation forms and landing page match the story you\u2019re telling. How? Add impactful images or videos and text!\" \/>\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.qgiv.com\/blog\/show-visual-impact-on-online-donation-forms\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Show Visual Impact on Your Online Donation Forms - Fundraising Blog for Nonprofit, Educational, and Faith-Based Organizations\" \/>\n<meta property=\"og:description\" content=\"It\u2019s crucial that your online donation forms and landing page match the story you\u2019re telling. How? Add impactful images or videos and text!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.qgiv.com\/blog\/show-visual-impact-on-online-donation-forms\/\" \/>\n<meta property=\"og:site_name\" content=\"Fundraising Blog for Nonprofit, Educational, and Faith-Based Organizations\" \/>\n<meta property=\"article:published_time\" content=\"2021-04-23T19:35:51+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-06-01T20:35:33+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.qgiv.com\/blog\/wp-content\/uploads\/2021\/04\/Boys-and-Girls-Club-of-Dorchester-e1619100104907.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1000\" \/>\n\t<meta property=\"og:image:height\" content=\"489\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Justin Cook\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Justin Cook\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.qgiv.com\/blog\/show-visual-impact-on-online-donation-forms\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.qgiv.com\/blog\/show-visual-impact-on-online-donation-forms\/\"},\"author\":{\"name\":\"Justin Cook\",\"@id\":\"https:\/\/www.qgiv.com\/blog\/#\/schema\/person\/fb4d417a5ed3280880da3b95dd29bed2\"},\"headline\":\"How to Show Visual Impact on Your Online Donation Forms\",\"datePublished\":\"2021-04-23T19:35:51+00:00\",\"dateModified\":\"2021-06-01T20:35:33+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.qgiv.com\/blog\/show-visual-impact-on-online-donation-forms\/\"},\"wordCount\":1706,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.qgiv.com\/blog\/#organization\"},\"articleSection\":[\"Fundraising by type\",\"Fundraising ideas\",\"Fundraising practices\",\"Online donation forms\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.qgiv.com\/blog\/show-visual-impact-on-online-donation-forms\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.qgiv.com\/blog\/show-visual-impact-on-online-donation-forms\/\",\"url\":\"https:\/\/www.qgiv.com\/blog\/show-visual-impact-on-online-donation-forms\/\",\"name\":\"How to Show Visual Impact on Your Online Donation Forms - Fundraising Blog for Nonprofit, Educational, and Faith-Based Organizations\",\"isPartOf\":{\"@id\":\"https:\/\/www.qgiv.com\/blog\/#website\"},\"datePublished\":\"2021-04-23T19:35:51+00:00\",\"dateModified\":\"2021-06-01T20:35:33+00:00\",\"description\":\"It\u2019s crucial that your online donation forms and landing page match the story you\u2019re telling. How? Add impactful images or videos and text!\",\"breadcrumb\":{\"@id\":\"https:\/\/www.qgiv.com\/blog\/show-visual-impact-on-online-donation-forms\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.qgiv.com\/blog\/show-visual-impact-on-online-donation-forms\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.qgiv.com\/blog\/show-visual-impact-on-online-donation-forms\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.qgiv.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Features\",\"item\":\"https:\/\/www.qgiv.com\/blog\/category\/features\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How to Show Visual Impact on Your Online Donation Forms\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.qgiv.com\/blog\/#website\",\"url\":\"https:\/\/www.qgiv.com\/blog\/\",\"name\":\"Fundraising Blog for Nonprofit, Educational, and Faith-Based Organizations\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.qgiv.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.qgiv.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.qgiv.com\/blog\/#organization\",\"name\":\"Bloomerang Fundraising, formerly Qgiv\",\"url\":\"https:\/\/www.qgiv.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.qgiv.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.qgiv.com\/blog\/wp-content\/uploads\/2025\/09\/Bloomerang-Product-Lockup-Pos-Fundraising-Digital.png\",\"contentUrl\":\"https:\/\/www.qgiv.com\/blog\/wp-content\/uploads\/2025\/09\/Bloomerang-Product-Lockup-Pos-Fundraising-Digital.png\",\"width\":1425,\"height\":515,\"caption\":\"Bloomerang Fundraising, formerly Qgiv\"},\"image\":{\"@id\":\"https:\/\/www.qgiv.com\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.qgiv.com\/blog\/#\/schema\/person\/fb4d417a5ed3280880da3b95dd29bed2\",\"name\":\"Justin Cook\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.qgiv.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/dc34917dcd95179b51f0b85a6a289dd6?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/dc34917dcd95179b51f0b85a6a289dd6?s=96&d=mm&r=g\",\"caption\":\"Justin Cook\"},\"description\":\"Justin is the Director of Demand Generation at Qgiv, a leading fundraising platform for nonprofits. His hobbies include coaching youth sports, reading about history, and spending time with his animals.\",\"url\":\"https:\/\/www.qgiv.com\/blog\/author\/justin-cook\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Show Visual Impact on Your Online Donation Forms - Fundraising Blog for Nonprofit, Educational, and Faith-Based Organizations","description":"It\u2019s crucial that your online donation forms and landing page match the story you\u2019re telling. How? Add impactful images or videos and text!","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.qgiv.com\/blog\/show-visual-impact-on-online-donation-forms\/","og_locale":"en_US","og_type":"article","og_title":"How to Show Visual Impact on Your Online Donation Forms - Fundraising Blog for Nonprofit, Educational, and Faith-Based Organizations","og_description":"It\u2019s crucial that your online donation forms and landing page match the story you\u2019re telling. How? Add impactful images or videos and text!","og_url":"https:\/\/www.qgiv.com\/blog\/show-visual-impact-on-online-donation-forms\/","og_site_name":"Fundraising Blog for Nonprofit, Educational, and Faith-Based Organizations","article_published_time":"2021-04-23T19:35:51+00:00","article_modified_time":"2021-06-01T20:35:33+00:00","og_image":[{"width":1000,"height":489,"url":"https:\/\/www.qgiv.com\/blog\/wp-content\/uploads\/2021\/04\/Boys-and-Girls-Club-of-Dorchester-e1619100104907.jpg","type":"image\/jpeg"}],"author":"Justin Cook","twitter_misc":{"Written by":"Justin Cook","Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.qgiv.com\/blog\/show-visual-impact-on-online-donation-forms\/#article","isPartOf":{"@id":"https:\/\/www.qgiv.com\/blog\/show-visual-impact-on-online-donation-forms\/"},"author":{"name":"Justin Cook","@id":"https:\/\/www.qgiv.com\/blog\/#\/schema\/person\/fb4d417a5ed3280880da3b95dd29bed2"},"headline":"How to Show Visual Impact on Your Online Donation Forms","datePublished":"2021-04-23T19:35:51+00:00","dateModified":"2021-06-01T20:35:33+00:00","mainEntityOfPage":{"@id":"https:\/\/www.qgiv.com\/blog\/show-visual-impact-on-online-donation-forms\/"},"wordCount":1706,"commentCount":0,"publisher":{"@id":"https:\/\/www.qgiv.com\/blog\/#organization"},"articleSection":["Fundraising by type","Fundraising ideas","Fundraising practices","Online donation forms"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.qgiv.com\/blog\/show-visual-impact-on-online-donation-forms\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.qgiv.com\/blog\/show-visual-impact-on-online-donation-forms\/","url":"https:\/\/www.qgiv.com\/blog\/show-visual-impact-on-online-donation-forms\/","name":"How to Show Visual Impact on Your Online Donation Forms - Fundraising Blog for Nonprofit, Educational, and Faith-Based Organizations","isPartOf":{"@id":"https:\/\/www.qgiv.com\/blog\/#website"},"datePublished":"2021-04-23T19:35:51+00:00","dateModified":"2021-06-01T20:35:33+00:00","description":"It\u2019s crucial that your online donation forms and landing page match the story you\u2019re telling. How? Add impactful images or videos and text!","breadcrumb":{"@id":"https:\/\/www.qgiv.com\/blog\/show-visual-impact-on-online-donation-forms\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.qgiv.com\/blog\/show-visual-impact-on-online-donation-forms\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.qgiv.com\/blog\/show-visual-impact-on-online-donation-forms\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.qgiv.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Features","item":"https:\/\/www.qgiv.com\/blog\/category\/features\/"},{"@type":"ListItem","position":3,"name":"How to Show Visual Impact on Your Online Donation Forms"}]},{"@type":"WebSite","@id":"https:\/\/www.qgiv.com\/blog\/#website","url":"https:\/\/www.qgiv.com\/blog\/","name":"Fundraising Blog for Nonprofit, Educational, and Faith-Based Organizations","description":"","publisher":{"@id":"https:\/\/www.qgiv.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.qgiv.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.qgiv.com\/blog\/#organization","name":"Bloomerang Fundraising, formerly Qgiv","url":"https:\/\/www.qgiv.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.qgiv.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.qgiv.com\/blog\/wp-content\/uploads\/2025\/09\/Bloomerang-Product-Lockup-Pos-Fundraising-Digital.png","contentUrl":"https:\/\/www.qgiv.com\/blog\/wp-content\/uploads\/2025\/09\/Bloomerang-Product-Lockup-Pos-Fundraising-Digital.png","width":1425,"height":515,"caption":"Bloomerang Fundraising, formerly Qgiv"},"image":{"@id":"https:\/\/www.qgiv.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.qgiv.com\/blog\/#\/schema\/person\/fb4d417a5ed3280880da3b95dd29bed2","name":"Justin Cook","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.qgiv.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/dc34917dcd95179b51f0b85a6a289dd6?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/dc34917dcd95179b51f0b85a6a289dd6?s=96&d=mm&r=g","caption":"Justin Cook"},"description":"Justin is the Director of Demand Generation at Qgiv, a leading fundraising platform for nonprofits. His hobbies include coaching youth sports, reading about history, and spending time with his animals.","url":"https:\/\/www.qgiv.com\/blog\/author\/justin-cook\/"}]}},"_links":{"self":[{"href":"https:\/\/www.qgiv.com\/blog\/wp-json\/wp\/v2\/posts\/24363"}],"collection":[{"href":"https:\/\/www.qgiv.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.qgiv.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.qgiv.com\/blog\/wp-json\/wp\/v2\/users\/27"}],"replies":[{"embeddable":true,"href":"https:\/\/www.qgiv.com\/blog\/wp-json\/wp\/v2\/comments?post=24363"}],"version-history":[{"count":28,"href":"https:\/\/www.qgiv.com\/blog\/wp-json\/wp\/v2\/posts\/24363\/revisions"}],"predecessor-version":[{"id":24993,"href":"https:\/\/www.qgiv.com\/blog\/wp-json\/wp\/v2\/posts\/24363\/revisions\/24993"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.qgiv.com\/blog\/wp-json\/wp\/v2\/media\/24366"}],"wp:attachment":[{"href":"https:\/\/www.qgiv.com\/blog\/wp-json\/wp\/v2\/media?parent=24363"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.qgiv.com\/blog\/wp-json\/wp\/v2\/categories?post=24363"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.qgiv.com\/blog\/wp-json\/wp\/v2\/tags?post=24363"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}