{"id":9305,"date":"2018-03-29T19:28:13","date_gmt":"2018-03-29T23:28:13","guid":{"rendered":"https:\/\/www.qgiv.com\/blog\/?p=9305"},"modified":"2023-12-06T13:57:45","modified_gmt":"2023-12-06T18:57:45","slug":"design-a-mobile-donation-form","status":"publish","type":"post","link":"https:\/\/www.qgiv.com\/blog\/design-a-mobile-donation-form\/","title":{"rendered":"How to Design a Mobile Donation Form that Doesn\u2019t Suck"},"content":{"rendered":"\n

A mobile donation form is an important tool to have in your online fundraising toolbox. But is yours helping or hurting you?<\/p>\n\n\n\n

Does your mobile donation form perform well? Or is it just kinda\u2026 there?<\/p>\n\n\n\n

A bad mobile donation form will discourage donors who want to support you on your phone. And, since mobile web traffic far exceeds desktop traffic, having a good one is more important than ever.<\/p>\n\n\n\n

Here are some best practices that will help you build a great mobile donation form:<\/p>\n\n\n\n

Your mobile donation form should include limited information<\/h2>\n\n\n\n

We know that including storytelling or branding elements on a donation form is a powerful way to boost donor conversion rates. But mobile screens display less information at a glance than computer screens. It\u2019s important to make sure you include only information that donors want.<\/p>\n\n\n\n

Instead of including a long story on your mobile donation form, include only relevant information that a donor will want to read before they make a gift. We suggest keeping copy limited to 1-2 sentences max. If possible, try to keep your suggested donation amounts \u201cabove the fold\u201d on your mobile donation form. Doing so will ensure you grab a donor\u2019s attention immediately and get them started on the donation process without distraction.<\/p>\n\n\n\n

Takeaway Item:<\/strong> Look at your mobile donation form on different devices. If you find yourself doing a lot of scrolling before you get to the actual donation fields, pare down the content on your form.<\/p>\n\n\n\n

Keep mobile donation form images manageable<\/h2>\n\n\n\n

People have pretty short attention spans, and your donors are no different. Nobody wants to wait around for a donation form to load, so long load times can frustrate mobile donors. When you\u2019re adding images to your donation form, make sure they load quickly on your mobile device.<\/p>\n\n\n\n

A great image is an important element for a donation form. Keep image sizes manageable to avoid discouraging your mobile donors.<\/p>\n\n\n\n

Takeaway Item:<\/strong> When you look at your mobile donation form, see how long it takes for the entire form to load on your device. If it takes more than a second or two, use an image compressor or image resizing tool to reduce your images\u2019 file size.<\/p>\n\n\n\n

Skip the fancy fonts<\/h2>\n\n\n\n

Your super-cool font may look neat on your website, but fancy fonts often translate poorly to mobile devices. If you\u2019re using a responsive form or have added a widget to your mobile-responsive page, ensure the fonts you use look good on mobile as well as your desktop page. While you\u2019re at it, you might want to double-check your copy\u2019s color and spacing, too.<\/p>\n\n\n\n

Readability is important no matter what device you\u2019re using. Make sure your text is legible!<\/p>\n\n\n\n

Takeaway Item: <\/strong>Check your text. Can you read it easily? Or would it be better for you to simplify your font or color choices?<\/p>\n\n\n\n

Streamline your mobile donation form fields<\/h2>\n\n\n\n

Real talk: your donation form isn\u2019t the place to collect a ton of information about your donors. Even on desktop sites, including additional fields on your donation form will drive down conversion rates. The same is true of adding a bunch of restrictions or other options. Giving your donors too many choices and too many forms will exhaust them and result in fewer donations.<\/p>\n\n\n\n

This is even truer on mobile donation forms. Long donation forms with lots of fields are off-putting for desktop users, but they\u2019re intolerable for mobile users. One of the best things you can do to boost your mobile donation form\u2019s conversion rate is to streamline your form.<\/p>\n\n\n\n

Streamlining your form means minimizing the number of fields it contains. We suggest keeping it to the bare essentials: donation amount, recurring amount, personal\/payment information, maybe some restrictions. That\u2019s it. If you want to ask additional questions, try sending your donors a follow-up survey instead!<\/p>\n\n\n\n

Takeaway Item:<\/strong> <\/em>Go through the fields you have set up on your donation form. If you have more than one or two additional fields on your desktop form, take them down! Then, go through and decide which fields and restrictions can be removed from your mobile donation form and set them to appear on desktop only.<\/p>\n\n\n\n

I want to learn more about mobile donation forms and fundraising!<\/h2>\n\n\n\n

Sweet! We can help. Here are some additional resources for you:<\/p>\n\n\n\n