Quand vous publiez une annonce, chaque détail compte. Un titre avec la bonne couleur peut capter l’attention en quelques secondes, un texte mis en évidence transmet l’urgence et un bouton bien conçu invite au clic immédiat. Avec de simples fragments HTML, vous pouvez transformer une annonce standard en une annonce beaucoup plus attrayante et persuasive.

Définitions clés

HTML : langage de balisage qui permet de mettre en forme et de styliser le contenu d’une annonce.
Source Code : option de l’éditeur qui affiche le code HTML derrière le texte.
CTA (Call To Action) : bouton ou lien qui invite l’utilisateur à réaliser une action précise, comme réserver ou découvrir un logement.
Code couleur HEX : valeur numérique qui définit une couleur sur le Web, par exemple #1ca22e (vert).

Changez la couleur d’un titre ou d’un texte

Si vous souhaitez mettre en avant un titre ou souligner un message, vous pouvez modifier sa couleur depuis l’éditeur.

Étape par étape

Accédez au champ « Description » et ajoutez le contenu de votre annonce.
Cliquez sur « <> Source Code » pour accéder au code HTML.
Insérez le code suivant et remplacez le texte par le vôtre :

 <p style="color:#1ca22e;">Super Offre</p>

Dans cet exemple, #1ca22e est un vert. Remplacez « Super Offre » par le texte souhaité.

Conseil utile
Vous pouvez appliquer la couleur dans le code et, en revenant à l’affichage simplifié, ajouter des gras ou modifier la taille depuis les options de l’éditeur.

Mettez en évidence un mot ou une phrase

Parfois, il suffit de souligner une donnée clé, comme une remise :

<p>Profitez de <span style="color:#1ca22e;">15 % de réduction</span> sur votre prochain séjour !</p>

Ainsi, seul « 15 % de réduction » apparaîtra en vert et le reste gardera son style d’origine.

Insérez un bouton avec lien (CTA)

Un bon bouton fonctionne comme une invitation claire. Pour l’inclure :

 <p> <a href="https://www.ejemplo.com"> <button style="background-color:#1ca22e; color:white; padding:10px; font-size:16px;"> Découvrir les logements </button> </a> </p>

href="…" : remplacez par l’URL de destination.
background-color et color : ajustez avec les couleurs de votre marque.
padding et font-size : modifient l’espacement et la taille du texte.

Bonnes pratiques

Utilisez les couleurs de votre entreprise pour préserver la cohérence visuelle.
Évitez les boutons trop petits : ils doivent être faciles à repérer et à toucher.
Intégrez des verbes d’action (« Découvrir », « Réserver », « Explorer ») pour motiver le clic.
Avant de publier votre annonce, vérifiez :
- Le titre a une couleur à la fois accrocheuse et lisible.
- Les réductions ou bénéfices clés sont bien mis en évidence.
- Le bouton mène à la bonne page.
- Le design s’affiche correctement sur ordinateur et mobile.

Avec ces personnalisations, vos annonces auront un style unique : des titres qui ressortent, des réductions impossibles à ignorer et des boutons qui invitent à l’action.

L’étape suivante consiste à expérimenter différentes combinaisons et à découvrir quel design génère le plus de clics et de Réservations.

Foire aux questions

Faut-il savoir programmer pour appliquer les fragments de HTML dans les annonces de la Web ?

Non. Il suffit de copier-coller les fragments et d’ajuster le texte, les couleurs ou les liens depuis « <> Source Code ».

Où puis-je obtenir des codes couleur HEX pour personnaliser les titres, textes et boutons de mes annonces ?

Vous pouvez les obtenir via des générateurs de couleurs HEX ou dans le guide d’identité visuelle de votre entreprise.

Si je me trompe en insérant le HTML de l’annonce, que se passe-t-il et comment corriger depuis « <> Source Code » ?

En cas d’erreur, le style ne s’appliquera pas ; retournez dans « <> Source Code » et corrigez le code.

Puis-je combiner, dans une même annonce HTML, plusieurs styles (par exemple : couleur, taille et gras) sans complications ?

Oui. Appliquez la couleur dans le code et utilisez l’éditeur pour ajouter d’autres styles comme le gras ou la taille.

Le bouton d’appel à l’action (CTA) inséré en HTML fonctionnera-t-il correctement sur ordinateur et mobile ?

Oui, tant que le lien est valide. Il est recommandé de le tester sur mobile et sur ordinateur avant de publier.