Crea botones llamativos para animar a los lectores a actuar en tus campañas de email. Utiliza para ello el bloque de contenido Button (Botón) en el editor de email Drag and Drop, también llamado llamada a la acción (CTA), para ayudar a guiar al destinatario hacia el siguiente paso, tanto si está visitando tu página web, realizando una compra o inscribiéndose en un evento. Un CTA bien ubicado y bien diseñado puede suponer una gran diferencia en el rendimiento de tu campaña.

Antes de empezar

• Asegúrate de comprender la diferencia entre una sección y un bloque de contenido. 
• Puedes configurar tu biblioteca de marca para que cada plantilla nueva que selecciones herede las propiedades de tu marca, como el logotipo, los colores, las fuentes y los enlaces a redes sociales. Para obtener más información, consulta nuestro artículo dedicado Guarda los activos de tu marca en la Biblioteca de marca para crear diseños de email unificados.
• Antes de diseñar tu email, configura los estilos de tus botones con fuentes, tamaño, colores y bordes en la pestaña Style (Estilo) para definir su identidad visual sin un estilo de bloque individual. Para saber más, consulta nuestro artículo dedicado Configura el formato y diseño de tu email con la pestaña Style (Estilo).

💡 Consejos para una llamada a la acción eficaz

Tu CTA debe ser clara, concisa y visualmente atractiva. Ten en cuenta estas prácticas recomendadas:

• Debe ser corta (2-4 palabras)
  Los botones largos parecen desordenados y reducen el impacto.
• Usa verbos de acción ("Obtener", "Comprar", "Reservar", "Intentar")
  Anima a los lectores a actuar de inmediato.
• Elige un color en contraste
  Hará que el botón destaque del resto del email.
• Posición estratégica
  Coloca el CTA principal cerca de la parte superior y repítela al final, si es necesario.
• Haz que sea compatible con móviles y con el modo oscuro
  Asegúrate de que el botón sea lo suficientemente grande como para pulsarlo fácilmente en una pantalla móvil y que sea visible en una pantalla en modo oscuro.

✅ Sí	❌ No

🖱️ Inserta un botón en el diseño del email

Cómo insertar un botón en el diseño del email:

1. Arrastra y suelta un bloque de contenido Button (Botón) en el lienzo del email . 
2. Haz clic en el botón y sustituye Llamada a la acción por tu propio texto. La configuración del botón se muestra en el panel izquierdo.
3. (Opcional) Haz clic en Use AI assistant (Usar asistente de IA) en el texto en la barra de herramientas superior para mejorar el texto del botón. 
4. En la sección Link Settings (Configuración de enlace), elige en el desplegable Type of link (Tipo de enlace) qué tipo de enlace quieres añadir debajo del botón:
   
   Enlaces externos

   • Absolute link (Enlace absoluto) (URL)
     Esta es la opción básica para enlaces, elíjela para agregar una URL.
   • Email link (mailto) (Enlace a email)
     Agrega un enlace a una dirección de email.
   • Click-to-call phone number (tel) (Clic para llamar a un número de teléfono)
     Agrega un enlace a un número de teléfono.

   Enlaces estándar

   • Unsubscribe link (global) Enlace para darse de baja)
     El enlace de cancelación se añade automáticamente al pie de página de tus campañas. Es un enlace en el que el destinatario puede hacer clic para abrir tu página de cancelación de suscripción y dejar de recibir tus emails. Tener un enlace de cancelación de suscripción en tus campañas es obligatorio, ya que es esencial para tus contactos y para el correcto funcionamiento de las campañas. 
     ➡️ Para saber más, consulta nuestro artículo dedicado sobre enlaces de cancelación de suscripción.
   • Enlace de confirmación doble 
     Añada un enlace de confirmación doble en la plantilla de email si desea que los destinatarios confirmen la suscripción a sus emails después de completar el formulario de suscripción. 
     ➡️ Para obtener más información, consulteel artículo específico sobre cómo crear una plantilla de confirmación doble.
   • Ver en navegador
     El enlace espejo puede añadirse al encabezado de tus campañas. Es un enlace que el destinatario puede clicar si tiene problemas para ver tu email en su bandeja de entrada y quiere abrirlo como una página web. Tener un enlace espejo en las campañas no es obligatorio. 
     ➡️ Para saber más, consulta nuestro artículo dedicado sobre enlaces espejo.
   • Actualiza tus preferencias
     Brevo ofrece un formulario de actualización del perfil para ayudarte a recopilar información actualizada sobre tus suscriptores, como sus datos, preferencias e incluso a qué listas quiere suscribirse. Recomendamos incluir un enlace a este formulario en el pie de página de todos tus emails para ayudar a los suscriptores a compartir sus preferencias contigo. 
     Tu formulario de actualización del perfil se añadirá automáticamente en tu La Configuración adicional de Campaña de Email, tal como se explica aquí.
     Si estás creando una plantilla de email, tienes que añadir manualmente el enlace al formulario Actualizar tus preferencias .
     ➡️ Para saber más, consulta nuestro artículo dedicado a Actualizar perfil enlace.

   Enlaces de Brevo

   • Payments
     Seleccione uno de los enlaces de pago creados en Payments. 
     ➡️ Para obtener más información, consulte los artículos dedicados a pagos. 

   Enlaces de anclaje

   • Relative link (to anchor) (Enlace relativo (de anclaje))
     Una vez que hayas creado un anclaje en tu campaña , utiliza esta opción para vincular un elemento a dicho anclaje.
     Por ejemplo, para volver a una parte específica de la newsletter situada en la parte superior de la página.
   • Anchor for relative links (Anclaje para enlaces relativos)
     Crea un anclaje en algún lugar de tu campaña y luego usa la opción de enlace relativo para vincular a ese anclaje.

   ➡️ Para saber más sobre enlaces de anclaje, consulta nuestro artículo dedicado Añade un índice y un enlace de anclaje a tu email.

5. Desde el desplegable Link target (Destino de enlace), dependiendo del tipo de enlace que elijas, introduce una URL, selecciona un enlace o introduce cualquier información necesaria. 
   
6.  (Opcional) Haz clic en el icono {} Add variable (Añadir variable) para personalizar tu URL con un atributo de contacto, datos de evento o variable de feed de datos.
7. (Opcional) Añade un título de enlace para mostrar una descripción emergente que describe el destino del enlace a tus destinatarios cuando pasan el ratón sobre él.

¡Felicidades! 🎉 Has añadido correctamente una llamada a la acción a tu email. Ahora puedes personalizarlo para que se ajuste a tu marca. 

🎨 Edita y personaliza el estilo del botón 

Ahora que has añadido el botón, ¡hazlo tuyo! Personaliza el texto, color y forma para crear una CTA que encaje con tu marca y que llame la atención a primera vista:

• Cambia el color y tamaño de la llamada a la acción (ancho y altura)
• Cambia el color, la fuente, el tamaño, etc. del texto de llamada a la acción.
• Añade esquinas redondeadas a tu llamada a la acción
• Añade un borde a tu llamada a la acción

Cambia el color y el tamaño de los botones (ancho y alto) 

Para cambiar el color y tamaño de la llamada a la acción, haz clic en el botón para abrir su la configuración en el panel izquierdo. Desde ahí, puedes:

↔️ Cambiar el ancho de los botones

Para cambiar el ancho de los botones, simplemente tira de sus lados para extenderlos o acortarlos. Alternativamente, puedes cambiar el porcentaje de ancho o px desde el campo Width (Ancho) de la sección Button settings (Configuración de botón). 

↕️ Cambiar la altura de los botones

Para cambiar la altura de los botones, abre la sección Spacing (Espaciado) en el panel izquierdo y añade margen en la parte superior e inferior del botón. 

🖍️ Cambiar el color de los botones

Para cambiar el color del botón, abre la sección Button settings (Configuración de botón en el panel izquierdo y elige un color en la opción Background color (Color de fondo) .

Cambia el color del texto del botón, la fuente, el tamaño, etc.

Para personalizar el color y formato del texto de los botones, y personalizarlos, haz clic en el botón y usa la barra de herramientas superior. A partir de ahí puedes:

Usar IA para mejorar el texto,  Cambiar su fuente, tamaño, color, formato y Añadir emojis o variables.

➡️ Para saber más sobre cómo usar la barra de herramientas superior para personalizar tu texto, consulta nuestro artículo dedicado Acerca de los bloques Title (Título) y Text Content (Contenido de Texto).

Añadir esquinas redondeadas al botón

Para añadir esquinas redondeadas al botón, abre la sección Button settings (Configuración de botón) y elige el radio de esquina en la opción Rounded corners (Esquinas redondeadas):

Añadir un borde al botón

Para añadir un borde al botón, abre la sección Button settings (Configuración de botón) y elige el ancho y el color del borde desde la opción Borders (Bordes) :

❓ FAQ

¿Puedo seguir los clics de en mi CTA?

¡Sí! Brevo rastrea automáticamente los clics en tus enlaces y CTA. Puedes acceder a las analíticas de clics desde el informe de campaña de email. 

⏭️ ¿Qué es lo siguiente?

• Acerca de los bloques de contenido Title (Título) y Text (Texto)
• Inserta y edita imágenes en tus diseños de email
• Inserta vídeos en mi campaña de email
• Añade un índice y un enlace de anclaje en tu email
• Sección Drag & Drop email editor (Editor de email Drag and Drop)

🤔 ¿Tiene alguna duda?

Si tiene alguna pregunta, no dude en ponerse en contacto con nuestro equipo de asistencia mediante la creación de un ticket desde su cuenta. Si todavía no tiene una cuenta, puede ponerse en contacto con nosotros aquí.

Si necesitas ayuda con un proyecto usando Brevo, podemos ponerte en contacto con la agencia partner de Brevo adecuada.