Skip to main content

Web Design: Donation Manager

Written by Marija Golubovic

Overview

The Donation Manager controls how the Donation Widget looks and behaves on the web Checkout page. It is under Design > Web > Donation Manager in the Admin dashboard

💡See the article about the Donation Manager on the ordering platforms

Configuration

To customize this feature in the Admin dashboard,

Step 1: Go to Design > Web > Donation Manager.

Step 2: Update the settings

Setting

Definition

Enable Donation Widget

This setting controls whether the Donation Widget appears on the web Checkout page.

Donation Selection Required

This setting controls whether guests must select a donation option before placing an order. If a guest skips it, the page scrolls back to the Donation Widget.

Banner Background Image

This setting controls the image behind the donation options. Accepted files are JPG, JPEG, PNG, SVG, WEBP, or GIF, up to 2 MB.

Organization Logo

This setting controls the logo in the top-left corner of the Donation Widget. Accepted files are JPG, JPEG, PNG, SVG, WEBP, or GIF, up to 2 MB.

Widget Title

This setting controls the title above the Donation Widget. It is optional and takes up to 100 characters. Widget Title is available on web only.

Widget Text

This setting controls the text next to the logo. It is required and takes up to 150 characters.

Info Popup: Title

This setting controls the title of the pop-up that opens when a guest selects the info icon. It takes up to 100 characters.

Info Popup: Text

This setting controls the text of that pop-up. It takes up to 150 characters.

Step 3: Select Preview Widget to preview the widget, or Preview pop-up to preview the info pop-up.

Step 4: Select Save. Changes apply to the Checkout page only after saving.

💡Once you configured Donation manager for Web, we need to enable and configure it for Mobile Apps. Here's the article for your convenience

Donation Widget on the Web Checkout page

The Donation Widget appears at the top of the Checkout page. Here is where each setting shows up:

  • The widget title appears above the widget, with the info icon next to it.

  • The organization logo sits in the top-left corner, and the widget text appears next to it.

  • The donation options appear below the logo and text, with the banner background image behind them.

  • Selecting the info icon opens the pop-up with the Info Popup title and text.

Did this answer your question?