Post Top Ad

Your Ad Spot

miércoles, 26 de agosto de 2020

Cómo editar plantillas de correo electrónico de Magento 2

¿Quiere enviar correos electrónicos exclusivos? Primero, necesita encontrar una plantilla de correo electrónico perfecta. En este artículo, aprenderá todo lo que necesita saber sobre las plantillas de correo electrónico en Magento 2. Discutiremos datos dinámicos, archivos internos de una plantilla, lo que puede hacer en el panel de administración y cómo crear una nueva con un tema.

¿Qué necesita saber sobre el diseño de la plantilla de correo electrónico de Magento 2?
Cómo editar plantillas de correo electrónico de Magento 2
Cómo editar datos dinámicos en las plantillas de correo electrónico de Magento 2
Cómo editar las plantillas de correo electrónico de Magento 2 en el panel de administración
Cómo editar los archivos de las plantillas de correo electrónico de Magento 2
Cómo crear una nueva plantilla de correo electrónico en el panel de administración
Cómo crear una nueva plantilla de correo electrónico con un tema

¿Qué necesita saber sobre el diseño de la plantilla de correo electrónico de Magento 2?

Si desea crear una plantilla de correo electrónico, una de las primeras cosas que debe tener en cuenta es que un usuario puede abrir su correo electrónico con cualquier aplicación o dispositivo. Las diferentes aplicaciones utilizan diferentes motores para la representación de correo electrónico.
Los clientes de correo pueden agregar sus propios estilos además de los que inicialmente eligió un desarrollador para la distribución de correo electrónico. Una gran variedad de clientes de correo y motores de renderizado hace necesario que optemos por un enfoque único para todos. Para asegurarse de que sus correos electrónicos se muestren correctamente en diferentes dispositivos, debe seguir ciertas reglas. Éstos son algunos de ellos:
  • Utilice diseño de tabla (en <table>lugar de <div>);
  • No acorte los códigos HEX para los colores ( #FFFFFF en lugar de #FFF);
  • Utilice propiedades de CSS2 en lugar de CSS3;
  • Utilice HTML4 en lugar de HTML 5;
  • Use background-color en lugar de background. También debe usar las propiedades extendidas como padding-top , padding-left y otras;
  • Use color de fondo en lugar de imágenes de fondo y agregue elementos visuales usando elpixel etiqueta;
  • Utilice los atributos HTML en lugar de CSS;
  • Agregue estilos CSS en línea en su diseño;
  • Utilice fuentes estándar del sistema para mostrar el contenido del correo electrónico.

Cómo editar plantillas de correo electrónico de Magento 2

En Magento 2, las plantillas de correo electrónico se almacenan en <module_dir> / view / <area> / email catalogslos módulos correspondientes. Por ejemplo, en el módulo básico Magento_Customer, puedes encontrar las siguientes plantillas:

plantillas de correo electrónico magento 2

No se recomienda cambiar los archivos estándar de Magento 2. En cambio, será mejor que cree sus propias plantillas. Para hacerlo, puede crear los archivos necesarios en su tema o con la ayuda de Magento Admin.
En la mayoría de los casos, las plantillas de correo electrónico constan de los mismos componentes. Por ejemplo, el logotipo de una empresa, la información de contacto y algunos otros elementos se pueden colocar en la parte superior. Los números de teléfono, enlaces sociales u otros se pueden colocar en la parte inferior. Por otro lado, el lugar donde coloca el contenido del correo electrónico más significativo no es estático. Depende de la plantilla que uses. Es la razón por la que las plantillas de correo electrónico de Magento 2 constan de 3 partes: encabezado, contenido y pie de página.
De forma predeterminada, el encabezado y el pie de página pueden ubicarse en los siguientes archivos:
  • /view/frontend/email/header.html
  • /view/frontend/email/footer.html

Cómo editar datos dinámicos en las plantillas de correo electrónico de Magento 2

Digamos que necesita agregar el enlace al dominio de su tienda a una plantilla de correo electrónico.
Si agrega este enlace como una simple etiqueta HTML, definitivamente funcionará. Pero , hay una parte complicada: en caso de que necesite cambiar a otro dominio más tarde, tendrá que cambiar este enlace manualmente en todas las plantillas (si tiene más de un centenar de ellas, será todo un desafío ).
Para tales tareas, las plantillas de correo electrónico de Magento 2 admiten directivas y variables. Se inserta una directiva en una plantilla con dos llaves que abren y cierran una.
Echemos un vistazo a algunos de ellos:
El enlace a la tienda actual se puede agregar a través de una tienda directiva. Si deja el valor de la URL vacío, la dirección de una tienda actual se completará automáticamente.
{{store url = ""}}
La directiva var se usa para insertar variables de una plantilla.
{{var customer.name}}
Si una plantilla contiene el objeto, puede utilizar los métodos y propiedades adecuados.
{{var $ order.getStatusLable ()}}
La directiva de una plantilla permite añadir otras plantillas a la carta. A menudo se utiliza para formatear el encabezado y el pie de página con el mismo estilo. La ruta a una plantilla se aplica con la ayuda del atributo config_path .
{{template config_path = "design / email / header_template"}}
Si necesita mostrar contenido estático básico, entonces es necesario utilizar la traducción de la directiva trans .
{{trans "Example string"}}
Para agregar un enlace de imagen a la imagen correspondiente, use la directiva de medios . Extrae la ruta al archivo de la carpeta de medios .
{{media url = "/pathToImage/img.jpg"}}
Para agregar estilos, hay 2 directivas: css e inlinecss . La directiva css extrae css de un archivo, por lo que debe agregarle la  <style> </ style> etiqueta. También puede agregar estilos de una variable con un modificador adicional sin formato. Le permite no mirar a través de las etiquetas HTML y CSS y simplemente insertarlas.

La directiva inlinecss descomprime los estilos y los coloca dentro de las etiquetas en línea como aparece en el nombre:
{{inlinecss file = "css / filename.css"}}

Cómo editar las plantillas de correo electrónico de Magento 2 en el panel de administración

Para crear o editar la plantilla de correo electrónico de Magento 2 a través del panel de administración, debe ir al Panel de administración -> Marketing -> Plantillas de correo electrónico .

cómo editar las plantillas de correo electrónico de magento 2 en el panel de administración

Verá las plantillas de Magento 2 existentes Para editarlos, solo necesita elegir el que desea editar. También puede crear una nueva plantilla haciendo clic en Agregar nueva plantilla (para obtener más detalles, consulte la sección 6).
En la página donde edita una plantilla, puede cambiar el nombre de la plantilla, así como la línea de asunto del correo electrónico. Luego, en el campo Contenido de la plantilla , puede editar el contenido de su plantilla (no olvide usar el diseño de la tabla y las etiquetas HTML4). En el campo Estilos de plantilla, puede escribir CSS para su plantilla.
Además, en el diseño de las plantillas de correo electrónico, Magento 2 permite el acceso a variables. Para agregar una variable a su plantilla, debe presionar Insertar variable y luego elegir la variable necesaria en la ventana emergente.

configuración de plantillas de correo electrónico magento 2
También puede cargar encabezados y pies de página en sus plantillas de contenido de correo electrónico. Por ejemplo:
Directivas {{template config_path="design/email/header_template"}}{{template config_path="design/email/header_template"}}conectar plantillas de encabezado y pie de página.
Para guardar una plantilla, debe presionar Guardar plantilla .

Cómo editar los archivos de las plantillas de correo electrónico de Magento 2

Para editar una plantilla de correo electrónico, debe abrir un archivo con esta plantilla. Por ejemplo, abramos el archivo account_new.html en el módulo Magento_Customer .

cómo crear plantillas de correo electrónico en magento 2

Puede ver que la estructura es similar a la edición de una plantilla con la ayuda del panel de administración. El asunto del correo electrónico en este caso se transfiere a la directiva @subject .

No hay comentarios.:

Publicar un comentario

Dejanos tu comentario para seguir mejorando!

outbrain

Páginas