Overview

This guide outlines how to connect Mash with your Webflow website.

📌

Prerequisite Mash Account: To begin earning with Mash, you’ll need an account. If you don’t have one, please create an account here – it shouldn’t take more than 2 minutes!

By connecting Mash to your site, it allows you to get paid directly, and provides users access to their Mash wallet to easily contribute (with a click, or automatically).

The user wallet appears as a small icon on your site. The Wallet can display on all pages of your site, or you can set-it-up to show up only on specific pages that have items to monetize, such as Boosts, Page Revealers and more. You can adjust the placement and positioning directly in your Mash account.

Connect Mash to your Webflow site

📌

Note: to use the Custom Code Webflow feature, you must be subscribed to the Basic Webflow plan or higher. For more information on Webflow’s pricing, see here.

In the steps below, we’ll use Webflow’s “Custom Code” functionality to add Mash to your site in your site settings.

1️⃣ Go to your Webflow dashboard. Click the "…” button on your site’s card, and select Settings.

2️⃣ On the settings page, click the Custom Code menu item near the top right side of the page.

3️⃣ Getting and copying your Code Snippet:

Open the Earn with Mash website (this link will open in a new window)
The default Javascript option will work. Alternatively you can select Webflow from the list.
Navigate to the bottom and, Click the Copy to Clipboard option

This code already has your unique identifier, the Earner ID, so that you are paid directly.

4️⃣ Paste the code snippet below in the Head Code Webflow Settings section to add the Mash wallet to your site.

5️⃣ Click the Save Changes button to save the code, then the Publish button at the top right of the screen, then Publish to Selected Domains within the dropdown that appears.

This example also includes a Boost button Here’s the Webflow Boost installation guide to add one of Mash’s most loved products.

6️⃣ If you set the Mash wallet to always show, it will appear on your site. If you decided to set it to only show when there is an item to monetize, add something to start earning from, such as Boosts, and then take a look and both should be visible.