Skip to main content

Mobile App Design: Donation Manager

Written by Marija Golubovic

Overview

The Donation Manager controls how the Donation Widget looks and behaves on the Checkout page in the mobile apps. It's nested under Design > Mobile App > 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 > Mobile App > Donation Manager.

Step 2: Follow settings and their definitions to create effective user expereience

Setting

Definition

Enable Donation Widget

This setting controls whether the Donation Widget appears on the Checkout page in the mobile apps.

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.

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 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. The preview uses sample donation amounts. Guests can chooose the donation amounts set on the POS.

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

The mobile app settings are separate from the web settings. To setup Donation Widget on ordering website, visit Web Design: Donation Widget

Donation Widget on the mobile app Checkout page

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

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

  • The donation options appear below the logo and text.

  • The info icon sits in the top-right corner of the widget.

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

💡For how the widget works for guests, see Donation Manager.

Did this answer your question?