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:
- 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.
- 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
Good to know
Heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
Lorem ipsum
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
