Personaliza tu diseño

7 artículos Manfred Por Manfred

Tipografía

Haz clic en Fuentes en la barra de herramientas para cambiar las fuentes y los tamaños de los diferentes elementos de texto: - Encabezado de Shopify — el encabezado principal del correo electrónico (por ejemplo, "Pedido confirmado") - Encabezados — encabezados de sección - Subtítulos — etiquetas y encabezados secundarios más pequeños - Texto del cuerpo — texto del contenido principal - Pie de página — texto del pie de página Según el nivel de texto, puede ajustar la familia de fuentes, el tamaño, el grosor, el estilo cursiva, el estilo de mayúsculas o el interlineado. Las fuentes disponibles se seleccionan para garantizar una amplia compatibilidad con clientes de correo electrónico, pero si un cliente de correo electrónico no admite la fuente elegida, puede recurrir a una fuente del sistema segura. | Configuración global: La tipografía se aplica a las 52 plantillas de correo electrónico. Los cambios se aplican al instante.

Botones

Haz clic en Botones en la barra de herramientas para personalizar todos los botones de tus correos electrónicos a la vez: - Estilo — Relleno, Contorno o Enlace - Talla — Pequeña, Mediana o Grande - Ancho — Automático, Ancho o Ancho completo - Radio de esquina — Afilado, redondeado o en forma de píldora - Colores — Color del texto, color de fondo y color del borde - Tipografía — Elija una fuente, tamaño, grosor y estilo de mayúsculas opcional para los botones. La configuración de los botones es global. Se aplica a los botones de estado del pedido, seguimiento, pago y botones personalizados compatibles en las 52 plantillas. Cada sección puede definir su propia etiqueta, URL, alineación o visibilidad del botón. | Configuración global: Los estilos de los botones se aplican a las 52 plantillas de correo electrónico. Los cambios se reflejan al instante.

Logo

Haz clic en Logotipo en la barra de herramientas o haz clic en el área del logotipo en el lienzo. Imagen del logotipo Sube tu propio logo o selecciona uno de tus archivos de Shopify. También puedes eliminar el logo y enlazarlo a la URL de tu tienda. Tamaño y alineación - Tamaño del logotipo : ajusta el ancho con un control deslizante de porcentaje. - Alineación del escritorio : izquierda, centro o derecha - Alineación móvil : alineación independiente para dispositivos móviles. Diseño del encabezado - Contenido : logotipo dentro del ancho del cuerpo del correo electrónico - Completo : el logotipo abarca todo el ancho del correo electrónico. Espaciado y colores - Densidad vertical : controla el espacio por encima y por debajo del logotipo. - Color de fondo : el fondo que se encuentra detrás del logotipo. - Barra decorativa : franja de color opcional sobre el logotipo (se puede activar/desactivar, con altura y color ajustables). Configuración global: El logotipo se aplica a las 52 plantillas de correo electrónico. Los cambios se reflejan al instante.

Fondos y estilos

Haz clic en Colores en la barra de herramientas para abrir el panel de colores global. Antecedentes - Fondo exterior — el área que rodea su correo electrónico - Información interna — el cuerpo principal del correo electrónico - Fondo del pie de página — el área del pie de página - Fondo del logotipo — el área detrás del logotipo del encabezado - Fondo del contenedor — el fondo de los contenedores de sección Texto y enlaces Se pueden configurar controles de color independientes para el título principal, los encabezados de sección, los subtítulos, el texto del cuerpo, los enlaces, el texto del pie de página y los enlaces del pie de página. Mantenga siempre un contraste suficiente entre el texto y su fondo. Borde y divisor - Color — color compartido para bordes y separadores - Estilo de separador — ninguno, sólido, discontinuo o punteado - Grosor del separador Contenedor de sección - Fondo del contenedor — color de fondo para las secciones de contenido - Radio de esquina — esquinas redondeadas o puntiagudas | Configuración global: Los colores se aplican a las 52 plantillas compatibles. Smart Emails declara un esquema de color claro para preservar la paleta seleccionada por el comerciante y evitar que una conversión parcial al modo oscuro genere combinaciones ilegibles de texto y fondo.

Guía completa de las secciones del correo electrónico

Las secciones son los componentes básicos de una plantilla de correos electrónicos inteligentes. El editor solo ofrece secciones compatibles con la notificación de Shopify seleccionada, y algunas secciones específicas de la notificación no se pueden agregar manualmente. Estructura y texto - Encabezado de Shopify — el encabezado principal de la notificación - Texto de introducción, Texto de introducción del personal y Texto de introducción de cumplimiento: contenido de apertura específico del contexto. - Texto, Mensaje personalizado y Texto de cierre: áreas de texto editables - Columnas de texto — varios bloques de texto en columnas - Espaciador y Divisor: espaciado y separación visual. - Preguntas frecuentes — una lista de preguntas y respuestas personalizadas. Pedidos, productos y totales - Producto y Productos — información básica del producto - Productos con precios — detalles de los artículos, descuentos, impuestos, gastos de envío y totales - Productos con derecho a reembolso y Productos con derecho a cambio — detalles sobre reembolsos y cambios - Número de pedido, Notas del pedido, Información de pago, Condiciones de pago, Recordatorio de pago y Total a pagar - Datos de la dirección, Datos de envío y Lugar de recogida. Estas secciones muestran datos de Shopify solo cuando la notificación los proporciona. Se pueden habilitar datos de muestra en los paneles compatibles con fines de vista previa. Botones y acciones - Botón de estado del pedido, Botón de seguimiento y Botón de pago. - Botón — una llamada a la acción personalizada con una etiqueta y una URL - Botón de Apple Wallet - Enlaces de la tienda — enlaces de navegación a las páginas de la tienda Imágenes y diseños - Imagen - Imagen con texto - Imagen de dos columnas - Superposición de imagen - Descarga de la aplicación móvil Secciones de marketing - Mensaje de bienvenida - Descuentos - Producto destacado - Productos recomendados - Tarjeta de regalo - Reordenar Las secciones de marketing se pueden asignar a las plantillas seleccionadas y gestionarse mediante la configuración en tiempo real una vez instalada la plantilla principal. Tarjetas de regalo, devoluciones y notificaciones de cuenta - Código de la tarjeta de regalo, Detalles de la tarjeta de regalo y Mensaje para el destinatario. - Instrucciones para la etiqueta de devolución y Motivos de rechazo de la devolución - Detalles del crédito en tienda - Cambio de dirección de correo electrónico y Cambios en la atribución de ventas - Encuesta Secciones globales El logotipo del encabezado, el banner de mensajes, los enlaces de la tienda y el pie de página comparten la misma configuración. Su diseño visual se gestiona desde el editor principal, mientras que el texto compatible se almacena por separado para cada idioma. || Agregar, eliminar o reordenar una sección es un cambio estructural y requiere una nueva exportación en el idioma principal.

Enlaces de la tienda

Los enlaces de la tienda ofrecen un área de navegación compacta en tus correos electrónicos de notificación. Úsalos para destinos como tu página de inicio, nuevos productos, colección en oferta, página de contacto o información sobre devoluciones. Enlaces de la tienda abierta Haz clic en Enlaces de la tienda en la barra de herramientas del editor o selecciona el área de Enlaces de la tienda en el lienzo. Configurar el contenido Puede: - habilitar o deshabilitar enlaces de tienda - editar el encabezado opcional - Configurar las etiquetas y URL de los enlaces disponibles. - Controla el estilo de los enlaces mediante la configuración global de color y tipografía. Utilice las URL completas https:// y pruebe cada enlace en un correo electrónico de prueba real. Idiomas y sincronización El diseño y la estructura de los enlaces provienen del editor principal. Las etiquetas de los enlaces se pueden traducir por idioma. Las URL se copian como valores funcionales y no se traducen mediante Google Cloud Translation. Si los distintos idiomas requieren URL de destino diferentes, abra el editor del idioma secundario correspondiente y verifique la configuración específica del idioma antes de publicar. | Los enlaces de la tienda se almacenan en metacampos de Shopify específicos para cada configuración regional y se aplican a las 52 plantillas compatibles que contienen el bloque de enlaces de la tienda.

Diseño de ranuras de guardado

Smart Emails ofrece cuatro espacios de diseño personalizados. Son útiles para guardar variaciones estacionales, estilos de campaña o un texto de seguridad antes de aplicar otro preajuste. Qué tiendas de tragamonedas Una instantánea de diseño incluye la configuración visual global, como colores, tipografía, botones, pie de página, enlaces de la tienda, banner de mensajes, configuración de marketing, espaciado y otros valores de diseño preestablecidos. Guardar un diseño 1. Abra el control de preajustes y diseños guardados en el editor. 2. Seleccione una ranura vacía. 3. Introduzca un nombre descriptivo. 4. Guarda el diseño actual. Gestionar los diseños guardados Para un espacio ocupado, puedes: - cargar el diseño almacenado - Sobrescribirlo con el diseño actual - Cámbiale el nombre - eliminarlo después de la confirmación Al cargar una ranura, se reemplazan los ajustes de diseño globales actuales. Si desea volver a utilizar el estado actual, guárdelo primero en otra ranura. || Un espacio de diseño no es una instalación independiente de Shopify. Si al cargarlo se modifica la estructura de la plantilla o la configuración base, genere e instale una exportación principal nueva.