Donation Popup Customization

Estimated reading: 3 minutes 19 views

This section allows you to fully customize the appearance, behavior, and content of your donation Popup. You can personalize everything from the donation amounts to button text, as well as manage the layout and branding to suit your store’s design. Use the settings below to create a seamless and engaging donation experience for your customers.

  • Now, navigate to the Settings under the Donate Now app, where you’ll find the settings for the donation Popup.
  • You’re now on the Settings Page of the Donate Now app. From here, you can fully customize how your Popup looks, behaves, and who sees it.

Donation Pop-up Content

Donation Pop-up Title

  • Enter the main title for your donation Popup.
  • Example: Donate to a Cause

Donation Pop-up Subtitle

  • Enter a subtitle for your donation Popup.
  • Example: Support a cause you care about.

Donation Pop-up Description

  • Provide a brief description for your donation campaign.
  • Example: Your contribution makes a difference.

Donation Pop-up Customization

Pop-up Background Color

  • Select the background color for the donation pop-up.
  • Example: #ffffff.

Pop-up Text Color

  • Select the text color for the donation pop-up content.
  • Example: #000000

Donate Button Background Color

  • Select the background color for the donate button.
  • Example: #4CAF50

Donate Button Text Color

  • Select the text color for the donate button.
  • Example: #ffffff

Preset Amount Button Background Color

  • Select the background color for the preset amount buttons.
  • Example: #eeeeee

Preset Amount Text Color

  • Select the text color for the preset amount buttons.
  • Example: #333333

Cancel Button Background Color

  • Select the background color for the cancel button.
  • Example: #cccccc

Cancel Button Text Color

  • Select the text color for the cancel button.
  • Example: #000000

Add Banner Image

  • Upload your banner image (only jpeg, png, webp, and svg are accepted).

Hide Banner Image on Mobile

  • Choose whether to hide the banner image when viewed on mobile devices.

Right to Left Layout

  • Enable right-to-left layout or keep it as left-to-right.

Add Donation Amount Presets

This feature allows you to define specific donation amounts that users can choose from when making a donation. You can set up to five preset amounts that will be shown as options in the donation pop-up.

Donation Preset 1

  • Enter the first donation amount.
  • Example: 30
  • This will be the first option users can choose from when making a donation.

Donation Preset 2

  • Enter the second donation amount.
  • Example: 40
  • This will be the second option in the preset amounts list.

Donation Preset 3

  • Enter the third donation amount.
  • Example: 50
  • This will be the third preset option available to users.

Donation Preset 4

  • Enter the fourth donation amount.
  • Example: 60
  • Users can select this option for the fourth preset amount.

Donation Preset 5

  • Enter the fifth donation amount.
  • Example: 70
  • This is the last preset amount option available for users to choose.

Note: In the free version, you are limited to only five donation presets. You cannot add more than five preset donation amounts. To add more options, you would need to upgrade to the Pro version, which allows unlimited preset amounts.

Leave a Reply

Your email address will not be published. Required fields are marked *

Share this Doc

Donation Popup Customization

Or copy link

CONTENTS