Add a “Share by email” link in Webflow

Introduction

In this tutorial, Sandro, co-founder of the Gemeos Webflow agency, shows you how to add a "Share by email" link in Webflow.

Adding a "Share by email" button to a website comes with a few perks:

1. Makes sharing easy: The "Share by email" button lets users quickly share site content with friends, family, or coworkers through their inbox. That can be handy for spreading important or interesting information.
2. Expands your reach: Email is still a widely used way to communicate, even in the age of social media. By adding this sharing option, you let your content reach a broader audience that may not be active on social platforms.

Here’s how to do it!

1. Add a trigger element to your page

You can use any element you want, such as a Div or Link.

‍

2. Add the id "mail" to it

‍

3. Add this custom code

You can add it before the <body> on your page, or drop it straight into an embed inside your element.

‍

4. Publish and test the result