Personalizar plantillas de correo electrónico
Commerce incluye una plantilla de correo electrónico predeterminada para la sección del cuerpo de cada mensaje que envía el sistema. La plantilla para el contenido del cuerpo se combina con las plantillas de encabezado y pie de página para crear el mensaje completo. El contenido tiene formato de HTML y CSS y se puede editar, editar y personalizar fácilmente añadiendo variables y widgets. Las plantillas de correo electrónico se pueden personalizar para cada sitio web, tienda o vista de tienda. Si utiliza plantillas personalizadas, asegúrese de actualizar el configuración del sistema para asegurarse de que se utiliza la plantilla correcta.
Las plantillas predeterminadas incluyen su logotipo y la información de la tienda, y se pueden utilizar sin más personalización. Sin embargo, como práctica recomendada, debe ver cada plantilla y realizar los cambios necesarios antes de enviarla a los clientes.
Información de plantilla
Plantilla de encabezado
Después de completar la configuración, la plantilla de encabezado de correo electrónico incluye su logotipo vinculado a la tienda. Si tiene conocimientos básicos de HTML, puede utilizar fácilmente variables predefinidas para agregar información de contacto de la tienda al encabezado.
Paso 1. Cargar la plantilla predeterminada
-
En el Administrador barra lateral, vaya a Marketing > Communications>Email Templates.
-
Haga clic Add New Template.
-
En el Load default template , haga clic en Template y elija
Magento_Email>Header.
-
Haga clic Load Template.
El código del HTML y las variables de la plantilla aparecen en el formulario.
Paso 2. Personalización de la plantilla
-
Introduzca el Template Name para el encabezado personalizado.
-
Introduzca una Template Subject para organizar las plantillas.
En la cuadrícula, la lista de plantillas se puede ordenar y filtrar por la variable Subject columna.
-
En el Template Content , modifique el HTML según sea necesario.
note note NOTE Cuando trabaje con el código de plantilla, asegúrese de no sobrescribir nada que esté entre llaves dobles. -
Para insertar un variable, coloque el cursor en el código donde desee colocar la variable y haga clic en Insert Variable.
-
Elija la variable que desea insertar.
Cuando se selecciona una variable, una variable etiqueta de marcado para la variable se inserta en el código.
Aunque las variables Almacenar dirección de correo electrónico son las que se incluyen con mayor frecuencia en el encabezado, puede introducir el código de cualquier sistema o variable personalizada directamente en la plantilla.
-
Si necesita realizar alguna declaración CSS, introduzca los estilos en la Template Styles cuadro.
-
Cuando esté listo para revisar su trabajo, haga clic en Preview Template.
Realice los cambios necesarios en la plantilla.
-
Cuando termine, haga clic en Save Template.
El encabezado personalizado ahora aparece en la lista de plantillas de correo electrónico disponibles.
Paso 3. Actualizar la configuración
-
En el Administrador barra lateral, vaya a Content > Design>Configuration.
-
En la cuadrícula, busque la vista de tienda que desee configurar y haga clic en Edit en el Action columna.
-
Desplazarse hacia abajo y expandir
-
Elija la Header Template que se utiliza de forma predeterminada para las notificaciones por correo electrónico.
-
Cuando termine, haga clic en Save Config.
Plantilla de pie
El pie de la plantilla de correo electrónico contiene la línea de cierre y firma del mensaje de correo electrónico. Puede cambiar el cierre para que se ajuste a su estilo y agregar información adicional, como el nombre de la empresa y la dirección debajo de su nombre.
Paso 1. Cargar la plantilla predeterminada
-
En el Administrador barra lateral, vaya a Marketing > Communications>Email Templates.
-
Haga clic Add New Template.
-
En el Load default template , haga clic en Template y elija
Magento_Email>Footer. -
Haga clic Load Template.
El código del HTML y las variables de la plantilla aparecen en el formulario.
Paso 2. Personalización y previsualización de la plantilla
-
Introduzca el Template Name para el pie de página personalizado.
-
Introduzca una Template Subject para organizar las plantillas.
En la cuadrícula, las plantillas se pueden ordenar y filtrar por la variable Subject columna.
-
En el Template Content , modifique el HTML según sea necesario.
note note NOTE Cuando trabaje con el código de plantilla, asegúrese de no sobrescribir nada que esté entre llaves dobles. -
Para insertar un variable, coloque el cursor en el código donde desee colocar la variable y haga clic en Insert Variable.
-
Elija la variable que desea insertar.
Cuando se selecciona una variable, una variable etiqueta de marcado para la variable se inserta en el código.
Aunque las variables Contacto de tienda son las que se incluyen con mayor frecuencia en el pie de página, puede escribir el código de cualquier sistema o variable personalizada directamente en la plantilla.
-
Si necesita realizar alguna declaración CSS, introduzca los estilos en la Template Styles cuadro.
Paso 3. Actualizar la configuración
-
En el Administrador barra lateral, vaya a Content > Design>Configuration.
-
En la cuadrícula, busque la vista de tienda que desee configurar y haga clic en Edit en el Action columna.
-
Desplazarse hacia abajo y expandir
-
Elija la Footer Template que se utiliza como pie de página predeterminado en las notificaciones por correo electrónico.
-
Cuando termine, haga clic en Save Config.
Plantillas de mensajes
El proceso de personalizar el cuerpo de cada mensaje es el mismo que para personalizar el encabezado o el pie de página. La única diferencia es la plantilla de mensaje para cada actividad o evento que almacena en déclencheur una notificación. Puede usar las plantillas tal cual, o personalizarlas para que coincidan con su voz y marca. Además del texto de plantilla, existe una amplia selección de predefinido variables y personalizado variables que se pueden crear e incorporar en la plantilla.
Paso 1. Cargar la plantilla predeterminada
-
En el Administrador barra lateral, vaya a Marketing > Communications>Email Templates.
-
Haga clic Add New Template.
-
Haga lo siguiente:
-
En Load default template, elija la Template que desee personalizar.
-
Haga clic Load Template.
-
Paso 2. Personalización de la plantilla
-
Para Template Name, introduzca un nombre para la plantilla personalizada.
-
Si es necesario, cambie el Template Subject.
Esta es la primera línea del mensaje, que es el saludo de forma predeterminada. Puede dejarlo tal cual, o puede introducir algo más descriptivo.
-
Tome nota de la Currently Used For ruta a la plantilla, que es la ruta utilizada para actualizar la configuración.
-
En el Template Content , modifique el HTML según sea necesario.
El contenido consiste en una combinación de etiquetas de HTML, directivas CSS, variables y texto.
note note NOTE Cuando trabaje con el código de plantilla, asegúrese de no escribir accidentalmente el código entre llaves dobles. -
Para insertar una variable, coloque el cursor en el código donde desee que aparezca la variable.
La selección de variables varía según la plantilla e incluye los elementos permitidos predefinido y personalizado variables, si están disponibles.
-
Clic Insert Variable y elija la variable que desea insertar.
Un comando para insertar la variable se coloca entre llaves y se agrega al código en la ubicación del cursor. Por ejemplo:
customVar code=my_custom_variable -
Para realizar declaraciones CSS, introduzca los estilos en Template Styles.
note note NOTE Los estilos personalizados se aplican al correo electrónico solo si {{template config_path="design/email/header_template"}}está presente en el Template Styles. Para utilizar CSS personalizado sin una plantilla de encabezado predeterminada, debe proporcionarlos aquí dentro de la variable<style>Etiqueta de HTML.
Paso 3. Actualizar la configuración
El Currently Used For la ruta de exploración muestra dónde se utiliza la plantilla. En este ejemplo, la configuración de la plantilla se encuentra en Customer Configuration , en la Create New Account Options y en la sección Default Welcome Email field.
- Página - Customer Configuration
- Sección - Create New Account Options
- Campo - Default Welcome Email
-
En el Currently Used For ruta de exploración, haga clic en el vínculo para abrir la página de configuración de la plantilla.
-
Expandir
-
Borre la Use system value y haga clic en el nombre de la plantilla personalizada.
-
Cuando termine, haga clic en Save Config.
-
En el mensaje situado en la parte superior del espacio de trabajo, haga clic en Cache Management y borre cualquier caché no válida.
Paso 4. Previsualizar y guardar la plantilla
-
Cuando esté listo para revisar su trabajo, haga clic en Preview Template.
-
Actualice la plantilla según sea necesario.
-
Cuando termine, haga clic en Save Template.
La plantilla personalizada ahora está disponible en la lista de plantillas de correo electrónico.