Dans cet article d'aide, nous vous guidons pour créer un bouton via HTML pour votre page de réservation afin que vous puissiez l'ajouter à votre signature Outlook ou Gmail. Dans la première étape, nous créerons le bouton et ajouterons l'URL de la page de réservation, et dans la deuxième étape, nous l'ajouterons à votre signature Outlook ou Gmail. Nous vous recommandons de demander à votre service informatique de vous aider à configurer cela.
*Remarque : Dans cet article d'aide, John Doe chez XYZ comptabilité est une personne et une entreprise fictives créées pour servir d'exemple. Toute ressemblance est purement fortuite.
Dans cet article d'aide :
- Créer le bouton
- L'ajouter à votre signature email
- Outlook (via le navigateur !)
- Gmail
1. Créer le bouton
- Copiez le lien de votre page de réservation sur la page des types de réunion.
Cela pourrait être une page de réservation d'équipe, une page de réservation personnelle ou un lien de type de réunion. -
Collez-le dans le code suivant
<a href="LIEN DE PAGE DE RÉSERVATION" style="background-color:#FFFFFF; color:#FFFFFF; padding:10px 20px; text-decoration:none; border-radius:5px; display:inline-block; font-family:sans-serif;" target="_blank"> Texte du bouton </a>
-
Changez la couleur d'arrière-plan du bouton au code hexadécimal de votre choix. par ex. Noir : #000000
<a href="LIEN DE PAGE DE RÉSERVATION" style="background-color:#000000; color:#FFFFFF; padding:10px 20px; text-decoration:none; border-radius:5px; display:inline-block; font-family:sans-serif;" target="_blank"> Texte du bouton </a>
-
Changez la couleur du texte du bouton au code hexadécimal de votre choix. par ex. blanc : #FFFFFF
<a href="LIEN DE PAGE DE RÉSERVATION" style="background-color:#000000; color:#FFFFFF; padding:10px 20px; text-decoration:none; border-radius:5px; display:inline-block; font-family:sans-serif;" target="_blank"> Texte du bouton </a>
-
Ajoutez le texte du bouton. Par ex. Réserver une réunion
<a href="LIEN DE PAGE DE RÉSERVATION" style="background-color:#000000; color:#FFFFFF; padding:10px 20px; text-decoration:none; border-radius:5px; display:inline-block; font-family:sans-serif;" target="_blank"> Réserver une réunion </a>
Donc, un exemple de bouton pourrait être :
<a href="https://meeting.teamleader.eu/book/my-team-name/u/username/t/meetingtype" style="background-color:#000000; color:#FFFFFF; padding:10px 20px; text-decoration:none; border-radius:5px; display:inline-block; font-family:sans-serif;" target="_blank"> Réserver une réunion </a>
Ce qui ressemblerait à
2. L'ajouter à votre signature email
Une fois le bouton créé, vous pouvez l'ajouter à la signature email. Nous vous recommandons de laisser votre service informatique vous aider, mais au cas où vous voudriez le faire vous-même, nous avons ajouté les étapes ci-dessous.
- Outlook (via le navigateur !)
- Gmail
Outlook (via le navigateur !)
- Ouvrez Outlook dans votre navigateur et connectez-vous
- Allez sur https://outlook.live.com/mail/0/options/accounts-category/signatures-subcategory ou via l'icône d'engrenage ==> Compte ==> Signatures
- À l'endroit où vous souhaitez ajouter le bouton, tapez aaa
- Cliquez avec le bouton droit en dehors(!) de la zone de signature et sélectionnez Inspecter. Les outils de développement s'ouvriront maintenant dans votre navigateur.
- Dans les outils de développement, cliquez sur l'icône en haut à gauche (flèche pointant à l'intérieur d'un écran)
- Cliquez dans le champ Signature où vous avez tapé aaa. Cela devrait maintenant être visible dans le code des outils de développement. Si vous ne voyez pas 'aaa', cliquez sur la flèche à côté du code et cela devrait devenir visible
- Cliquez avec le bouton droit sur la partie du code en bleu et sélectionnez Modifier en HTML
- Double-cliquez sur aaa, supprimez le texte et collez le code de votre bouton
- Cliquez quelque part à côté de ce code dans les outils de développement et vous devriez voir le bouton apparaître dans votre champ de signature.
- Cliquez sur Enregistrer et envoyez un mail test à vous-même. Dans le mail que vous avez envoyé, vérifiez que le bouton vous redirige vers votre page de réservation lorsque vous cliquez dessus.
*Remarque : si les informations ci-dessus ne sont pas claires, nous vous recommandons de consulter cette vidéo Youtube. Le propriétaire de la vidéo n'est en aucun cas lié à Teamleader, mais les informations sont utiles.
Gmail
- Ouvrez Gmail dans votre navigateur et connectez-vous
- Cliquez sur l'icône d'engrenage ==> Voir tous les paramètres ==> Général ==> Signature (vous devrez faire défiler vers le bas)
- À l'endroit où vous souhaitez ajouter le bouton, tapez aaa
- Cliquez avec le bouton droit en dehors(!) de la zone de signature et sélectionnez Inspecter. Les outils de développement s'ouvriront maintenant dans votre navigateur.
- Dans les outils de développement, cliquez sur l'icône en haut à gauche (flèche pointant à l'intérieur d'un écran).
- Cliquez dans le champ Signature où vous avez tapé aaa. Cela devrait maintenant être visible dans le code des outils de développement. Si vous ne voyez pas 'aaa', cliquez sur la flèche à côté du code et cela devrait devenir visible.
- Cliquez avec le bouton droit sur la partie du code en bleu et sélectionnez Modifier en HTML.
- Double-cliquez sur aaa, supprimez le texte et collez le code de votre bouton.
- Cliquez quelque part à côté de ce code dans les outils de développement et vous devriez voir le bouton apparaître dans votre champ de signature.
- Cliquez sur Enregistrer et envoyez un mail test à vous-même. Dans le mail que vous avez envoyé, vérifiez que le bouton vous redirige vers votre page de réservation lorsque vous cliquez dessus.
*Remarque : si les informations ci-dessus ne sont pas claires, nous vous recommandons de consulter cette vidéo Youtube. La vidéo est dans Outlook mais les actions sont les mêmes dans Gmail. Le propriétaire de la vidéo n'est en aucun cas lié à Teamleader, mais les informations sont utiles.