Ahorra tiempo guardando tus recursos de marca en la biblioteca de marca. Los nuevos diseños de email heredarán automáticamente la configuración de tu marca, incluidos el logotipo, los colores, las fuentes y los enlaces a las redes sociales. Esto garantiza una marca coherente en todo el email, lo que aumenta la confianza y el compromiso. Las actualizaciones de los recursos de marca se sincronizan automáticamente con todos los diseños, lo que elimina el trabajo manual.
🔑 Acceder a la biblioteca de marca
Para acceder a la biblioteca de marca y configurar tus recursos de marca o editarlos:
- Crea una campaña de email o plantilla.
- Accede al paso de Diseño y selecciona una plantilla.
- En el editor de email, accede a la pestaña Style (Estilo) del panel izquierdo.
- Haz clic en Setup brand (Configurar marca).
Puedes elegir entre configurar tus recursos de marca automáticamente o manualmente.
🤖 Configurar tus recursos de marca automáticamente
Si tienes un sitio web, puedes configurar tus recursos de marca automáticamente:
- Introduce la dirección URL de tu sitio web en el campo.
- Haz clic en Fetch brand (Obtener marca). Tu sitio web se analiza para recuperar los recursos de tu marca.
-
Comprueba tu logo, colores, fuentes y enlaces, y haz clic en Import brand assets (Importar recursos de marca) si corresponden a tu marca.
- Si los recursos de marca obtenidos automáticamente no son los adecuados para tu marca, haz clic en Configurar marca manualmente y sigue los pasos que aparecen aquí abajo ⬇️.
⚙️ Configurar los recursos de tu marca manualmente
Si no tienes un sitio web, si prefieres elegir los recursos de tu marca manualmente o si los recursos no se han podido obtener automáticamente, haz clic en Configurar marca manualmente:
A continuación te le redirigirás a la página de configuración de la biblioteca de marca, donde podrá elegir tus recursos de marca y comprobar cómo afectan al diseño de su plantilla gracias a la vista previa situada a la derecha de la pantalla.
Haz clic en Upload image (Cargar imagen) para seleccionar un logo en la biblioteca de contenido o cargarlo.
➡️ Para obtener más información sobre cómo utilizar la biblioteca de contenido, consulta nuestro artículo dedicado Agregar y administrar imágenes en la biblioteca de contenido.
❓¿Cómo puedo insertar mi logotipo en el editor «Drag & Drop»?
Arrastra y suelta el bloque de Logo donde quieras en el diseño de tu email para utilizarlo:
Puedes reemplazar tu logo y editar su tamaño y estilo haciendo clic en él desde el editor Drag and Drop.
Puedes añadir tantos colores como necesites para tu marca. El primer color que añadas se utilizará como color principal para tus botones y enlaces.
- Haz clic en Guardar tu primer color de marca.
- Introduce el código HEX o RGB.
- Haz clic en Guardar como color de marca para poder acceder a este.
-
Haz clic en el icono de + para añadir más colores.
❓¿Cómo puedo usar mis colores en el editor «Drag & Drop»?
|
Los colores que guardes estarán disponibles cada vez que abras el selector de color desde el editor Drag and Drop. Puedes guardar otros colores de marca directamente desde el selector de color introduciendo un código HEX o RGB y haciendo clic en + Add to brand colors (Añadir a los colores de marca). |
|
La biblioteca de marca te permite elegir las fuentes que se utilizarán de forma predeterminada en los encabezados y los párrafos. Para obtener más información sobre las diferentes fuentes, consulta nuestro artículo dedicado Añadir fuentes de Google, personalizadas y alternativas al diseño del email.
Para elegir las fuentes predeterminadas:
- En las listas desplegables Paragraph (Párrafo) y Headings (Encabezados), puedes seleccionar Safe fonts (Fuentes seguras) que estén disponibles de forma predeterminada. Por otro lado, puedes agregar fuentes personalizadas o de Google haciendo clic en + Add web fonts (Añadir fuentes web ⬇️.
-
Se te redirigirá a la página Add fonts (Añadir fuentes). Puedes:
🖱 Seleccionar fuentes de Google
Elegir las fuentes que quieras utilizar de la lista actual o escribir el nombre de una fuente para buscarla en la biblioteca Google Fonts y seleccionarla.
➕ Agregar una fuente personalizada💡 Información relevanteBrevo permite utilizar fuentes personalizadas de cualquier archivo CSS que contenga una definición de fuente. Puede ser un archivo CSS estático o una API que genere una definición de fuente, como la API de fuentes de Adobe.- En la página Add web fonts (Añadir fuentes web), haz clic en la pestaña Custom font (Fuente personalizada) y en + Add custom font (+ Añadir fuente personalizada).
-
En el campo Web font link (Enlace a fuente web),
escribe la dirección URL de la fuente.
Para obtener más información sobre cómo recuperar la URL de la fuente, consulta la información de la pestaña Fuentes personalizadas de ¿Qué fuentes puedo utilizar para diseñar mi email? - En el campo Font family (Familia de fuentes), introduce el nombre de la fuente tal y como está definida en el archivo CSS donde está guardada.
-
Haz clic en Add to list (Añadir a la lista).
-
En la pestaña Custom font (Fuente personalizada), selecciona
la fuente personalizada que acabas de agregar para guardarla
en la lista de fuentes.
- Desplázate hacia abajo en la página Add fonts (Añadir fuentes para acceder a la sección Fallback for all web fonts (Alternativas para todas las fuentes web).
- Selecciona las fuentes alternativas que te gustaría utilizar para tus encabezados y otros textos en caso de que el cliente de email de tus destinatarios no sea compatible con Google o las fuentes personalizadas que seleccionaste originalmente.
-
Haz clic en Add selected fonts (Añadir fuentes seleccionadas).
Podrás cambiar el color, el tamaño y el estilo de la fuente directamente en el editor Drag and Drop ⬇️.
❓¿Cómo puedo usar mis fuentes en el editor «Drag & Drop»?
De manera predeterminada, las fuentes de estilo del encabezado y el párrafo serán las que hayas configurado en la biblioteca de marca. Sin embargo, puedes cambiar el color, el tamaño y el estilo de la fuente directamente en el editor Drag and Drop, en la pestaña Style (Estilo) > menú desplegable Text appearance (Apariencia del texto):
Añade tus enlaces de redes sociales a la biblioteca de marca para no tener que añadirlos manualmente cada vez que crees una nueva campaña.
Para añadir un enlace de redes sociales:
-
Haz clic en + Add link (+ Añadir enlace) en la parte inferior de la página de configuración de la biblioteca
de marca.
-
Se te redirigirá a la página Add social media (Añadir redes sociales).
Puedes realizar cualquiera de estas acciones:
🖱 Seleccionar una red socialBuscar o desplazarte hacia abajo en la lista para seleccionar los iconos de redes sociales que quieras agregar:
✚ Agregar una red social personalizada-
Hacer clic en Add custom icon (Añadir icono personalizado) para agregar
un icono y un enlace de redes sociales propios.
- Arrastrar y soltar o hacer clic en el icono para cargar o seleccionar tu propio icono de redes sociales en la biblioteca de contenido. El icono debe estar en formato jpeg o png, y tener una dimensión máxima de 128x128px y un tamaño máximo de 5MB.
- Introduce el nombre que quieras darle a tu red social para encontrarla fácilmente en la lista. Por ejemplo, The Green Yoga website.
-
Haz clic en Add to list (Añadir a la lista).
- El icono personalizado para las redes sociales ya se ha creado y aparece en la parte superior de la página Add social media (Añadir red social). Selecciona tus redes sociales personalizadas para agregarlas a la lista de redes sociales.
💡 Información relevantePuedes agregar y seleccionar tantas redes sociales como necesite. -
Hacer clic en Add custom icon (Añadir icono personalizado) para agregar
un icono y un enlace de redes sociales propios.
- Una vez que hayas seleccionado todas las redes sociales que necesitas, haz clic en Add to list (Añadir a la lista).
-
En los campos correspondientes al icono de cada red social, puedes introducir:
-
Enlaces a una página de redes sociales
Pega la URL de la página de redes sociales, como la cuenta de Instagram o de Facebook. Por ejemplo, https://www.instagram.com/the_green_yoga_. -
Números de teléfono
Introduce tel: seguido del número de teléfono con prefijo al que quieras que los destinatarios llamen cuando hagan clic en el icono del email. Por ejemplo, tel:33123456789 para Francia o tel:16505550123 para EE. UU. -
Direcciones de email
Introduce mailto: seguido de la dirección de email a la que quieras que escriban los destinatarios cuando hagan clic en el icono del email. Por ejemplo, mailto: support@thegreenyoga.com.
-
Enlaces a una página de redes sociales
Los iconos de las redes sociales correspondientes a los enlaces de redes sociales que agregues aparecerán en la vista previa ⬇️
❓¿Cómo puedo insertar mis enlaces de redes sociales en el editor «Drag & Drop»?
Arrastra y suelta el bloque de Social donde quieras que aparezca en el diseño de tu email para utilizarlo y editar su configuración de diseño:
🚀 Guardar y usar los recursos de tu marca
Puedes decidir Save & apply brand (Guardar y aplicar la marca) o Save & apply later (Guardar y aplicar más tarde):
¡Enhorabuena! 🚀 Los recursos de tu marca están configurados y ahora puedes diseñar fácilmente tus campañas de e-mail con una imagen de marca coherente.
♻️ Editar los recursos de tu marca
Puedes editar los activos de tu marca en cualquier momento haciendo clic en Style (Estilo ) > Edit in brand library (Editar en la biblioteca de marca) en la barra lateral izquierda del editor de email:
⏩ ¿Qué es lo siguiente?
- Acerca de secciones y bloques de contenido
- Configura el formato y diseño de tu email con la pestaña Style (Estilo)
- Acerca de los bloques Title (Título) y Text Content (Contenido de Texto)
- 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.