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 – it should only take 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).

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.

Add Mash in Your Site Admin Panel

⓵ - Go to your Webflow dashboard. Click the “🟰” button in the top left corner, and select “Site settings”.

⓶ - On the settings page, click the “Custom Code” menu item near the top right side of the page.

⓷ - In a new tab, open the Mash App (this link will open in a new window)

The default General option will work.
Navigate to the bottom and, Click the “Copy to Clipboard” option

⓸ - Paste the code snippet below in the Head Code Webflow Settings section and click “Save” to add the Mash wallet to your site.

Then the “Publish” button at the top right of the screen, then “Publish to Selected Domains” within the dropdown that appears.

⓹ - That’s it! 🎉

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.

Additional Resources

If you’d like to learn more, check out the links below.

To learn more about Mash Boosts, visit our site here.
To view a video overview of Mash Boosts, see here.
To learn more about global Custom Code in Webflow, see here.
To learn more about Custom Code Embeds in Webflow, see here.