Overview

Boosts | single-tap donations for creators, and developers.

They are the fastest and easiest way for your users to donate to you, say thanks and for you to learn what they love.

Your fans & users tip you with a single click or tap of a button. No inserting credit cards every-time, and no minimum contributions.

📌

Prerequisite: Make sure you’ve connected Mash with your account first.

Types of boosts & customization

Floating Boosts

Always visible on your page and site. As users scroll, they will remain in place, hovering over content.

In-line Boosts

These are located in a specific element of your page. They can be added with embedded code, or with plugin & apps on certain platforms

Mobile & Desktop Customization

You can adjust most settings for desktop vs. mobile including button size, placement, and whether to include the icon, or icon + word.

Adding Boosts to Your Site

There are three general ways to add Boosts to your site:

Directly from your Mash Account
Embedded code snippets. This works for both floating boosts, and in-line boosts.
Add them with the Wordpress Plugin, or Wix App.

Add Boosts directly from your Mash Account

Follow the guide and setup in your Mash account and you can be setup in less than a minute.

Add Boosts with Code Snippets

📌

You can add both floating and in-line boosts with code snippets on a per page basis. You can find additional overviews at docs.getmash.com.

1️⃣ Copy the `mash-boost-button` code snippet

Later, you’ll be adding it to the section of your site that you want it to display.

Example code snippet:

<mash-boost-button icon="heart" layout-mode="float" display-mode="with-text" float-location="bottom-center" color-variant="colorized" size="md" mobile-display-mode="with-text" mobile-float-location="top-right" mobile-size="sm"></mash-boost-button>

2️⃣ Customize the design and settings of your boost button

Change the attributes in the code snippet. You can create a custom code-snippet in our UI Component Builder and before adding it to your site.

3️⃣ Paste the code into your site and publish it.

You’ll have to use an “embed code” block or similar function on the page or location you want to add boosts. You can also add it directly in your code to the <body></body> section of your site (required for in-line boosts, and also works for floating boosts). These are available on most platforms which have detailed instructions. Here are a few:

Wordpress Code Block
SquareSpace Code Block
Ghost Add Custom HTML & Code Injection
Wix does not work with custom embedded code at this time. Please use the Mash App for Wix or adjust settings directly in Mash for Floating Boosts.

4️⃣ Save and publish your page and boosts will be live. That’s it!

Custom Code Attributes

Theme & icon to fit your vibe.
	icon="fire"
	icon="lightning" (default)
	icon="heart"

The colour variant to ensure contrast.
	variant="colorized" (default)
	variant="light"
	variant="dark"

Layout mode so that it is always available, or specific locations.
	layout-mode="float (recommended)
	layout-mode="in-line"

Float Location (only applies in float mode)
	float-location="bottom-center" (recommended)
	float-location="bottom-left"
	float-location="bottom-right"
	float-location="top-center"
	float-location="top-left"
	float-location="top-right"

Display Mode:Display the Boost as a simple icon button or with text.
	display-mode="with-text"
	display-mode="icon-only"

Button Size: 
	size="md"
	size="sm"

Mobile Adjustments: Add these atttributes in the code-snippet and adjust them to your linking with the same variables as above. 
	mobile-display-mode="with-text"
	mobile-float-location="top-right"
	mobile-size="sm"

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

Boosts: Add to All Sites