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:
- Arrastra y suelta un bloque de contenido de Button (Botón) en el lienzo del email.
- Haz clic en el botón y sustituye Call to action (Llamada a la acción) por tu propio texto.
- (Opcional) Haz clic en el icono de bolígrafo de IA
situado debajo del botón en la barra de herramientas superior del texto para generar o mejorar el texto del botón.
-
En la sección Link Settings (Configuración de enlace), elige en el desplegable Type of link (Tipo de enlace) el tipo de enlace que quieras añadir debajo del botón:
Enlaces externos-
Absolute link (Enlace absoluto) (URL)
Esta es la opción básica para enlaces, elígela para agregar una URL. -
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. -
Email link (mailto) (Enlace a email (mailto))
Agrega un enlace a una dirección de email.
Enlaces estándar-
Cancelar suscripción enlace (global)
El enlace de cancelación se añade automáticamente al pie de página de tus campañas. Es un enlace que el destinatario puede hacer clicado para abrir tu página de cancelación de suscripción y dejar de recibir tu email. 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 tus campañas.
➡️ Para saber más, consulta nuestro artículo dedicado sobre cancelación de suscripción enlace. -
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, consulte el artículo específico sobre cómo crear una plantilla de confirmación doble. -
Versión web
El enlace espejo puede añadirse al encabezado de tus campañas. Es un enlace que puede ser clicado por los destinatarios si tienen problemas para ver tu email en su bandeja de entrada y quieren abrirlo como una página web. Tener un enlace espejo en tus campañas no es obligatorio.
➡️ Para saber más, consulta nuestro artículo dedicado sobre enlaces espejo. -
Enlace al perfil del contacto
Brevo ofrece un formulario de actualización del perfil para ayudarte a recopilar información actualizada sobre tus abonados, como sus datos, preferencias e incluso a qué listas quieren suscribirse. Recomendamos incluir un enlace a este formulario en el pie de página de todos tus emails para ayudar a los abonados a compartir sus preferencias contigo.
Tu formulario de actualización del perfil se añadirá automáticamente en tu configuración adicional de la campaña de email , tal como se explica aquí.
Si estás creando una plantilla de email, debes añadir manualmente el enlace al formulario Update your preferences.
➡️ Para obtener más información, consulta nuestro artículo dedicado a los enlaces de perfil. -
Revocar el consentimiento de seguimiento por píxel
Añade un enlace para revocar el consentimiento de seguimiento por píxel a tu email si quieres que tus destinatarios cancelen su suscripción al seguimiento por píxel según la recomendación de la CNIL. Añadir un enlace para revocar el consentimiento de seguimiento por píxel a tus campañas de email enviadas a contactos basados en Francia es obligatorio, además del enlace de cancelación de suscripción.
➡️ Para obtener más información sobre el seguimiento por píxel, consulta nuestro artículo dedicado Acerca de los píxeles de seguimiento de email y la recomendación de la CNIL en Brevo.
Enlaces de Brevo-
Payments
Selecciona uno de los enlaces de pago creados en Payments.
➡️ Para obtener más información, consulte los artículos dedicados a Payments. -
Wallet Pass
Selecciona uno de tus pases de wallet creados desde Wallet.
➡️ Para obtener más información, consulta nuestros artículos dedicados sobre Wallet.
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 del 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.
-
Absolute link (Enlace absoluto) (URL)
- En el desplegable Link target (Destino de enlace), dependiendo del tipo de enlace que hayas elegido, introduce una URL, selecciona un enlace o ingresa cualquier información necesaria.
- (Opcional) Haz clic en el icono de { } Añadir variable de la barra de herramientas superior para personalizar la URL con un atributo de contacto, datos de evento o variable de feed de datos.
- (Opcional) Añade un título de enlace para mostrar una descripción emergente que describa 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:
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).
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.
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:
|
➡️ 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.