Ir al contenido principal

Potencia tus anuncios con HTML y convierte más visitas en reservas

Dale vida a tus promociones con detalles que marcan la diferencia: colores coherentes con tu marca, mensajes que resaltan y botones que invitan a hacer clic.

Escrito por Sandra Álvarez
Actualizado hace más de 3 meses

Da formato a tus anuncios con impacto, paso a paso

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).


Cambia 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

  1. Ingresa al campo «Descripción» y añade el contenido de tu anuncio.

  2. Haz clic en «<> Source Code» para acceder al código HTML.

  3. 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.

Resalta 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.

Inserta 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-color y color: ajusta con los colores de tu marca.

  • padding y font-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.

  • Antes de publicar tu anuncio, revisa:

    • 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.

Con estas personalizaciones, tus anuncios tendrán 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.

¿Ha quedado contestada tu pregunta?