Ajouter

Lorem ipsum

Lorem ipsum

A
A
A
No-code

3 vues

4 min

Ajouter un lien "Partager par email" dans Webflow

Introduction

Paramètre mailtoDescriptionExemple
toDestinataire (laisser vide pour choisir)
subjectObjet du mailRegarde cet article
bodyCorps du mail (URL encodée)https://votre-site.com/article

Dans ce tutoriel, Sandro cofondateur de l'agence Webflow Gemeos vous montre comment ajouter un lien "Partager par email" dans Webflow.

Ajouter un bouton "Partager par email" sur un site web offre plusieurs avantages :

  1. Facilite le partage : Le bouton "Partager par email" permet aux utilisateurs de partager facilement le contenu du site avec leurs amis, leur famille ou leurs collègues via leur boîte de réception. Cela peut être utile pour diffuser des informations importantes ou intéressantes.
  2. Élargit la portée : L'email reste un moyen de communication très répandu, même à l'ère des réseaux sociaux. En ajoutant cette option de partage, vous permettez à votre contenu d'atteindre un public plus large qui pourrait ne pas être actif sur les réseaux sociaux.

Voici comment faire !

1. Ajoutez dans votre page un élément servant de déclencheur

Vous pouvez utiliser n'importe quelle élément (Div, Link, etc).

Webflow Tutoriel Email

2. Ajoutez lui l'id "mail"

Webflow Email ID Tutoriel

3. Ajoutez ce custom code

Vous pouvez l'ajouter avant le <body> dans votre page ou ajouter directement un embed dans votre élément.

 

bon à savoir

Le lien mailto ouvre le client email natif de l'utilisateur. Pour pré-remplir l'objet, ajoutez &subject=Votre+Objet après l'encodage de l'URL dans le script.

4. Publiez et tester le résultat

Exemple tutoriel Webflow

bon à savoir

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 dolor sit amet consectetur.

Lorem ipsum dolor sit amet consectetur. Aliquam orci sagittis dignissim sapien praesent donec.

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.

Publié le 10.04.2025

Ces tutoriels pourraient vous intéresser

tutoriels similaires

SEO / GEO

5 min lecture

5 vues

Comment faire une redirection sur Webflow ? (2026) ?

Mis à jour le 19.12.2025 par Sandro DA SILVA

SEO / GEO

5 min lecture

5 vues

Ajouter des données structurées à votre site Webflow ?

Mis à jour le 21.08.2025 par Sandro DA SILVA

No-code

5 min lecture

5 vues

Comment obfusquer un lien dans Webflow ?

Mis à jour le 23.04.2025 par Sandro DA SILVA

Let’s f*****G GO !!

Prêt à faire décoller
votre activité  ?

Alexandre

Max

Enora

Bryan

Cannelle

Tiphaine

Vous allez :heart: notre collaboration...