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.
Types of boosts & customization
Always visible on your page and site. As users scroll, they will remain in place, hovering over content.
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
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"