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
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.
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?
¿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?
¿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 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?
¿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?
¿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.
