So your donors can give without ever leaving your page.
Improving Conversion Rates with On-Page Giving Forms
To maximize donation conversions, it's important to create a smooth and seamless experience for potential donors. One common obstacle is redirecting users away from your organization's website to complete a Giving Form. This added step can disrupt the user journey and negatively impact conversion rates.
A proven way to improve this experience is by embedding the Giving Form directly on your site using a pop-up modal. This keeps donors on your page, reduces friction, and helps maintain engagement throughout the giving process.
Creating a Pop-up Giving Form
Creating a new pop-up giving form is simple! From an existing or new campaign:
- Click Add Channel
- Select Giving Form
- On the iDonate's Templates tab, select Pop-up Form and give your new giving form a name. That's it!
Editing a Pop-up Giving Form
The giving form modal offers a streamlined, user-friendly donation experience that keeps visitors on your site. Whether you're customizing it for branding, donation flow, or donor data collection, this guide will walk you through the key areas of editing your giving form pop-up.
Value Proposition
Overview: Visually highlight your mission, inspire donors, and strengthen the emotional connection to your cause.
Key Customization:
- Image: Add an image to visually highlight your mission, inspire donors, and strengthen the emotional connection to your cause.
- Image will be resized proportionally to fit a 480 pixel width. For best results provide a landscape oriented image.
- Content:
- Headline: Grab donors attention and clearly communicate the purpose of the form.
- Description: Use concise, impactful messaging to explain why donations matter to your donors.
- Headline: Grab donors attention and clearly communicate the purpose of the form.
Site Buttons & Actions
Overview: An important step in configuring your Giving Form modal is deciding how and where donors will access it on your website.
Key Customization:
- Branding: Match the button and abandon incentive’s styling to your site’s color palette, typography, and design language
- Animated Heart: Optionally draw attention and encourage interaction by visually signaling the importance of your donation button.
- Abandon Incentive Pop-up
- Custom Message: Create a message that resonates with your audience. Whether it’s a friendly nudge or a more mission-driven appeal, you have full control over the text content.
- Screen Location: Control where the toast notification appears for maximum visibility and minimal disruption. Placement options include Bottom Right, Bottom Center, or Bottom Left of the page.
Appearance & Content
Overview: The modal should reflect your organization’s branding and clearly communicate your mission.
Key Customization:
- Colors & Fonts: Match the modal’s styling to your site’s color palette and typography.
- Headline & Description: Much like in the value proposition, you can add a shorter, to the point, message to continue to motivate your donors to donate.
Donation Options
Overview: Tailor your giving form to fit your fundraising strategy by customizing donation options that align with your campaign goals and donor preferences. The Donation Options settings allow you to control how donors interact with giving amounts and special giving types like anonymous or memorial gifts.
Key Customization:
-
Frequency: Just like any other giving form, the option to have one time and/or recurring gifts is available. Note - Currently only monthly recurring gifts are supported on this form.
- Donation Amounts & Options
- Amounts:
- Provide up to 5 suggested donation amounts to give donors an easy starting point.
- Note, if you prefer to offer fewer than five options, simply leave one of the input fields blank.
- Upsell Page:
- Provides the option to add a monthly upsell page, which automatically suggests a recurring monthly donation of either 35% or 20% of the original one-time gift amount.
- Options:
-
Anonymous Giving: Donors can choose to hide their name from public recognition lists.
-
In Memoriam Giving: Enable a tribute option so donors can dedicate their gift in memory or honor of someone.
-
- Amounts:
Payment & Donor Information
Overview: This section lets you fine-tune how donors submit their payment and personal information. These settings help you streamline the donation process while collecting only the information that’s relevant to your organization.
Key Customization:
- Payment Method: Choose which payment methods your form will accept based on your organization’s needs and supported payment processors.
- Please note, your form must be published and payment methods must be properly configured on an organization level to show up on the form.
- Transaction Fees: Optionally give donors the option to cover transaction processing fees, helping your organization receive the full value of their contribution.
- Additional Donor Information: Control which optional donor details you collect. Just like our other forms these fields include:
- Name Prefix (e.g., Mr., Mrs., Dr.)
-
Middle Name
-
Phone Number
-
Donate on Behalf of an Organization
Live Previewing
As you customize your form—whether it's updating donation amounts, changing colors, or editing messaging—you’ll see those changes reflected in real time in the preview panel.
-
The preview updates automatically with every change.
-
It mirrors the appearance and layout of the final embedded form.
-
You can interact with the form in the preview just like a real donor would (click buttons, enter info, toggle options, etc.).
- If you would like to navigate directly to a specific section of the form, simply select the corresponding tab located at the top of the preview pane.
Embedding Your Pop-up Form
After publishing your form for the first time (or anytime after):
-
Find the Embed Snippet by:
-
Copying the embed snippet from the Published success message pop-up
-
Opening the Actions Menu (appears after publishing for the first time) and selecting “Get Embed Code”.
-
- Paste the snippet into your website’s HTML where you want the modal trigger to appear (e.g., on your homepage, donation page, or landing pages). iDonate recommends that this snippet be place on a portion of your page that appears globally across your website (like a navigation menu) so that donors can always donate with ease