### [Add Images for Every Suggested Donation Amount in Your Donation Form](https://www.wpcharitable.com/introducing-per-amount-images/)

**Published:** July 30, 2026
**Author:** David Bisset

**Content:**

Look at a typical set of donation buttons: $5, $10, $15. $20, Custom Amount.

![](https://www.wpcharitable.com/wp-content/uploads/2026/07/Screen-Shot-2026-07-11-at-82805-PM.png)Four numbers in four boxes.

To you, each one means something specific: a week of meals, a month of clean water, a scholarship.

To a first-time visitor, they are just numbers, and numbers make people hesitate.

Now put a photo and description next to each amount.

Suddenly, $25 now means a meal for 10 days along with a photo of what that looks like. 

$50 shows the water needed in a village.

$100 shows the student that needs the scholarship. 

The visitor is no longer choosing an amount. They are choosing an outcome.

That is what per-amount images do, and it is new in Charitable Pro 1.8.17. ✨

## Why Visual Giving Amounts Change What People Choose

Donors give more when they can [picture their impact](https://www.wpcharitable.com/ultimate-donor-engagement-strategy-guide-for-nonprofit/). “$50 provides clean water for a family” is good copy, but a photo of that family beside the button does something copy alone cannot: it makes the impact feel real and immediate, right at the point of decision.

That matters because the suggested-amounts step is where a lot of [would-be donors stall](https://www.wpcharitable.com/how-to-stop-donors-from-abandoning-the-donation-form/), unsure which number is “right.” A visual menu of impact reduces that hesitation. Instead of comparing abstract figures, people connect a gift to a tangible result and pick the level that moves them. Paired with a clean new **Row layout**, your amounts are not just more persuasive, they are easier to scan and choose.

## See It in Action

## When You’ll Feel the Difference

A few campaigns where a picture beats a number:

🍲 **A food or hunger program:** Show the meal, the box, the pantry shelf each gift stocks. 
💧 **A clean-water or health project:** Put the well, the filter, or the clinic beside the amount that funds it. 
🎓 **A [scholarship or education fund](https://www.wpcharitable.com/start-an-education-fundraiser-for-your-school/):** Show the student, the classroom, or the supplies each level supports. 
🐾 **An [animal rescue](https://www.wpcharitable.com/animal-rescue-fundraising/):** Let a face do the asking, one animal per amount. 
🎁 **A gift-catalog style appeal:** Turn your amounts into a menu of concrete gifts donors can “buy.”

## Show the Impact of Every Gift

You set it all up right in the [Campaign Builder](https://www.wpcharitable.com/features/visual-drag-and-drop-campaign-builder/), in the **Suggested Donation Amounts** section under **Donation Options**, with [no code required](https://www.wpcharitable.com/customize-your-wordpress-donation-form-without-code/).

Each suggested amount gets its own **Image** column in the amounts table, right next to where you already set the amount and description. Add, replace, or remove an image in a couple of clicks.

A new **Row** layout presents your amounts in a single horizontal row instead of a grid. Switch between **Default** and **Row** from the layout selector, and a short tooltip explains what each one looks like before you commit.

If you allow custom donations, add a **Custom Amount Image** too, so the “Other” option feels just as intentional as the presets.

## Built to Look Right on the Live Form

The visual upgrade carries cleanly from the builder to the donation page.

As a donor moves between amounts, the matching image cross-fades into view, so the form feels responsive instead of static.

In the Row layout, amounts sit side by side on desktop and wrap gracefully on smaller screens, so nothing feels cramped on a phone. An amount’s description can even appear as a caption over its image.

Configure images and layout visually in the builder, then preview the result before it goes live.

## Getting Started: Adding Images to Your Amounts

You can have visual donation amounts live in minutes.

1. Open a campaign in the **Campaign Builder** and go to the **Donation Options** settings.
2. In **Suggested Donation Amounts**, find (or add) an amount, then click **Add image** in that row’s **Image** column and pick an image from your media library.
3. Set the **Layout** to **Row** (or keep the **Default** grid) using the layout selector.
4. If you allow custom donations, add a **Custom Amount Image** so the “Other” option gets a visual too.
5. **Save** the campaign. Your images and layout appear on the live donation form.

## Why You’ll Love This

Every amount becomes a picture of what the gift does, which means less hesitation at the moment of decision and a more scannable, modern-looking [donation form](https://www.wpcharitable.com/features/donation-forms/).

Images and layout adapt automatically on mobile, and everything is configured visually in the Campaign Builder. No code needed.

## For Agencies and Developers

**Shape the layout and imagery with filters**

The feature is filterable end to end. See our developer documentation to learn how to override the layout per campaign and more.

## FAQs on Visual Donation Amounts

**Does this require Charitable Pro?**

Yes. Per-amount images and the Row layout are part of Charitable Pro 1.8.17.

**Do I have to add an image to every amount?**

No. Images are optional per amount. Amounts without an image display normally, and you can add a shared placeholder if you prefer.

**Does it work with custom “Other” amounts?**

Yes. When custom donations are enabled, you can set a dedicated Custom Amount Image.

**Will the images slow down my form?**

Images are loaded efficiently and cross-faded as the selection changes. Use appropriately sized images for best performance.

**Can I switch back to the grid layout?**

Anytime. The Default (grid) and Row layouts are a simple toggle in the amount settings.

## Get Started with Visual Donation Amounts

Visual donation amounts are available now in Charitable Pro 1.8.17.

Open a campaign, add an image to each suggested amount, and turn your donation buttons into a compelling, visual reason to give.

## More in Charitable Pro 1.8.17

Visual donation amounts are part of a packed release. Also new: the **Styles tab** for visual restyling, the **Beacon** templates and **Campaign Hero** field, the **[Donation Form](https://www.wpcharitable.com/introducing-donation-form-block/)** Gutenberg block, and new fundraising widgets for **Elementor, WPBakery, and Divi**.

## Charitable Has 1.2+ Million Downloads!

Trusted by millions to power successful fundraising campaigns. Try Charitable risk-free today.

[**Get Charitable Now →**](https://www.wpcharitable.com/pricing/?ref=int-million-downloads-blog-2)

✅ 14-day money-back guarantee

 ✅ Transparent pricing

✅ Code-free setup

## What’s New in Charitable

We also launched several powerful features and improvements recently:

📱

[Apple Pay & Google Pay for Mollie](https://www.wpcharitable.com/introducing-apple-pay-and-google-pay-in-mollie/?utm_source=onsite&utm_medium=link&utm_campaign=whats-new-block)

Let donors check out with a tap using Apple Pay or Google Pay, no typing out a card number on a phone.

[Learn More →](https://www.wpcharitable.com/introducing-apple-pay-and-google-pay-in-mollie/?utm_source=onsite&utm_medium=link&utm_campaign=whats-new-block)

🧭

[Ambassadors 3.0](https://www.wpcharitable.com/introducing-ambassadors-3-0/?utm_source=onsite&utm_medium=link&utm_campaign=whats-new-block)

Moderate ambassadors and campaign creators and browse your whole peer-to-peer network from one directory screen.

[Learn More →](https://www.wpcharitable.com/introducing-ambassadors-3-0/?utm_source=onsite&utm_medium=link&utm_campaign=whats-new-block)

⚡

[Razorpay Integration](https://www.wpcharitable.com/introducing-razorpay-integration-for-india/?utm_source=onsite&utm_medium=link&utm_campaign=whats-new-block)

Accept UPI, scan-to-give QR codes, and major global currencies for India-based donations, right inside your form.

[Learn More →](https://www.wpcharitable.com/introducing-razorpay-integration-for-india/?utm_source=onsite&utm_medium=link&utm_campaign=whats-new-block)

🔔

[PushEngage Integration](https://www.wpcharitable.com/introducing-pushengage-integration/?utm_source=onsite&utm_medium=link&utm_campaign=whats-new-block)

Send instant browser push notifications for donation thank-yous, campaign launches, and goal milestones.

[Learn More →](https://www.wpcharitable.com/introducing-pushengage-integration/?utm_source=onsite&utm_medium=link&utm_campaign=whats-new-block)

🛡️

[DonationGuard](https://www.wpcharitable.com/introducing-donationguard-real-time-bot-detection/?utm_source=onsite&utm_medium=link&utm_campaign=whats-new-block)

Automatically detect and block card-testing attacks and spam bots before they ever reach your donation forms.

[Learn More →](https://www.wpcharitable.com/introducing-donationguard-real-time-bot-detection/?utm_source=onsite&utm_medium=link&utm_campaign=whats-new-block)

🧳

[White Glove Migration Service](https://www.wpcharitable.com/white-glove-givewp-migration-service/?utm_source=onsite&utm_medium=link&utm_campaign=whats-new-block)

Let Charitable’s team migrate your donors, donations, and recurring gifts from GiveWP, no technical setup required.

[Learn More →](https://www.wpcharitable.com/white-glove-givewp-migration-service/?utm_source=onsite&utm_medium=link&utm_campaign=whats-new-block)

We’ve been adding to Charitable constantly, features and improvements designed to help you raise more and serve your donors better. See everything we’ve shipped at the [Charitable Changelog](https://www.wpcharitable.com/charitable-changelog/?utm_source=onsite&utm_medium=link&utm_campaign=whats-new-block).

Not yet a [Charitable Pro](https://www.wpcharitable.com/pricing/?ref=int-pro-cta-box-text "Charitable Pro") user? Sign up today and get up to 50% off on your plan. We’re confident you’ll love raising funds with Charitable. If, for any reason, Charitable is not the right fit for you, we’ll refund your purchase with our 14-day money-back guarantee. **[Get Charitable Pro](https://www.wpcharitable.com/pricing/?ref=int-pro-cta-box-get-pro "Charitable Pro") Now »**

## Stay Connected for More Nonprofit Resources

For more tutorials and videos tailored to nonprofits, subscribe to our YouTube channel. We regularly publish expert tips, step-by-step guides on online donations, fundraising strategies, and practical resources to help your organization succeed.

🗞️ **Get weekly tips and exclusive guides in your inbox**
[Join our newsletter → ](https://www.wpcharitable.com/newsletter/?ref=int-stay-connected-newsletter)

🎥 **Watch step-by-step tutorials and success stories**
[Subscribe to our YouTube channel →](https://www.youtube.com/@wpCharitable?utm_source=website&utm_medium=pattern&utm_campaign=stay-connected&utm_content=youtube)

👩🏽‍💻 **Connect with our community and get daily nonprofit insights**
[Follow us on LinkedIn →](https://www.linkedin.com/company/104739526/?utm_source=website&utm_medium=pattern&utm_campaign=stay-connected&utm_content=linkedin)

🥳 **Fun reels and non-profit insights**
[Follow us on Instagram →](https://www.instagram.com/wpcharitable/?utm_source=website&utm_medium=pattern&utm_campaign=stay-connected&utm_content=instagram)

👀 **Insightful & fun videos to help you grow your cause**
[Follow us on TikTok→ ](https://www.tiktok.com/@wpcharitable/?utm_source=website&utm_medium=pattern&utm_campaign=stay-connected&utm_content=tiktok-charitable)

🌎 **Subscribe and follow for general fundraiser tips**
[Get Fundraiser Tips on TikTok →](https://www.tiktok.com/@fundraisertips/?utm_source=website&utm_medium=pattern&utm_campaign=stay-connected&utm_content=fundraiser-tips)

## Powerful Fundraising Resources

🤖 **Use Charitable with Your AI Assistant**

[See Charitable + AI →](https://www.wpcharitable.com/ai/?ref=int-stay-connected-ai "See Charitable + AI →")

⬇️ **Download proven strategies, campaign ideas, and expert tools**
[Get the Fundraising Kit ](https://www.wpcharitable.com/fundraising-kit/?ref=int-stay-connected-fundraising-kit)→

💸 **Get Free Fundraising Resources** 
[Head to the Charitable Fundraising Hub](https://www.wpcharitable.com/resources/fundraising-hub/?ref=int-stay-connected-fundraising-hub) [→](https://www.youtube.com/@wpCharitable)

**🤔 Got questions about Charitable?**
[Charitable FAQs](https://www.wpcharitable.com/charitable-faqs/?ref=int-stay-connected-charitable-faqs "Charitable FAQs") [→](https://www.youtube.com/@wpCharitable)

🏎️ **Take Charitable for a spin**
[Create your Charitable Demo ](https://demo.new/charitable/ "Create your Charitable Demo ")[→](https://www.youtube.com/@wpCharitable)

**Understand non-profit terms and jargon**
[Non-Profit Glossary ](https://www.wpcharitable.com/the-ultimate-nonprofit-glossary/?ref=int-stay-connected-non-profit-glossary)[→](https://www.youtube.com/@wpCharitable)

% **Looking for non-profit deals and discounts?**
[Best Non-Profit Deals and Discounts →](https://www.wpcharitable.com/best-non-profit-deals-and-discounts/?ref=int-stay-connected-non-profit-deals-and-discounts)

**Categories:** Announcement

**Tags:** donation form, per amount images

---