{"id":3690,"date":"2018-06-25T18:10:59","date_gmt":"2018-06-26T01:10:59","guid":{"rendered":"http:\/\/donorbox.org\/nonprofit-blog\/?p=3690"},"modified":"2023-11-30T01:43:09","modified_gmt":"2023-11-30T09:43:09","slug":"donorbox-new-look-donation-pages","status":"publish","type":"post","link":"https:\/\/donorbox.org\/nonprofit-blog\/donorbox-new-look-donation-pages","title":{"rendered":"Donorbox Announces Brand New Look For Donation Pages"},"content":{"rendered":"

\"Brand<\/a><\/p>\n

At Donorbox, we\u2019re always looking for ways to give our customers and donors the best user experience possible. And here\u2019s our latest update. We have just released our brand-new redesigned donation pages that are sporting a whole new look. Let\u2019s check out some of the exciting new features that you can look forward to.<\/p>\n

\n

1. A Better Layout<\/h2>\n

\"new<\/a><\/p>\n

The most obvious change is that the donation widget<\/a> and Campaign Details block have swapped places. We have found that this simple yet effective change suits donors who want to learn a little more about your nonprofit first before parting with their donations.<\/p>\n

Donorbox\u2019s Campaign editor has some handy tools to help you create a compelling message. It has all the text-editing and typesetting tools you need. Plus you can insert images and videos from pretty much anywhere. This is where you make your final appeal, so make it count!<\/p>\n

\n

2. Custom Backgrounds<\/h2>\n

\"donorbox<\/a><\/p>\n

 <\/p>\n

One welcome feature is that you can now add a custom background image to your donation page. This could be anything from a group picture of the kids you are helping through your campaign or even an abstract design to uplift the appearance of your logo.<\/p>\n

To do this, go to the Design tab of your Form Builder. Click the \u201cChange Background\u201d link, as shown below. This will show a file picker for you to select the image you want to use.<\/p>\n

\"donorbox<\/a><\/p>\n

We\u2019ve included some helpful info on the recommended dimensions for the images you upload for your logo and background. This takes the guesswork out of finding the right size image to use. It also prevents that frustration you experience when you upload your best picture and its either stretched beyond recognition or cut off right through the good part. You can use a simple image-editing website, like ImageResize.org<\/span><\/a> to adjust your images first and you\u2019re good to go.<\/span><\/p>\n

Remember that uploading a logo and\/or https:\/\/imageresize.org\/background is completely optional. It will only be visible on your Donorbox-hosted donation page. Logos and backgrounds are not necessary if your donation forms<\/a> that are embedded as widgets or popup forms.<\/p>\n

\n

3. Stylish New Donor Wall<\/h2>\n

\"new<\/a><\/p>\n

 <\/p>\n

One subtle difference you may notice is the Raised Edge on the elements in the donation page, including the Comment Wall. It adds a cool 3D effect which really makes your donation form stand out more. And we\u2019ve inserted a Comment Counter, which will show a running count of any comments made on your campaign.<\/p>\n

\n

4. Matching Goal Meter<\/h2>\n

\"new<\/a><\/p>\n

 <\/p>\n

We\u2019ve improved the Goal Meter too. The progress bar will now match whatever colour palette you select for your donation forms.<\/p>\n

\n

5. Custom CSS Block<\/h2>\n

\"redesigned<\/a><\/p>\n

Not everyone has HTML coding experience and that\u2019s ok. But if you want to make custom CSS changes to your Donorbox forms, you can. Simply type your code into the window and click Preview to see what your form will look like. If the thought of using Custom CSS terrifies you, we\u2019ve made a small adjustment that we think you\u2019ll like. If you don\u2019t need this code block, simply click the Custom CSS link. This will collapse the code section so it doesn\u2019t get in the way of your form editing.<\/p>\n

\n

Apple Pay Compatible<\/h2>\n

While many organizations prefer embedding Donorbox forms in their website, there are advantages to using a Donorbox-hosted donation page<\/a>. As an organization, you don\u2019t need to have a website because we host this page for you. Another benefit is that you can accept Apple Pay donations. Apple Pay doesn\u2019t work on embedded forms, for security reasons. But our server security measures are approved by Apple. There\u2019s no catch and no extra charge to use your Donorbox donation page.<\/p>\n

\n

How Can I Enable this New Look For My Donation Pages?<\/h2>\n

Simply log into your Org account and click Edit, next to your campaign name. Go to the Design tab and click the Style toggle switch, as shown here:<\/p>\n

\"redesigned<\/a><\/p>\n

We think the new donation pages look amazing. But if you do still happen to prefer the old look, that\u2019s totally fine. Your existing pages will stay the same unless you change them. The new-look is not compulsory. It will only go live when you enable the Style switch on the Design tab of the Donorbox Form Builder. And you can switch back at any time.<\/p>\n

Bonus<\/strong>: 27 Donation Page Best Practices for Nonprofits ( Tips & Examples)<\/a><\/p>\n

So, there you have it. Our awesome new donation pages! We think you\u2019re going to love them. Try them out and see how much more appealing your donation pages can be. It will create a better user experience for donors. And a better experience means a happier donor.<\/p>\n

Related Articles:<\/strong><\/p>\n