¿Cómo personalizar los correos electrónicos de WooCommerce usando código y complementos?

¡Hola usuarios de WooCommerce! Si desea crear su identidad de marca única y alentar las compras repetidas, puede hacerlo fácilmente con las plantillas de correo electrónico personalizadas de WooCommerce.

Lo guiaremos a través de las plantillas de correo electrónico predeterminadas de WooCommerce, cómo personalizarlas con código y qué complementos de personalización de correo electrónico de WooCommerce funcionan mejor para usted.

Empecemos.

Plantillas de correo electrónico estándar de WooCommerce: tipos y contenido

Esencialmente, WooCommerce está equipado con once plantillas de correo electrónico integradas que se envían a los clientes y administradores en relación con los pedidos y las actualizaciones de la cuenta.

• Correo electrónico de pedido en espera : se envía al cliente después de que se coloca un pedido en espera.
• Correo electrónico de procesamiento de pedidos : enviado al cliente después de que se realiza el pago.
• Correo electrónico de pedido completado : se envía a los clientes cuando sus pedidos se marcan como completados e indica que el pedido se ha enviado.
• Correo electrónico de pedido reembolsado : enviado al cliente cuando los pedidos se marcan como reembolsados.
• Nuevo pedido : se envía al administrador de la tienda cuando se realiza un nuevo pedido en su sitio.
• Pedido cancelado : enviado al administrador de la tienda para notificarles sobre un pedido cancelado.
• Pedido fallido : enviado al administrador de la tienda para notificarles sobre un pedido fallido.
• Correo electrónico de factura del cliente : se envía al cliente y contiene información del pedido y enlaces de pago.
• Correo electrónico de la nota del cliente : se envía al cliente cuando se agrega una nota del cliente desde el administrador de edición de pedidos.
• Correo electrónico de restablecimiento de contraseña : enviado al cliente cuando olvida la contraseña y solicita una nueva contraseña.
• Correo electrónico de cuenta nueva : se envía al cliente cuando se registra a través de la página de pago o registro de cuenta.

Un ejemplo de correo electrónico de pedido completado se parece a la siguiente instantánea.

En resumen, los correos electrónicos constan de los siguientes detalles: información del producto, el precio total, incluidos impuestos y gastos de envío, modo de pago, dirección de envío y facturación.

Pero estas plantillas de correo electrónico de WooCommerce simplemente no son suficientes

Al ser un correo electrónico transaccional, las tasas de apertura y de clics serán naturalmente más altas que para otros tipos de correos electrónicos.

Sin embargo, estos correos electrónicos de pedidos de WooCommerce parecen simples, aburridos y poco atractivos, como puede ver en la plantilla de correo electrónico anterior.

Carece del factor empuje. No lleva su marca y posicionamiento. Se refleja mal en su propuesta de valor.

Si continúa utilizando estas plantillas, sus consumidores, incluidos los leales, pueden tener una impresión negativa de su marca, lo que resultará en una mayor tasa de abandono.

Siento decirlo, pero esto es cierto. ¡Una gran oportunidad perdida!

Ocho de cada diez personas nunca cambiarán sus plantillas de correo electrónico. Si eres uno de ellos, haz el cambio de inmediato.

Todo el mundo todavía lee correos electrónicos ... y deberías verte bien en ellos. No querrás dar a tus clientes una mala impresión de tu marca si deciden comprar algo, ¿verdad?

Entonces, ¿por qué no personalizar los correos electrónicos de WooCommerce en primer lugar?

Los correos electrónicos personalizados de WooCommerce crean una marca y una relación únicas

La personalización de los correos electrónicos de WooCommerce no es una ciencia espacial para comprender. Más bien un juego de niños (si usa complementos). Se puede jugar con estilos de correo electrónico, colores, alineación, imágenes y mucho más.

Compare la plantilla de correo electrónico anterior (proporcionada por el complemento Email Customizer Pro para WooCommerce) con el correo electrónico predeterminado de WooCommerce. Fácilmente notarías la diferencia.

De su correo electrónico inicial, podemos deducir su imagen de marca. Porque tenemos una predisposición natural a emocionarnos con los colores y patrones que percibimos. El uso de los colores, las fuentes y el lenguaje de su marca establece consistencia y refuerza su marca. Usted crea un botín propio .

Con cada dólar gastado en marketing por correo electrónico, se puede ganar una suma máxima de $ 38 , hecho comprobado.

Su empresa se beneficia de la sensación de conexión emocional. Los clientes se convierten en sus fieles seguidores a largo plazo. Le da a su marca más tracción.

Ayuda en su recuerdo. Además, la inclusión de productos relacionados y códigos de cupones puede resultar en compras adicionales .

Dicho esto, estos correos electrónicos transaccionales personalizados de WooCommerce son un gancho para sus clientes. En el momento en que bloquea su audiencia base, el negocio se acelera y las finanzas parecen prometedoras.

¿Cómo personalizar los correos electrónicos de WooCommerce usando código?

Lo guiaremos a través del proceso de personalización de estos correos electrónicos ahora.

¿Qué es lo que le gusta hacer? Adopte un enfoque sencillo mediante el uso de complementos y comience. ¿O quieres experimentar con la codificación?

Ambos se discuten en este artículo.

Personalicemos los correos electrónicos de WooCommerce utilizando la forma técnica. Después de eso, veremos varios complementos populares.

Personalice los correos electrónicos de WooCommerce usando configuraciones, ganchos y filtros

Esta no es la taza de té de todos. Esto es para gente que sabe programar.

Ahora hay dos métodos para personalizar correos electrónicos con código.

1. Personalice las plantillas de correo electrónico de WooCommerce que ya existen
2. Usando un código personalizado, cree nuevas plantillas de correo electrónico de WooCommerce

Cubriremos el primer método. Para el segundo método, consulte este blog: cree plantillas de correo electrónico personalizadas de WooCommerce.

Esencialmente, WooCommerce permite personalizar los correos electrónicos en tres verticales diferentes: configuración, anulación y acción/filtros (ganchos).

1. Configuración : se puede cambiar el color de fondo, el color del texto, el color base. La trampa viene en la forma de restringir cualquier cambio en el diseño y el cuerpo del correo electrónico.
2. Anulación : en caso de que desee cambiar el diseño del correo electrónico, puede modificar el HTML de la plantilla.
3. Ganchos : además de los cambios anteriores, también puede agregar contenido adicional a través de ganchos sin alterar el diseño.

Vamos a aprender cada uno de los tres en detalle.

Personalización de plantillas de correo electrónico mediante Configuración

Primero, veamos cómo puede personalizar una plantilla de correo electrónico individualmente.

Para esto, debe abrir la plantilla haciendo clic en el nombre de la plantilla o en el botón Manage a la derecha.

Puede personalizar el contenido de una plantilla de correo electrónico individual. Una vez que abre una plantilla de correo electrónico, puede personalizar varios aspectos de la misma. Estas son las opciones que obtienes como se muestra en la imagen (cortesía – LearnWoo.com)

• Habilitar/Deshabilitar: esta casilla de verificación le permite habilitar o deshabilitar esta notificación de correo electrónico específica.
• Destinatarios: especifique los ID de correo electrónico a los que se enviará este correo electrónico. Separe varias identificaciones de correo electrónico mediante el uso de comas. Esto se aplica solo a los correos electrónicos de administración.
• Asunto: especifique aquí el asunto del correo electrónico. El campo permite texto o marcador de posición. Los marcadores de posición disponibles son:
  • {Título del sitio}
  • {Dirección del sitio}
  • {Sitio URL}
  • {fecha de orden}
  • {Número de orden}
• Encabezado del correo electrónico: especifique el encabezado del correo electrónico. Los mismos marcadores de posición de arriba también se aplican aquí.
• Contenido adicional: el texto que agregue aquí será visible en el cuerpo del correo electrónico. También puede usar los marcadores de posición aquí.
• Tipo de correo electrónico: especifique el formato del correo electrónico. Los formatos disponibles son:
  • Texto sin formato
  • HTML
  • multiparte

plantilla html
Hay una opción al final de la configuración bajo el encabezado Plantilla HTML. Aquí encontrará la ruta del archivo que le permite editar esta copia de plantilla de correo electrónico específica, que puede pegar en la carpeta del tema para anularla. También hay dos botones aquí: uno para copiar el archivo de plantilla al tema y otro para ver la vista previa de la plantilla.

Finalmente, después de agregar todos los detalles, puede hacer clic en el botón Save changes .

Ahora, puede aplicar algunas personalizaciones más que se aplicarán a todas sus plantillas de correo electrónico. Se puede acceder a estas opciones después de iniciar sesión en el panel de administración de WordPress y luego ir a WooCommerce > Settings > Emails > Email sender options.

Estas opciones incluyen:

• Imagen de encabezado: se muestra en la parte superior de todos los correos electrónicos. Tiene que ser el logo de tu marca.
• Texto de pie de página: agregue el enlace de su sitio web o los detalles de contacto para que sea más fácil para sus clientes ponerse en contacto.
• Color base: el color que desea usar para sus encabezados, enlaces y fondo del título del correo electrónico.
• Color de fondo: el color de fondo de su correo electrónico.
• Color de fondo del cuerpo: el color de fondo del contenido de su correo electrónico.
• Color del texto del cuerpo: el color de todo el contenido del correo electrónico escrito.
• Información sobre la gestión de la tienda: inicie sesión para recibir información sobre la gestión de la tienda de WooCommerce aquí. Marque la casilla de verificación para habilitar estas notificaciones.

En este enfoque,

Anular plantillas de correo electrónico

Otro enfoque es modificar los diseños de correo electrónico predeterminados. WooCommerce ofrece un útil sistema de plantillas que te permite personalizar partes de los correos electrónicos replicando los archivos de formato en el tema.

Cada tipo de correo electrónico tiene un archivo de plantilla para su contenido. (Por ejemplo, woocommerce/templates/emails/customer-processing-order.php )

Para cada uno de los once correos electrónicos predeterminados de WooCommerce, este es el nombre del archivo de la plantilla. El propósito de cada correo electrónico ya está cubierto al comienzo del artículo.

1. admin-pedido-cancelado.php
2. pedido-fallido-administrador.php
3. admin-nuevo-orden.php
4. cliente-en-espera-pedido.php
5. pedido-procesamiento-cliente.php
6. pedido-completado-por-el-cliente.php
7. pedido-reembolsado-al-cliente.php
8. nota-cliente.php
9. cliente-factura.php
10. cliente-nueva-cuenta.php
11. cliente-restablecer-contraseña.php

Además, hay plantillas compartidas a las que todos los tipos de correo electrónico pueden acceder y usar. Estos se pueden encontrar en woocommerce/templates/emails/ .

En muchos casos, esta es la plantilla que los desarrolladores anulan para cambiar los aspectos compartidos de los correos electrónicos.

A continuación hay diferentes partes que forman el correo electrónico anterior, cada una es personalizable.

1. email-header.php = imprime/muestra el encabezado del correo electrónico.
2. email-footer.php = imprime/muestra el pie de página del correo electrónico.
3. email-order-details.php = imprime/muestra todos los detalles del pedido: productos/elementos de línea, impuestos, envío, cupones, pasarela de pago, etc. para ese pedido.
4. email-order-items.php = imprime/muestra los detalles del producto del pedido, es decir, las líneas de pedido para ese pedido.
5. email-downloads.php = si un pedido contiene productos descargables, esto imprime/muestra esa información junto con el nombre del archivo, enlace para descargar, caducidad, número de descargas, etc. para ese pedido.
6. email-customer-details.php = imprime/muestra los detalles del cliente como una dirección de correo electrónico para ese pedido.
7. email-addresses.php = imprime/muestra la dirección de envío y facturación del cliente para ese pedido.
8. email-styles.php = contiene CSS y propiedades que se aplicarán en los correos electrónicos. Debe ser seguro para el correo electrónico.

Digamos que desea cambiar el color del texto del pie de página:

• Primero, asegúrese de que exista el siguiente directorio en la instalación de WordPress: wp-content/themes/your-theme/woocommerce/emails.
• A continuación, copie el archivo que se encuentra en wp-content/plugins/woocommerce/templates/emails/email-styles.php en el tema de la tienda en:
  your-theme/woocommerce/emails/.
• Finalmente, edite your-theme/woocommerce/emails/email-styles.php para cambiar el color del texto del pie de página.

 #template_footer #crédito {
    borde: 0;
    color: #66bae3;
    familia tipográfica: Arial;
    tamaño de fuente: 12px;
    altura de línea: 125%;
    alineación de texto: centro;
    relleno: 0 48px 48px 48px;
}

El ejemplo anterior muestra cómo puede cambiar el color del texto del pie de página. Similarmente:

• Para agregar/editar texto en el correo electrónico de procesamiento, puede anular la plantilla de correo electrónico 'customer-processing-order.php' y cambiarla.
• Si no desea mostrar la dirección de envío para todos los pedidos, anule la plantilla de correo electrónico 'email-customer-details.php'.
• Para embellecer el diseño de su correo electrónico, anule la plantilla de correo electrónico 'email-styles.php' y agregue su CSS personalizado.
• Para incluir banners de confianza de su marca como entrega rápida, mejor soporte, pago seguro, etc., anule la plantilla de correo electrónico 'email-footer.php'.

Personalización condicional con Hooks

Este enfoque para personalizar los correos electrónicos trata con el código personalizado de WooCommerce. Obviamente, requiere un alto nivel de experiencia en PHP.

Pero el proceso es sencillo porque los diseños originales de WooCommerce todavía están en uso. El proceso implica cambiar partes del contenido.

Por ejemplo, desea agregar el método de envío elegido en el correo electrónico del pedido.
Puede usar woocommerce_email_after_order_table o woocommerce_email_before_order_table para agregar el contenido.

 add_action('woocommerce_email_after_order_table', 'sa_add_shipping_method_
a_order_email', 10, 2);
función sa_add_shipping_method_to_order_email ($ pedido, $ is_admin_email) {
    echo 'Envío: '. $pedido->get_shipping_method();
}

Recuerde, estos métodos están estrechamente relacionados con el tema que elija. Por lo tanto, cuando cambie su tema, también tendrá que mover sus archivos de plantilla modificados, o las acciones agregadas, al nuevo tema.

Ahora pasemos a la manera fácil.

Personalice las plantillas de correo electrónico con los complementos de personalización de correo electrónico de WooCommerce

¿Por qué no intenta algo nuevo que despierte los intereses de sus clientes? Envíe correos electrónicos personalizados para hacerlos sonreír y sentirse bien. Más aún cuando están disponibles en cualquier momento.

En el mercado hoy en día, hay una gran cantidad de complementos. Para el año 2022, hemos producido una lista de seis populares complementos de personalización de correo electrónico de WooCommerce.

Veamos cada uno de ellos con sus características y precios.

Personalizador de correo electrónico Pro para WooCommerce

En un mundo donde sus clientes son asaltados continuamente con contenido, el componente más costoso es el 'período de atención' y, si puede capturarlo, está enviando algunos correos electrónicos maravillosos. Eso es con lo que el plugin Email Customizer Pro for WooCommerce puede ayudarte.

El complemento le permite personalizar fácilmente las once plantillas predeterminadas de correo electrónico transaccional de WooCommerce/pedido de correo electrónico de WooCommerce sin escribir una línea de código . Este complemento está desarrollado por StoreApps, el desarrollador oficial de extensiones de WooCommerce.

Puede editar el texto del correo electrónico , los colores, el encabezado y el pie de página, agregar enlaces personalizados, agregar enlaces a sus redes sociales; todo usando la familiar interfaz del personalizador de WordPress .

Los correos electrónicos de las suscripciones de WooCommerce también se pueden personalizar.

Una plantilla de correo electrónico lista para usar del complemento Email Customizer Pro para WooCommerce se ve así:

Pruebe la demostración en vivo

Reflejos:

• Obtiene cinco plantillas listas para usar para elegir. No hay dolores de cabeza en el diseño. Cuando elija una plantilla, se lo llevará a su personalizador de WordPress familiar, donde puede realizar cambios en el correo electrónico.
• Realice cambios en el texto del cuerpo del correo electrónico . Este es el complemento USP. Puede editar la información existente, así como agregar la suya propia. Los mensajes de pedido de correo electrónico predeterminados, los encabezados, los subtítulos y los comentarios de cierre se pueden cambiar. Incluya fotos, enlaces de video, cupones y enlaces de publicaciones de blog. Incluso puede solicitar comentarios y revisiones.
• Otra área donde brilla el complemento es la sección de recomendaciones de productos . Para aumentar las ventas a través de ventas adicionales y ventas cruzadas, use etiquetas de combinación para mostrar productos similares inmediatamente en los correos electrónicos.
• El estilo del encabezado, que incluye el color del encabezado, el color del texto del encabezado y el texto del encabezado, se puede personalizar. En el espacio del encabezado, puede colocar un logotipo para su empresa.
• La barra de menú, por otro lado, le permite mostrar hasta cinco enlaces personalizados. Utilice estos enlaces para enviar a los clientes a cualquier página de ofertas, documentación de productos, páginas de planes especiales de membresía, etc.
• Puede agregar texto a la parte de pie de página de sus correos electrónicos para el pie de página. Puede ser un mensaje personalizado o HTML. Puede incluir tres íconos de redes sociales con enlaces a los perfiles de sus marcas. Los íconos más utilizados en los correos electrónicos parecen ser Facebook, YouTube e Instagram.
• También puede cambiar el color del fondo del correo electrónico, incluido el color de fondo, el color del borde del correo electrónico y el color del cuerpo del correo electrónico.
• Puede ver cómo se verán sus correos electrónicos en diferentes dispositivos en tiempo real.
• Envíe correos electrónicos de prueba a los clientes para ver cómo aparecerán en sus bandejas de entrada. Verifique que todo funcione correctamente y que nada se haya roto.

Está listo para ir y forjar su propia identidad de marca única.

Precio: $79

Obtenga el complemento Email Customizer Pro

Personalizador de correo electrónico de WooCommerce

Desarrollado por el equipo de WooCommerce, el complemento WooCommerce Email Customizer tiene el personalizador de WordPress incorporado que le permite modificar visualmente el diseño de su plantilla de correo electrónico. No requiere ningún conocimiento de codificación.

Pero recuerde, este complemento solo personaliza el diseño de sus correos electrónicos y no el texto o el contenido de los correos electrónicos.

Precio: $79

Obtenga el complemento del personalizador de correo electrónico de WooCommerce

Personalizador de correo electrónico para WooCommerce por ThemeHigh

Este también es un popular complemento de personalización de correo electrónico de WooCommerce. Hay una versión gratuita del complemento en WordPress.org y una versión premium.

Reflejos:

• Ver vista previa en vivo de los cambios
• Agregue filas ilimitadas a la plantilla de correo electrónico
• Agregue diferentes elementos de correo electrónico (Básico, Woocommerce y ganchos)
• Enviar correos electrónicos de prueba

Precio: $39

Obtenga este complemento de personalizador de correo electrónico

Diseñador visual de correo electrónico para WooCommerce

Otro complemento de personalización de correo electrónico de WooCommerce con una funcionalidad de arrastrar y soltar. Tiene una versión gratuita en WordPress.org y una versión premium.

Reflejos:

• Envíe correos electrónicos basados ​​en productos y categorías.
• Incruste la firma digital en cada correo electrónico de pedido de WooCommerce.
• Envíe correos electrónicos de prueba para ver cómo se entregaron los correos electrónicos en el buzón del cliente.
• Crea tus propias líneas de asunto.

Precio: $99

Obtenga el complemento Visual Email Designer

WooMail – Personalizador de correo electrónico de WooCommerce

WooMail es un popular complemento de personalización de correo electrónico en CodeCanyon.

Reflejos:

• Plantillas y bloques predefinidos
• Arrastrar y soltar, no requiere codificación.
• Vista previa en vivo
• Enviar correos electrónicos de prueba

Precio: $39

Obtenga el complemento WooMail

Plantillas de correo electrónico YITH WooCommerce

El complemento YITH WooCommerce Email Templates le proporciona plantillas para dar un aspecto más profesional a los mensajes.

Reflejos:

• Agregue logotipos y enlaces personalizados
• Cambiar colores y tipografía
• Agregar enlaces de redes sociales
• Eliminar la imagen del producto del contenido del correo electrónico

Pero no hay una vista previa en vivo disponible.

Precio: $80

Obtenga el complemento de plantillas de correo electrónico YITH WooCommerce

Ventajas de usar correos electrónicos personalizados de WooCommerce

Además de todo lo demás, es muy fácil. Dado que las plantillas están predefinidas, los propietarios de las tiendas no deben preocuparse por inventar una plantilla cada vez que se realiza una transacción.

• Diseño de correo electrónico visualmente atractivo y estético.
• Personalizado y a medida
• El alcance de hacer que el correo electrónico sea interactivo.
• Los correos electrónicos atractivos refuerzan el negocio, generalmente los ingresos por ventas
• Compromiso mejorado del cliente
• Poner fin a los correos electrónicos monótonos
• Dinámico y fácilmente disponible

La mejor parte de los correos electrónicos personalizados de WooCommerce tiene que ser su diseño receptivo que facilita la vida de los propietarios de tiendas y vendedores.

El complemento personalizado de correo electrónico de WooCommerce recomendado es...

Para resumir, Email Customizer Pro para WooCommerce se destaca de manera diferente al resto. Es un paquete integral que incluye capacidades adaptables y de alta calidad.

La primera mirada genera vibraciones positivas en el cliente . Sorprendentemente diseñado y creativamente personalizable, el complemento es imprescindible para los usuarios de WooCommerce.

Agregará un destello de especia a su correo electrónico. Sus clientes obtienen la libertad de espacio para sentir la marca y asociarse con usted. Con solo unos pocos clics, puede crear excelentes correos electrónicos que le brinden resultados extravagantes a cambio.

Obtenga el complemento Email Customizer Pro

Comience a personalizar sus correos electrónicos hoy

Permítame darle este consejo crucial. El correo electrónico, en mi opinión, es similar a una carta de amor. También puede contratar a alguien para que diseñe el boletín o elegir uno de los servicios de diseño ilimitados para que trabaje para usted.

Debemos permitir que nuestros clientes sientan la marca, la perciban de la manera que nosotros queremos y adopten nuestra imagen de marca, permitiéndoles penetrar en sus pensamientos y estar ahí indefinidamente.

Y, en mi opinión, hacer negocios se trata de mantener una relación a largo plazo con el cliente.