Comment insérer un bouton cliquable dans un mail sans code html ?

Lorsque l'on souhaite inciter le lecteur à faire une action, il est préférable de mettre en avant l'action attendue. Rien de tel que de la présenter sous forme de bouton cliquable.


Pour éviter d'avoir à coder, surtout si comme moi vous ne savez pas le faire, voici une astuce pour créer un bouton sur lequel on pourra cliquer et renvoyer vers une page de votre site web, une page de votre tunnel de vente, un groupe Facebook ...


1- Créer un bouton

2- Générer une image

3- Insérer l'image dans le mail

4 - Associer un lien (url)


On détaille tout ça dans la suite de l'article, en prenant l'exemple de ce bouton :

Les 2 possibilités pour créer un bouton sans code

Vous avez 2 possibilités pour créer un bouton sans la moindre ligne de code

  • Le dessiner dans un logiciel de dessin, Canva, même PowerPoint ou Google slide, puis l'enregistrer en tant qu'image
  • Utiliser une plateforme en ligne de génération de bouton



J'ai testé Da Button Factory : https://www.clickminded.com/button-generator/

C'est en anglais mais très simple d'usage

Comment créer le bouton ?

Voici les étapes :


NB : ce qui est pratique, c'est que vous voyez tout de suite le rendu du bouton et pouvez le modifier jusqu'à ce qu'il vous convienne


Définir le texte dans le bouton

Taper le texte qui s'affichera dans le bouton et choisir sa présentation (police, taille, couleur ...)

En dessous, vous pouvez définir la largeur et la hauteur du bouton

Définir la couleur et la forme du bouton

Cliquer sur le sélecteur de couleurs, et choisir la couleur de fond du bouton

Vous pouvez ensuite choisir la taille des arrondis (mettre 0 si vous de voulez pas d'arrondis), et demander une bordure et un effet d'ombre

Vérifier que le résultat vous convient

Le bouton se met à jour dynamiquement

Télécharger le bouton

Cliquer sur le bouton Download

L'image du bouton est placée dans le dossier Téléchargement de votre poste de travail

Il se nomme "button-texte dans le bouton.png"

Dans notre exemple :" button-je-rejoins-le-groupe.png"

Comment insérer le bouton dans le mail ?

Prenons l'exemple de Système.io (logiciel de tunnel de vente et emailing, qui dispose d'une version gratuite), qui ne propose pas encore partout l'éditeur graphique pour composer des mails.

Si vous utilisez un autre outil de messagerie, sachez que même si les icones sont différentes, le principe reste similaire


1- Cliquer sur le bouton d'insertion d'image

2- Sélectionner l'image du bouton


3- Définir les propriétés de l'image


Vous pouvez attribuer un texte alternatif, pour le cas où les images ne s'afficheraient pas dans le lecteur de messages


Cliquer ensuite sur le bouton "OK" pour insérer l'im


4- Notre bouton s'affiche désormais dans le mail, mais pour l'instant, c'est une simple image

Si on clique dessus, il ne se passe encore rien !

Comment rendre le bouton cliquable ?

Nous allons procéder comme quand vous voulez insérer un lien cliquable dans le mail


1- Copier le lien de destination : url de la page vers laquelle vous voulez renvoyer lorsqu"on cliquera sur le bouton (dans notre exemple, le lien du groupe Facebook. Mais cela pourrait être une page de votre tunnel de vente, ou tout autre page web)

2- Sélectionner image

3- Cliquer sur le bouton d'ajout d'un lien

4- Coller le lien (url)

Et voilà, votre bouton est opérationnel ! A vous de jouer :)

Mentions légales | Politique de confidentialité

Tous droits réservés

Réalisé avec