Personalización de plantillas de correo electrónico de WooCommerce: una guía detallada

Última actualización: 1 de julio de 2021

Los correos electrónicos transaccionales son una parte importante de la experiencia del cliente en una tienda en línea. Además de informar a los clientes sobre el estado de sus pedidos, estos correos electrónicos ofrecen un gran margen para el reconocimiento y la retención de la marca. También puedes hacer uso de estos correos electrónicos para informar a los clientes sobre tus productos o cualquier otro aspecto relacionado con tu tienda. Si tiene una tienda WooCommerce, ¿cuáles son sus opciones para personalizar los correos electrónicos? En este artículo, echamos un vistazo detallado a varias opciones para personalizar las plantillas de correo electrónico de WooCommerce.

Plantillas de correo electrónico de WooCommerce

WooCommerce ofrece una gama de plantillas de correo electrónico, que puede personalizar de acuerdo con la estrategia de su tienda. Puede acceder a estas plantillas a través de WooCommerce > Configuración > Correos electrónicos . Las siguientes son las plantillas de correo electrónico disponibles de forma predeterminada en WooCommerce:

• Nuevo orden
• Orden cancelada
• pedido fallido
• orden en espera
• Orden de procesamiento
• Orden completada
• pedido reembolsado
• Factura del cliente / Detalles del pedido
• Nota del cliente
• Restablecer la contraseña
• Nueva cuenta

  

Personalización de plantillas de correo electrónico de WooCommerce

Ahora, puede personalizar cada una de estas plantillas individualmente y también aplicar ciertos estilos en general a todas ellas. Estudiaremos ambas opciones.

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 Administrar a la derecha.

Una vez que abre una plantilla de correo electrónico, puede personalizar varios aspectos de la misma. Estas son las opciones que obtienes:

• Habilitar/Deshabilitar : esta es una casilla de verificación que le permite habilitar o deshabilitar esta notificación específica.
• Destinatarios : en este campo, puede especificar las identificaciones de correo electrónico a las que se enviará este correo electrónico. Puede separar varias identificaciones de correo electrónico mediante el uso de comas.
• Asunto : puede especificar el asunto del correo electrónico aquí. 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 : aquí puede especificar el encabezado del correo electrónico. Los mismos marcadores de posición de arriba también se aplican aquí.
• Contenido adicional : este es el texto que será visible en el cuerpo del correo. Podría ser cualquier información relevante que desee incluir en la notificación. También puede usar los marcadores de posición aquí.
• Tipo de correo electrónico : aquí es donde especifica el formato del correo electrónico. Hay tres formatos disponibles:
  • 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 Guardar cambios .

Así es como se vería el correo electrónico de Nuevo pedido según la configuración anterior con la configuración de diseño predeterminada.

Personalizaciones de diseño para plantillas de correo electrónico de WooCommerce

Ahora, puede aplicar algunas personalizaciones más, que serán aplicables a todas sus plantillas de correo electrónico. Para encontrar esta configuración, vaya a WooCommerce > Configuración > Correos electrónicos y desplácese hacia abajo hasta la sección Plantilla de correo electrónico. Aquí están las opciones:

Puede hacer clic en el enlace para ver la vista previa de la plantilla en esta sección.

• Imagen de encabezado : puede especificar una imagen que se mostrará como encabezado del correo electrónico.
• Texto de pie de página : aquí puede agregar un texto personalizado para que se muestre en el pie de página del correo electrónico. También encontrará dos marcadores de posición para usar aquí:
  • {Título del sitio}
  • {Sitio URL}
• También obtendrá cuatro opciones para personalizar el color del correo electrónico. Puede hacer clic en el campo respectivo para cambiar el color de esa sección.
• Color base: aquí se puede modificar el color base de la plantilla.
• Color de fondo : aquí puede personalizar el color de fondo de la plantilla.
• Color de fondo del cuerpo : aquí es donde puede cambiar el fondo del cuerpo del correo electrónico.
• Color del texto del cuerpo : aquí puede cambiar el color del texto del correo electrónico.

Información sobre la gestión de la tienda : también puede iniciar sesión para recibir información sobre la gestión de la tienda de WooCommerce aquí. Simplemente marque la casilla de verificación para habilitar estas notificaciones.

Una vez aplicados los cambios, tus plantillas tendrán las combinaciones de colores que hayas seleccionado. Por ejemplo, aquí hay una plantilla de muestra de acuerdo con la configuración anterior.

Personalización de plantillas de correo electrónico de WooCommerce con un complemento

Ahora echemos un vistazo a cómo podemos personalizar las plantillas de correo electrónico de WooCommerce con un complemento de WordPress. Para este artículo, estamos usando el complemento Kadence WooCommerce Email Designer.

Instale y active el complemento como lo haría con cualquier otro complemento.

Si necesita ayuda para instalar un complemento, aquí está nuestro artículo que describe cómo instalar y configurar un complemento de WooCommerce.

Este complemento agrega muchas opciones de personalización para sus correos electrónicos. Podrá alinear todos los correos electrónicos de transacciones que envíe de acuerdo con el esquema de colores y estilos de su marca. Para este artículo, veremos las opciones de personalización usando la misma notificación de correo electrónico de nuevo pedido que usamos anteriormente.

Puede acceder a la configuración del complemento a través de WooCommerce> Personalizador de correo electrónico . Aquí encontrarás una interfaz similar al personalizador de WordPress, que es bastante intuitivo de usar.

Tipo de correo electrónico y texto

Aquí es donde puede seleccionar la plantilla para personalizarla. En el centro de la página, encontrará una vista previa de la plantilla que puede personalizar fácilmente. Encontrarás las siguientes opciones en el lado izquierdo del personalizador.

• Vista previa del pedido : aquí puede seleccionar los detalles del pedido que desea usar para personalizar el correo electrónico. Puede elegir el orden de maqueta proporcionado por el complemento (que se seleccionará de forma predeterminada) o usar uno de los pedidos disponibles.
• Tipo de correo electrónico : aquí es donde especifica la plantilla de correo electrónico que está editando. Todas las diferentes plantillas de correo electrónico que ve en la configuración de correos electrónicos de WooCommerce se completarán en el menú desplegable. Puedes seleccionar el que quieras personalizar.
• Destinatarios : agregue las identificaciones de correo electrónico para enviar los correos electrónicos.
• Texto del asunto: personaliza el texto del asunto.
• Texto del título: personaliza el texto del título
• Texto de subtítulo : puede agregar un subtítulo debajo del encabezado principal del correo electrónico agregando un texto en este campo.
• Texto del cuerpo : este complemento le permite agregar un texto del cuerpo de acuerdo con el requisito, que no podrá administrar con WooCommerce de forma predeterminada.
• Contenido adicional : aquí puede agregar o modificar el contenido adicional.
• Marcadores de posición disponibles : el complemento ofrece algunos marcadores de posición más además de las opciones predeterminadas. Las opciones disponibles son:
  • {Título del sitio}
  • {fecha de orden}
  • {Número de orden}
  • {nombre_del_cliente}
  • {apellido_del_cliente}
  • {nombre_completo_del_cliente}
  • {nombre_usuario_cliente}
  • {correo electrónico del cliente}

    

Plantillas prediseñadas

El complemento también ofrece algunas plantillas prediseñadas que puede usar en lugar de la plantilla predeterminada de WooCommerce. Puede elegir una de las plantillas prediseñadas y personalizarlas según los requisitos de su tienda.

Más opciones de personalización

Además, el complemento ofrece algunas opciones más para personalizar. Éstos incluyen:

• Contenedor : aquí puede personalizar diferentes aspectos del contenedor. Puede personalizar el color de fondo, el radio del borde, el ancho del borde y más.
• Encabezado : en la sección Encabezado, puede personalizar tres secciones por separado. Estos son la imagen del encabezado, el estilo del encabezado y el contenido del encabezado.
• Contenido : encontrará más opciones para personalizar los aspectos visuales del contenido aquí. Las opciones disponibles con este complemento incluyen los estilos de texto del contenido, cómo mostrar los elementos en el orden, diferentes estilos de botones y más.
• Pie de página: aquí puede controlar el estilo del pie de página, así como agregar botones de redes sociales para mostrar.
• CSS personalizado : puede agregar CSS personalizado en el campo provisto para esto.
• Exportar e importar : puede exportar e importar configuraciones de personalización desde y hacia el complemento, si es necesario.
• Vista previa : también le permite enviar un correo electrónico de vista previa a una identificación de correo electrónico específica, para que tenga una idea clara de los estilos que ha aplicado.

  

Estos son algunos de los ejemplos de opciones de personalización adicionales que obtendrá cuando utilice un complemento en lugar de la configuración predeterminada de WooCommerce. Dependiendo del complemento que esté utilizando, esta configuración cambiará. Puede echar un vistazo a los diferentes complementos que lo ayudarán a personalizar las plantillas de correo electrónico de WooCommerce y elegir el más adecuado.

Complementos para ayudar a personalizar las plantillas de correo electrónico de WooCommerce

Ahora enumeraremos algunos de los complementos populares que ayudan a personalizar las plantillas de correo electrónico de WooCommerce y sus características.

Personalizador de correo electrónico de WooCommerce

Este complemento lo ayudará a garantizar que todos los correos electrónicos de su tienda sean personalizados según sus requisitos. Ofrece una interfaz muy fácil de usar que ofrece un editor visual para ayudarlo a personalizar sus plantillas de correo electrónico. Podrás ver las modificaciones aplicadas a las plantillas en tiempo real. El personalizador tiene diferentes configuraciones que le permiten personalizar diferentes secciones del correo electrónico, como encabezado, cuerpo, pie de página, etc.

El costo del complemento es de $79.

Personalizador de correo electrónico Pro

Este complemento lo ayuda a personalizar de manera efectiva sus correos electrónicos de transacciones de WooCommerce para mejorar el reconocimiento de su marca. Le proporcionará una gama de plantillas diseñadas profesionalmente, que puede personalizar aún más según sus necesidades. Encontrará cuatro plantillas diferentes y puede personalizarlas sin ningún conocimiento de codificación. Además, el complemento lo ayuda a incluir enlaces relevantes e íconos de redes sociales en los correos electrónicos. Además, el complemento también ofrece una opción para mostrar recomendaciones de productos en el correo electrónico.

Adjuntos de correo electrónico

Este complemento le permite agregar archivos adjuntos a los correos electrónicos de transacciones de WooCommerce. Podrá incluir cualquier cantidad de archivos adjuntos y el complemento le permite agregar diferentes tipos de archivos. Además, podrá agregar destinatarios adicionales a sus correos electrónicos en forma de CC y BCC. Además, le permite agregar un título y cuerpo de notificación adicional en el pie de página, para que los destinatarios estén al tanto de los archivos adjuntos con el correo.

Si está utilizando una extensión para WooCommerce que genera correos electrónicos, este complemento también le permitirá personalizar esas plantillas. Sin embargo, para que esto funcione, la extensión debe usar la API de correo electrónico de WooCommerce.

Puede obtener el complemento por $ 29.

Múltiples archivos adjuntos de correo electrónico

Este es otro complemento que puede usar para incluir archivos adjuntos en los correos electrónicos de transacciones de WooCommerce. Podrá mejorar la experiencia del cliente en su tienda enviando archivos adjuntos con instrucciones para configurar un producto, detalles de la garantía, etc. El complemento lo ayuda a agregar archivos adjuntos a los correos electrónicos de transacción predeterminados que forman parte de WooCommerce. Además, le permite agregar archivos adjuntos a plantillas de correo electrónico creadas por complementos que siguen la API de correo electrónico de WooCommerce.

El complemento tiene un precio de $29.

Correo electrónico de cancelación de pedido al cliente

De forma predeterminada, WooCommerce envía un correo electrónico al administrador de la tienda cuando el administrador cancela un pedido. Con este complemento, puede enviar un correo electrónico adicional automáticamente al cliente, cuando el administrador de la tienda cancela un pedido desde el backend. El complemento sigue el formato del correo electrónico de cancelación de pedido predeterminado de WooCommerce. Además, podrá personalizar el asunto, el encabezado y el contenido del correo electrónico como sus otros correos electrónicos de transacciones.

Debe gastar $ 29 para obtener este complemento para su tienda.

Plantillas de correo electrónico YITH WooCommerce

Puede personalizar sus correos electrónicos de transacciones de WooCommerce y darles una apariencia más profesional con la ayuda de este complemento. Podrá personalizar las plantillas de correo electrónico existentes agregando detalles y opciones adicionales, como íconos de redes sociales. Además, el complemento ofrece algunas plantillas prefabricadas que puede usar si no desea utilizar las plantillas predeterminadas. El complemento también lo ayuda a proporcionar enlaces útiles a los clientes a través de estos correos electrónicos.

Otra ventaja de usar este complemento es que podrá ver los cambios que realice en tiempo real a través de la opción de vista previa. Además, permite traducir fácilmente los correos electrónicos con la ayuda de la compatibilidad con WPML.

El costo de una licencia de sitio único de este complemento es de $ 69.99

Kadence WooCommerce Diseñador de correo electrónico

Este es el complemento que hemos utilizado en la demostración anterior para mostrar diferentes opciones de personalización adicionales para sus correos electrónicos de WooCommerce. El complemento, aunque gratuito, es realmente una excelente opción, ya que ofrece una amplia gama de opciones para personalizar diferentes plantillas de correo. Obtendrá una vista previa en tiempo real para comprender los cambios que realiza, así como plantillas prediseñadas para una fácil personalización.

Además, el complemento ofrece una opción para enviar correos electrónicos de prueba para que pueda tener muy claro la apariencia de cada uno de sus correos electrónicos. Además, el complemento tiene opciones de importación y exportación para ayudarlo a migrar la configuración de personalización sin esfuerzo. Evidentemente, esta es una excelente opción gratuita para personalizar sus correos electrónicos de transacciones de WooCommerce, incluso si no es un experto en WordPress.

MailPoet – correos electrónicos y boletines en WordPress

Este complemento ofrece principalmente una excelente opción para ayudarlo a construir sus suscriptores de boletines. Le permite agregar un formulario de suscripción al boletín de noticias a su sitio de WordPress sin esfuerzo. Además, puede administrar listas de suscriptores y también configurar correos automáticos de bienvenida a nuevos suscriptores. El complemento también lo ayuda a personalizar las plantillas de correo electrónico de WooCommerce, así como a enviar correos electrónicos de ventas adicionales cuando los clientes realizan su primera compra o compran un producto de una categoría específica.

Diseñador de plantillas de correo electrónico de WordPress – WP HTML Mail

Esta es una opción integral para manejar correos electrónicos desde su sitio de WordPress. Le ayuda a personalizar las plantillas de correo electrónico predeterminadas de WooCommerce y EDD. Además, puede usar el complemento para enviar correos electrónicos para confirmar los envíos de formularios de contacto. Además, el complemento ofrece plantillas prefabricadas que reducirán considerablemente sus esfuerzos en la personalización. Además, el complemento ofrece una vista previa en vivo y una opción para enviar un correo de prueba a una identificación de correo electrónico específica.

Personalizador de correo electrónico para WooCommerce

Esta es otra opción popular que permite una amplia personalización de las plantillas de correo electrónico de WooCommerce. El complemento ofrece 11 plantillas prediseñadas que lo ayudarán a darle una nueva apariencia a sus correos electrónicos de transacciones de WooCommerce. Otro aspecto destacado de este complemento es que puede agregar un número ilimitado de filas a sus plantillas de correo electrónico. Algunas de las otras características útiles de este complemento son marcadores de posición dinámicos, vista previa en vivo, correos electrónicos de prueba, etc.

Esperamos que este artículo le haya proporcionado una idea clara sobre cómo personalizar las plantillas de correo electrónico de WooCommerce. Déjanos un comentario si tienes alguna consulta.

Otras lecturas

• Los mejores complementos de correo electrónico de seguimiento de WooCommerce.
• ¿Cómo configurar correos electrónicos de recuperación de carrito en WooCommerce?
• WooCommerce no envía correos electrónicos