Donation pages allow you to accept donations from your supporters.
As you make edits to your Donation Page, you can see the changes in real-time on the same screen with our Visual Editor.
Located above the Visual Editor there are multiple viewing options. On the left, view your page from a Desktop or Mobile view right in the Visual Editor. On the right, view your page as a donor who is Logged Out or Logged In, or who has a Temporary Profile or Apple Pay.
No more clicking Save and waiting to check a separate tab. You can build and preview your page at the same time!
This guide will help you get started building pages.
Page Setup
Click on the green Create a New Page button found on the right hand side of the page.
You will see four-page options: a Donation Page, a High Dollar Page, a Petition Page, and a Video Page. We linked out instructions on how to create High Dollar, Petition, and Video Pages for you to reference, but to create a regular donation page, click Donation Page.
WinRed automatically generates your internal page name, the public page title, and your page slug for you. These are easily editable at the top of your screen. A quick explanation of each is below:
Internal Name: A non-public name for your page to help you keep track of it.
Public Title: The title of the tab that donors can see.
Slug: This gives each page a unique URL when you publish it.
Colors, Background, & Layout
This is where you can customize your donation page with colors, images, and logos. Expand the Colors, Background, & Layout element on the right-hand side.
There are three layout settings:
Page Steps: Select if the donation form should be either a Multi-Step or Single-Step. A Single-Step form simplifies the donation experience in fewer clicks and is easier to complete. It will have all of the steps to donate on the initial donation page. A Multi-Step form cleanly displays form fields across separate pages, presenting the information one step at a time.
Page Layout: You can select the Page Layout by toggling Floating or Double. Floating is single width, while Double allows you more room to add more information.
Form Position: This pertains to the size of where the donation information is displayed. If you want your Form Position to align to the left or the right, you can set this by toggling between the left and right arrows, or click center to have your page aligned in the center.
Customize your Form Colors: the Primary color adjusts the page's main buttons and links; the Secondary color adjusts the page's amount and checkbox buttons.
There are two options for background page settings:
Background Image: set a background image for your page. Select the green Select Image button to open the Media Library.
Solid or Gradient color: set a desktop color. This will show if your image fails to load or takes a long time to load. If you choose to have a gradient background, then you can choose between a linear or radial gradient, the two colors in your gradient, and the direction of your gradient.
The difference between the two is that a Desktop Logo will appear at the top of the donation form on your computer. If you don't upload a Mobile Image, nothing will appear when viewing the page on your mobile phone.
The Desktop Logo or Background Image can either be a GIF or a regular photo. If you click the gear icon, you can decide if you want the logo on the form or above.
As you make changes to the background, the preview on the left-hand side will update.
Logo
Here's where you'll be able to edit the Logo, the image on a desktop donation page, and the Mobile Banner Image, the image that will show up on the mobile version of the page.
You can view the difference to how the page appears with both images on the top left hand corner of the page, easily switching between views.
Call to Action
Next, enter your Call to Action. This text box is used to tell your donors why they should donate to you. Using the formatting options at the top, you can embed links, link out pictures, and customize the formatting of the copy.
Donation Amounts
This is where you can customize the amounts on the Donation Amount Buttons. Expand the Advanced Settings by clicking on the carrot to the right. A menu of the following will appear:
Add Other Field: Leave an "Other" amount for the donor to input their own donation amount
Add Button Text: This will allow a text label to appear on the button on the donation page
Add Minimum & Maximum Amounts: You can also set the minimum and maximum donation amount on the specific page if the gear icon is selected
You can toggle between yes and no for each of these.
Lastly, select whether you would like to allow your donors to cover processing fees by toggling this option.
Committees
You can split donations that are made through WinRed pages with other committees. Simply click Add Committee and search for the committee by name.
If using a vendor, you can also add Bill-Pay here. View this document to learn how to add Bill-Pay.
Recurring Button
One of the most powerful ways to increase online revenue is Recurring Donations. These are donations that automatically recur on a set interval (such as once a month).
Building your recurring program is crucial because it’s a great way to raise money without additional donor asks. To set this up on your donation page, expand the Recurring Button section on the right-hand side of the page builder.
Money Pledge
In the page builder, expand the Money Pledge section on the right-hand side. Use the drop-down to choose which Money Pledge you'd like to append to the page.
You can create a new on by selecting the Create New Money Pledge green button from the page builder. A new menu will appear and you will need to enter the following information:
Money Pledge Name
Money Pledge Callout
Date of Money Pledge
You can expand the Advanced Money Pledge Settings to override the email body. Once you have entered the necessary information select the green Create Money Pledge button at the bottom.
Campaign
You can append a campaign to the page to help with tracking. For more information on campaigns, please refer to this doc.
Here's where you can add your standard or merchandise campaign.
Add Element
Would you like to add a page header? Custom fields? Something else missing? Click the green + Add Element button to add additional features to your page.
Page Header
You can add a Page Header element, which will appear inside a box at the top of the donation form, as shown below. You will need to scroll down to the green + Add Element button and select Page Header. Once this element is added, expand it and enter the text you would like to appear.
Video Embed Code
This is where you can enter the Video Embed Code. WinRed allows you to embed videos from Youtube, Rumble, Vimeo, or Facebook.
If you are embedding a video from Rumble, use the iFRAME code and not the JavaScript option.
Custom Fields
WinRed allows you to add Custom Fields to your pages. Go to the green "Add Element" box and select "Custom Field". You can decide if you'd like to add an Existing or a New Custom Field. An Existing Custom Field is one that you have already created on another page.
You will need to give the field a name and designate where you'd like it to be positioned on the donation form (for example, before or after the Donation Buttons). Lastly, select the Field Type.
After selecting the type of custom field you would like to create and you are creating a new Custom Field, you will need to enter the following information:
Custom Field Name
Field Position
Target Position
The Field Types are listed below:
Text Field: This is a regular text field that allows all characters.
Number Field: This is a field that only allows numbers to be entered.
Text Area: This is a field that allows donors to add longer comments.
Checkbox: This checkbox allows donors to accept a condition or disclaimer before donating. You can toggle whether checking this checkbox is required in order to process a donation.
Paragraph: This is simply some helpful text you can add throughout your form.
Hidden: This is an invisible field. Hidden fields are useful if you would like to set a default value for a field that donors can't edit. They can be prefilled via URL, like many other custom field types.
Multiple Choice: This field allows donors to select multiple options from one list of options.
Radio Buttons: Presents donors with a number of options to choose from but does not allow more than one option to be selected.
Text Field Toggle: This is a text field that appears after a donor has checked a checkbox.
Widgets
Widgets can be used to drive urgency, show impact, and increase donor conversion rates.
To add a Widget to a donation page, you should first navigate to a donation page. On the right-hand side, scroll down and select the Add Element button.
Click Widget to access the menu featuring a list of available widgets.
Disclaimers
WinRed already displays a disclaimer at the bottom of our pages, but if you need to add more, you can do so in the Long Disclaimer and Box Disclaimer fields.
Page Status
When you have completed your page, click the green Save button on the top right corner. Then, you can click the grey draft button and toggle your page live.
You also have the option to require a password to view it. The grey draft button will turn green and say Live once it is live.
Live: pages can be seen by anyone, meaning that they will show up when searched via Google, Bing, etc.
Password-protected: pages can only be seen by people who enter a password you set. (These are great for sending pages around for approval).
Entry Mode: allows you to process internal donations without saving donor information. Learn more about this mode here.
Donor Information
If you scroll on the right-hand side between the elements, you'll be able to choose what information you'd like to gather from your donors, such as Shipping Details, Employer Information, or Employer Name, and Occupation.
Expand the Donor Information section to set the information you'd like to gather.
Five fields will appear in this section in which you can set on your page.
Display Mobile Field: If you toggle the Mobile Field to Yes, you will be given to option to allow users to opt into receiving SMS Messages, display an SMS Disclaimer, and whether you'd like this to be a required field. If you toggle the SMS Opt-In Disclaimer to yes, you'll be prompted to add an SMS Opt-in Call to Action and the Disclaimer.
Display Shipping Fields: If you are selling Merchandise on your pages, collect a Shipping Address for your donors. If you are offering Merchandise on your pages and do not toggle the Shipping Address, the product will send to the address the donor has on file.
Pre-Check Shipping Address: Use billing address as default shipping address.
Require Email Field: Make the email field required for High Dollar or Entry Mode enabled pages.
Enable Fundraiser ID: Allows for a Fundraiser ID, also known as Bundler ID, field to be visible on the donation page. Click here to learn about this feature.
Employment Details
If you want to set the donor's employer settings, expand the Employment Details section and toggle between yes or no.
CSS Editor
If you want to modify cosmetic elements on your page you can customize this with the CSS Editor. Use at your own risk and always confirm your page works fine before sharing with your supporters.
Note: you cannot edit the following on a WinRed landing page:
Donation button size
Remove an "other" field on a landing page
Overriding the copy on a Money pledge
Resizing a logo
Changing color of an upsell button
Upsells
The Upsells tab allows you to dynamically redirect donors from a donation page to an upsell based on donor attributes through an Upsell Pathway. Or to group multiple Upsells together in an Upsell Flow.
Upsells appear after the initial donation flow to encourage your donors to donate more!
You can either create a new Upsell Pathway or Flow or add an existing one.
When creating a new Upsell, you will be given three upsell type options: Immediate Donations, Future Donations, and Non-Donation Actions. You can read more about the types of Upsells here.
Click into any of these and customize your upsell with images, call-out text, and much more! You can also append Bill-Pay and Money Pledges to your Upsells.
Marketing
Navigate to the Marketing tab in the page builder. There are four settings to edit here.
SEO
Specify this page's title and description for search engine optimization.
Source Code
If you add a value to the Source Code field, every donation made to that page will have that code associated with the charge in reporting. This is a great way to add another tracking layer to your pages.
Open Graph
Open Graph tags are what populate the preview when your page is shared on social media. All WinRed pages have default settings, but you can override them by changing the Open Graph settings.
You can add an Open Graph Image. An Open Graph Image is a picture that will be shown on social media when you post your page's link. The Open Graph defaults to the image below, but you can update that with your own image if you'd like.
X (Twitter)
Twitter uses its own settings to populate a page's preview within Tweets. All WinRed pages have default settings, but you can override them.
Page Settings
General
There are four General Settings on the page level:
Contributor Types: Set the type of contributors that can donate on this page, like Personal and PAC donations.
Enable CAPTCHA: This is an extra layer of identity confirmation. You can turn this on by toggling this to Yes.
Language: You can select a language for your Donation Page. We currently offer Spanish page translation for all the standard form text. You will need to translate custom text such as your Call to Action and Disclaimer.
Archive: Archive this page to remove it from your My Pages list.
Confirmation Page
You can customize the message that will appear to your donors once they have completed their donation. You are also able to add a Custom Button to your page that will link out to a URL of your choosing, for example, back to your campaign website.
Lastly, you can also link out to social media, such as your Facebook or Twitter, to be displayed to donors here as well.
QR Codes
Download the QR code for your Video Page by selecting the QR Code button next to the copy button located at the top.
Duplicate Pages
If you want to duplicate a page, go to the My Pages tab, click the ellipses on the page, and select Bulk Duplicate or Duplicate from the drop-down menu.
The bulk duplicate button allows you to make multiple new copies of the page with different bill pay fees, while the duplicate button will create one new copy of the page.
Pages can also be duplicated within the page builder by selecting the Duplicate Page button underneath the internal page name.
Page Tags
Page tags can be easily added to a donation page to help organize it and improve navigation and searchability. They can be added within the page builder by clicking the tag icon next to the duplicate page button.
Up to ten tags, each with twenty sub-tags, can be created per account. Up to three tags, including both tags and sub-tags, can be added to each page. You can read more about this feature by clicking the button below.
Questions?
If you have questions or are unsure on any of these steps, please reach out to our support team by clicking the red chat box a the bottom right corner of your screen.