Why make a mobile-friendly donation page?<\/h2>\n\n\n\n
There are three important reasons to get your website mobile friendly:<\/p>\n\n\n\n
- On average, more than 50% of web traffic comes from mobile devices (we see you over there on your phone!)<\/li>
- Mobile-friendly sites boost SEO optimization and increase reach<\/li>
- Mobile users are more likely to make and complete a purchase (but only if your site makes it easy)<\/li><\/ol>\n\n\n\n
In addition to these three factors, a mobile-optimized website looks more modern and delivers a better user experience.<\/p>\n\n\n\n
Capture more mobile traffic<\/h3>\n\n\n\n
According to Statista<\/a>, mobile devices accounted for an impressive 50.8% of global website traffic in 2020. What\u2019s more impressive? That number doesn\u2019t even include traffic from tablets! If your website isn\u2019t optimized for mobile traffic, you\u2019re likely not capturing as much web traffic as possible. As mobile devices grow in popularity and account for greater amounts of web traffic, sites that don\u2019t adapt will see significantly fewer visitors. For nonprofits, this can also mean significantly fewer online donations.<\/p>\n\n\n\n
Imagine if a shopper loaded up their cart at a physical store but left without completing their purchase 50% of the time. That\u2019s what happens when donors abandon the online donation process because the form is too difficult to complete.<\/p>\n\n\n\n
You can easily avoid losing traffic and donations by creating mobile-responsive websites and donation forms. Luckily, Qgiv\u2019s donation forms<\/a> are mobile friendly by design. You just need to make sure your website matches the responsiveness of your donation form.<\/p>\n\n\n\n
![\"\"](\"https:\/\/www.qgiv.com\/blog\/wp-content\/uploads\/2020\/12\/lfp-mobile-496x1024.png\")
<\/figure><\/div>\n\n\n\nAttract new traffic with higher SEO ranking<\/h3>\n\n\n\n
When people search for your website, your hope is that your webpage comes up right away. If your website isn\u2019t mobile responsive, you\u2019re probably not ranking very well on Google. That means people looking for your nonprofit may not be able to find you. What\u2019s worse is they may find your competition first!<\/p>\n\n\n\n
Why is a mobile-friendly website so important for your search results? According to CEO Magazine, \u201calmost 60% of Google searches are made on mobile phones.\u201d Google recognizes the importance of providing results that function well on mobile devices, so they penalize websites that aren\u2019t optimized for mobile devices. Your website and donation form need to be mobile friendly to avoid getting buried by other websites that are optimized for mobile devices. When you develop a mobile-friendly website, you\u2019ll be rewarded with increased visibility for having a website that looks good on any device!<\/p>\n\n\n\n
Boost online donations by catering to mobile donors<\/h3>\n\n\n\n
According to a survey conducted in 2019 by Marketing Dive, smartphones are the most popular device for online shopping. 81% of consumers surveyed bought gifts using smartphones, and 45% of surveyed consumers reported using smartphones to shop regularly.<\/p>\n\n\n\n
By contrast, a survey by AdColony reported that only 28% of respondents plan to shop using a computer. Donations made online are like online purchases. Donors go to your website, conduct research, and complete a transaction if they like what they see. That’s why a mobile-friendly donation page is so important! If the online shopping experience is bad on a mobile device, many consumers will find a site that works better rather than dusting off their laptop. Your donors will do the same thing if your donation form doesn\u2019t work on their mobile device.<\/p>\n\n\n\n
Just like boosting your SEO ranking by having a mobile-friendly website, you can also boost donations by catering to donors who give using their smartphones. Crafting a great user experience for users across all devices acts as a welcoming invitation to make a gift. A donation form that\u2019s easy to use can greatly boost online donations.<\/p>\n\n\n\n
How to make your website mobile friendly<\/h2>\n\n\n\n
There are a few things you can do to assess how mobile friendly your website is. Once you know what needs to change, you can update the functionality of your form so that it\u2019s responsive for all devices. A great place to start is by following these nonprofit donation page best practices<\/a>.<\/p>\n\n\n\n
Focus on speed<\/h3>\n\n\n\n
An element that\u2019s crucial for a mobile-friendly website is your site\u2019s speed. Waiting on a page to load can turn visitors off from your site. Mobile-friendly sites should be simple<\/em> and fast<\/em>.<\/p>\n\n\n\n
Speed matters\u2013especially on mobile, which can be dependent on the strength of a phone\u2019s signal. Luckily, you can test the speed of your website for free! Uptrends offers a free website speed test<\/a> that also shows how speed can be improved. This speed test for Facebook shows several ways speed can be increased.<\/p>\n\n\n\n
![\"\"](\"https:\/\/www.qgiv.com\/blog\/wp-content\/uploads\/2020\/12\/Facebook-Speed-Test-Uptrends-Results.jpg\")
<\/figure><\/div>\n\n\n\nIt\u2019s hard to pass a speed test with flying colors if your website includes more than just text. The faster your page loads the better. Don\u2019t bog down your page with unused elements or huge image files that can slow download speeds. Afraid your images are too large to load quickly? Use services like Kraken.io<\/a> to decrease the file size of your image without sacrificing size and quality.<\/p>\n\n\n\n
Make responsiveness a priority<\/h3>\n\n\n\n
Aside from speed, the next major element to focus on for a mobile-friendly website is responsiveness. Responsiveness is your website\u2019s ability to adapt its display to a variety of screen sizes while maintaining a great look and easy user interface.<\/p>\n\n\n\n
Before the ability to make a website mobile responsive existed, many organizations made a separate mobile-friendly site sized for smartphones. Unfortunately, this solution isn\u2019t cost effective and requires maintaining two different websites. With a mobile-responsive site, users can make changes on one site that are reflected across any device used to access it. With a responsive site, users no longer need to pay for and maintain two sites based on mobile and desktop traffic. For a more in-depth explanation of mobile-responsiveness and its importance, check out this blog post<\/a> from WebFX, a Pennsylvania-based marketing firm that focuses on digital marketing.<\/p>\n\n\n\n
Use Google’s mobile-friendly test<\/h3>\n\n\n\n
Google values mobile-friendly websites over websites that haven\u2019t been optimized. To help web designers assess how mobile friendly their websites are, Google developed a simple mobile-friendly test<\/a>. Testers enter the website\u2019s URL, and Google analyzes the site for overall mobile friendliness. Web designers can then make changes based on elements that are holding the site back according to Google\u2019s criteria.<\/p>\n\n\n\n
![\"\"](\"https:\/\/www.qgiv.com\/blog\/wp-content\/uploads\/2020\/12\/Google-Mobile-Friendliness-Test-Results-1.jpg\")
<\/figure><\/div>\n\n\n\nOnce you\u2019ve edited your website for speed and mobile-responsiveness, make sure those changes pass the mobile-friendliness test. Your results should show that your page is mobile friendly. If it isn\u2019t, open the site-wide mobile-usability report for in-depth analysis of what needs to be improved.<\/p>\n\n\n\n
Simplify your website<\/h3>\n\n\n\n
Once your website has been made responsive, the next step is simplifying your navigation and appearance. A simple donation form<\/a> makes it easy to make more money by creating a better user experience. To create a better user experience for mobile users, make it easy for them to find the information they\u2019re looking for on your website. Make big, clickable buttons and use large fonts that render well on mobile. Simplicity tends to make for a much better user experience on smartphones. The fewer taps it takes to find the information users want, the better.<\/p>\n\n\n\n
The Pittsburgh Glass Center website on mobile phones does a great job of this. They offer glass kits for purchase and created an appealing effect to show users which item they have selected. Users can click the picture to read more details and add items to their cart.<\/p>\n\n\n\n
![\"\"](\"https:\/\/www.qgiv.com\/blog\/wp-content\/uploads\/2020\/12\/pgcms.gif\")
<\/figure><\/div>\n\n\n\n