Dale vida a tu contenido con colores, textos destacados y botones efectivos
Cuando publicas un anuncio, cada detalle cuenta. Un título con el color adecuado puede captar la atención en segundos, un texto resaltado transmite urgencia y un botón bien diseñado invita al clic inmediato. Con simples fragmentos de HTML, puedes transformar un anuncio estándar en uno mucho más atractivo y persuasivo.
Definiciones clave
HTML: lenguaje de marcado que permite dar formato y estilo a los contenidos de un anuncio.
Source Code: opción del editor que muestra el código HTML detrás del texto.
CTA (Call To Action): botón o enlace que invita al usuario a realizar una acción específica, como reservar o descubrir un alojamiento.
Código de color HEX: valor numérico que define un color en la web, como #1ca22e (verde).
Cambiar el color de un título o texto
Si quieres destacar un título o resaltar un mensaje, puedes modificar su color desde el editor:
Paso a paso
Ingresa al campo «Descripción» y añade el contenido de tu anuncio.
Haz clic en «<> Source Code» para acceder al código HTML.
Inserta el siguiente código y reemplaza el texto con el tuyo:
<p style="color:#1ca22e;">Super Oferta</p>
En este ejemplo, #1ca22e es un color verde. Cambia «Super Oferta» por el texto deseado.
Consejo útil
Puedes aplicar el color en el código y, al volver a la vista sencilla, añadir negritas o cambiar el tamaño desde las opciones del editor.
Resaltar una palabra o frase
A veces basta con destacar un dato clave, como un descuento:
<p>¡Aprovecha un <span style="color:#1ca22e;">15% de descuento</span> en tu próxima estancia!</p>
Así, solo «15 % de descuento» aparecerá en verde y el resto mantendrá su estilo original.
Insertar un botón con enlace (CTA)
Un buen botón funciona como una invitación clara. Para incluirlo:
<p>
<a href="https://www.ejemplo.com">
<button style="background-color:#1ca22e; color:white; padding:10px; font-size:16px;">
Descubre los alojamientos
</button>
</a>
</p>
href="...": sustituye por la URL de destino.background-colorycolor: ajusta con los colores de tu marca.paddingyfont-size: modifican el espacio y el tamaño del texto.
Buenas prácticas
Usa colores corporativos para mantener coherencia visual.
Evita botones demasiado pequeños: deben ser fáciles de identificar y pulsar.
Incluye verbos de acción («Descubre», «Reserva», «Explora») que motiven al clic.
Checklist rápida
Antes de publicar tu anuncio, revisa lo siguiente:
¿El título tiene un color llamativo y legible?
¿Los descuentos o beneficios clave están resaltados?
¿El botón lleva a la página correcta?
¿El diseño se ve bien en ordenador y móvil?
Ahora que conoces cómo personalizar tus anuncios con HTML, puedes darles un estilo único: títulos que destacan, descuentos imposibles de ignorar y botones que invitan a la acción. El siguiente paso es experimentar con distintas combinaciones y descubrir qué diseño genera más clics y reservas.
Preguntas frecuentes
¿Es necesario saber programación para aplicar los fragmentos de HTML en los anuncios de la web?
No. Basta con copiar y pegar los fragmentos y ajustar el texto, los colores o los enlaces desde «<> Source Code».
¿Dónde puedo obtener los códigos de color HEX para personalizar títulos, textos y botones de mis anuncios?
Puedes obtenerlos en generadores de colores HEX o en el manual de identidad visual de tu empresa.
Si me equivoco al insertar el HTML del anuncio, ¿qué ocurre y cómo lo corrijo desde «<> Source Code»?
Si hay un error, el estilo no se aplicará; vuelve a «<> Source Code» y corrige el código.
¿Puedo combinar en un mismo anuncio HTML varios estilos (por ejemplo, color, tamaño y negrita) sin complicaciones?
Sí. Aplica el color en el código y utiliza el editor para añadir otros estilos como negritas o tamaño.
¿El botón de llamada a la acción (CTA) insertado con HTML funcionará correctamente en ordenador y móvil?
Sí, siempre que el enlace sea válido; es recomendable probarlo en móvil y en ordenador antes de publicar.