Tarde menos en crear sus e-mails guardando sus recursos de marca en la Biblioteca de marca. Una vez configurada, todas sus nuevas plantillas heredarán las propiedades de su marca, como el logo, los colores, las fuentes, y los enlaces de las redes sociales. Además de ahorrarle tiempo, crear su Biblioteca de marca ayuda a que los e-mails tengan una imagen de marca, lo que refuerza la confianza de los clientes y su interés. Y si los recursos de su marca cambian, puede editarlos directamente desde la Biblioteca de marca, de este modo sus plantillas se actualizarán de forma automática, lo que le ahorrará tiempo y dinero.
🔑 Acceder a la Biblioteca de marca
Para acceder a la Biblioteca de marca y configurar sus recursos de marca o editarlos:
- Cree una campaña o una plantilla de e-mail.
- Acceda al paso Design (Diseño) y seleccione una plantilla.
- En el editor de email, acceda a la pestaña Style (Estilo) del panel izquierdo.
- Haga clic en Setup brand (Configurar marca).
Puede elegir entre configurar sus recursos de marca automáticamente o manualmente.
🤖 Configurar sus recursos de marca automáticamente
Si tiene un sitio web, puede configurar sus recursos de marca automáticamente:
- Introduzca la dirección URL de su sitio web en el campo.
- Haga clic en Obtener marca. Su sitio web se analizará para obtener los recursos de su marca.
-
Compruebe los logotipos, colores, fuentes y enlaces, y haga clic en Import brand assets (Importar activos de marca) si corresponden a su marca.
- Si los recursos de marca obtenidos automáticamente no son los adecuados para su marca, haga clic en Configurar marca manualmente y siga los pasos que aparecen aquí abajo ⬇️.
⚙️ Configurar los recursos de su marca manualmente
Si no tiene un sitio web, si prefiere elegir los recursos de su marca manualmente o si los recursos no se han podido obtener automáticamente, haga clic en Configurar marca manualmente:
A continuación se le redirigirá a la página de configuración de la Biblioteca de marca, donde podrá elegir sus 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.
Haga clic en Upload image (Cargar imagen) para seleccionar un logotipo en la biblioteca de contenido o cargarlo. Para obtener más información sobre cómo usar la biblioteca de contenido, consulte el artículo Agregar y administrar imágenes en la biblioteca de contenido.
❓¿Cómo puedo insertar mi logotipo en el editor «Drag & Drop»?
Arrastre y suelte el bloque de Logo donde quiere que aparezca en el diseño de su e-mail:
Puede sustituir su logo y editar su tamaño y estilo haciendo clic encima en el editor «Drag & Drop».
Puede añadir todos los colores que necesite para su marca. El primer color que añada se usará como color primario para los botones y enlaces.
- Haga clic en Guardar su primer color de marca.
- Introduzca el código HEX o RGB.
- Haga clic en Guardar como color de marca para poder acceder a este.
- Haga clic en el icono de + para añadir más colores.
❓¿Cómo puedo usar mis colores en el editor «Drag & Drop»?
Sus colores guardados estarán disponibles cada vez que abra la herramienta de selección de colores de su editor «Drag & Drop». Puede guardar otros colores de marca directamente desde la herramienta de selección de colores, basta con que introduzca un código de color HEX o RGB y haga clic en + Guardar como color de marca. |
La biblioteca de marcas le 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, consulte nuestro artículo Añadir fuentes de Google y alternativas al diseño del email.
Para elegir las fuentes predeterminadas:
- En las listas desplegables Paragraph (Párrafo) y Headings (Encabezados), puede seleccionar fuentes seguras que estén disponibles de forma predeterminada. Por otro lado, puede agregar fuentes personalizadas o de Google haciendo clic en + Add web fonts (Agregar fuentes web ⬇️.
- Se le redirigirá a la página Add fonts (Agregar fuentes). Tiene varias posibilidades:
🖱 Seleccionar fuentes de Google
Seleccione las fuentes que desee utilizar en la lista existente o escriba el nombre de una fuente para buscarla en la biblioteca Google Fonts y selecciónela.
➕ 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 (Agregar fuentes web), haga clic en la pestaña Custom font (Fuente personalizada) y en + Add custom font (Agregar fuente personalizada).
- En el campo Web font link (Enlace a fuente web), escriba la dirección URL de la fuente.
Para obtener más información sobre cómo recuperar la URL de la fuente, consulte 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), introduzca el nombre de la fuente tal y como está definida en el archivo CSS donde está guardada.
- Haga clic en Add to list (Agregar a la lista).
- En la pestaña Custom font (Fuente personalizada), seleccione la fuente personalizada que acaba de agregar para guardarla en la lista de fuentes.
- Desplácese hacia abajo en la página Add fonts (Agregar fuentes para acceder a la sección Fallback for all web fonts (Alternativas para todas las fuentes web).
- Seleccione las fuentes alternativas que le gustaría usar para sus encabezados y otros textos en caso de que el cliente de email de sus destinatarios no sea compatible con Google o las fuentes personalizadas que seleccionó originalmente.
- Haga clic en Add selected fonts (Añadir fuentes seleccionadas).
Podrá 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 haya configurado en la Biblioteca de marcas. Sin embargo, puede 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 (Aspecto del texto):
Añada sus enlaces de redes sociales a la Biblioteca de marca para no tener que añadirlos manualmente cada vez que cree una nueva campaña.
Para añadir un enlace de redes sociales:
- Haga clic en el + Add link (Agregar enlace) en la parte inferior de la página de configuración de la Biblioteca de marcas.
- Se le redirigirá a la página Add social media (Añadir redes sociales). Puede realizar cualquiera de estas acciones:
🖱 Seleccionar una red socialBusque o desplácese hacia abajo en la lista para seleccionar los iconos de redes sociales que desea agregar:
✚ Agregar una red social personalizada- Haga clic en Add custom icon (Agregar icono personalizado) para agregar un icono y un enlace de redes sociales propios.
- Arrastre y suelte o haga clic en el icono para cargar o seleccionar su 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 5 MB.
- Introduzca el nombre que desee darle a su red social para encontrarla fácilmente en la lista. Por ejemplo, The Green Yoga website.
- Haga clic en Add to list (Agregar 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 (Agregar red social). Seleccione sus redes sociales personalizadas para agregarlas a las lista de redes sociales.
💡 Información relevantePuede agregar y seleccionar tantas redes sociales como necesite. - Haga clic en Add custom icon (Agregar icono personalizado) para agregar un icono y un enlace de redes sociales propios.
- Una vez que haya seleccionado todas las redes sociales que necesita, haga clic en Add to list (Agregar a la lista).
- En los campos correspondientes al icono de cada red social, puede introducir:
-
Enlaces a una página de redes sociales
Pegue 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
Introduzca tel: seguido del número de teléfono con prefijo al que desea 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
Introduzca mailto: seguido de la dirección de email a la que desea 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 agregue aparecerán en la vista previa ⬇️
❓¿Cómo puedo insertar mis enlaces de redes sociales en el editor «Drag & Drop»?
Arrastre y suelte el bloque Social donde quiera que aparezca en el diseño de su email para usarlo y editar su configuración de diseño:
🚀 Guardar y usar los recursos de su marca
Puede decidir Save & apply brand (Guardar y aplicar la marca) o Save & apply later (Guardar y aplicar más tarde):
¡Enhorabuena! 🚀 Los recursos de su marca están configurados y ahora puede diseñar fácilmente sus campañas de e-mail con una imagen de marca coherente.
♻️ Editar los recursos de su marca
Puede editar los activos de su marca en cualquier momento haciendo clic en Style (Estilo ) > Brand library (Biblioteca de marca) > Edit in brand library (Editar en la biblioteca de marca) en la barra lateral izquierda del editor de email:
⏩ ¿Qué es lo siguiente?
- Crear una plantilla de e-mail
- Crear una campaña de e-mail
- Editor Drag & Drop. Primera parte: descripción general del editor
- Editor Drag & Drop. Segunda parte: diferencias entre los bloques de estilo y los de contenido
- Editor Drag & Drop. Tercera parte: cómo usar los bloques de contenido (Texto & Enlaces, Imagen, Botón, etc.)
- Editor Drag & Drop. Cuarta parte: configurar el estilo de sus e-mails
- Editor Drag & Drop. Quinta parte: guardar los bloques para usarlos en otras campañas
- Editor Drag and Drop. Sexta parte: editar los e-mails para la visualización en móviles
- Editor Drag & Drop. Séptima parte: previsualizar los e-mails y enviar pruebas
- Cómo añadir fuentes de Google Fonts en el Editor Drag & 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 un socio certificado de Brevo.