Donation Buttons let your users larger one-time contributions directly from the Mash Wallet, or from a Mash Page. Let our users support you. No entering credit cards every time. Use our standard design or make your own.

You can use donations buttons two ways

To open the consumer Mash Wallet right in your experience
To direct users to your Mash Page where there is a donation button, boost button and more

1. Donate button & payment experience directly on your site

Upon clicking the donate button, the consumer wallet will open for a user to contribute right there.

2. Donate button experience that sends users to a Mash Page

Alternatively, you can have your Donate button open a Mash Page in a new tab. Learn more

Mash Page Overview

👉

You can use our pre-designed donation button, or any button or link that you would like with your Mash Page link available in the Earn with Mash App.

🎨 Design & Placement Options

👉

If you want to fully customize the style of a donate button, currently you can use the Mash

SDK & NPM Package

or create a button or link of your choosing that directs users to your Mash Page.

Button Sizing

Currently Mash provides three different sizes of donation buttons, which you can see here. Shortly there will be a variety of themes and design options available.

Styles & Themes

Currently we have only released one theme. We’re actively building a lot more – stay tuned or to let us know what vibe you are looking for!

Placement-Inline

Donation buttons can sit inline with a page’s content. Place them where you want, near content that your users love so they can say thanks easily.

Width of your Donation Button

You can set the width of your button directly, or have it auto-size based on the container that it is in on your site. If you want to specify the size, you can add a width attribute like in the code below. You can use general CSS parameters like pixels, rem and more. Here’s some example documentation.

<mash-donate-btn handle="my-handle" width="160px" size="sm" mode="all"></mash-donate-btn>

Example donate button with 160px width – see attribute “width=”160px” added above.

🔌 Add Donations to your site

For a detailed guide, continue here

Donations: Add to All Sites

. Alternatively, here is our older generalized documentation.

🧑‍🎨

We’re actively adding a number of enhancements and options from styling, sizing and placement defaults. Stay tuned, or and let us know what you’re looking for!

See All Guides

Mash Guides

Contact Us

Partner

Become an early partner and get extra hands-on support.

Stay up to date

The Mash Twitter account
Youtube Channel

Donations Overview