Cómo personalizar los correos electrónicos de WooCommerce + Previsualizarlos antes de enviarlos

¿Tienes problemas para personalizar los correos electrónicos de WooCommerce ?

WooCommerce ya ofrece correos electrónicos transaccionales automatizados para más de 10 acciones, como pedidos nuevos, pedidos procesados ​​y cuentas nuevas. Sin embargo, probablemente querrá personalizar esos correos electrónicos para hacerlos suyos.

En este tutorial paso a paso, aprenderá cómo personalizar los correos electrónicos de WooCommerce usando la configuración integrada en WooCommerce, así como algunos complementos gratuitos o de pago que puede usar para obtener aún más control sobre los correos electrónicos de su tienda.

Tabla de contenido:

¿Por qué debería personalizar los correos electrónicos de WooCommerce?

• Para cambiar del púrpura predeterminado de WooCommerce a un color más adecuado para su marca.
• Para agregar personalización y una voz de marca a las plantillas de correo electrónico.
• Para cambiar configuraciones como el nombre "De" o la dirección "De".
• Para agregar elementos multimedia como un logotipo, una imagen de encabezado o GIF animados.
• Para desactivar algunos de los mensajes automáticos que no se ajustan a su operación.
• Para vincular a páginas de soporte, ventas adicionales o promociones.
• Para cambiar entre los tipos de correo electrónico HTML y de texto.
• Para obtener una vista previa de cómo se ve el correo electrónico antes de activarlo para la automatización.

Cómo personalizar los correos electrónicos de WooCommerce

Con solo la configuración integrada en WooCommerce, puede personalizar varias partes de sus correos electrónicos de WooCommerce, que incluyen:

• Opciones de remitente de correo electrónico ️
• El tema general del correo electrónico
• Contenido de correo electrónico específico

A continuación, le mostraremos cómo personalizar estas configuraciones integradas. Luego, después de eso, también compartiremos algunos complementos de personalización de correo electrónico de WooCommerce que le brindan aún más flexibilidad si es necesario.

Paso 1: Ve a la configuración de correo electrónico en WooCommerce

En su tablero de WordPress, vaya a WooCommerce > Configuración > Correos electrónicos . Aquí, verá un título para Notificaciones por correo electrónico , junto con una lista de los correos electrónicos de notificación predeterminados que WooCommerce ya ha configurado para usted.

Paso 2: personalice las opciones y la plantilla del remitente de correo electrónico

Desplácese más allá de la lista de notificaciones de correo electrónico para encontrar la sección llamada "Opciones de remitente de correo electrónico".

Verás dos campos:

• Nombre "De": el nombre que ven los clientes cuando reciben un correo electrónico; adhiérase al nombre de la empresa, o posiblemente a una persona real si es parte de su estrategia de marca.
• Dirección "De": la dirección de correo electrónico "de" que los usuarios pueden contactar si responden al correo electrónico automatizado.

Modifique esos campos según sea necesario.

En la sección Plantilla de correo electrónico , puede comenzar a personalizar elementos como:

• Imagen de cabecera
• Texto de pie de página
• Color de base
• Color de fondo del cuerpo
• Color del texto del cuerpo

Si desea agregar una imagen de encabezado personalizada al correo electrónico, pegue la URL de la imagen en el campo Imagen de encabezado . Puede alojar una imagen en su biblioteca multimedia de WordPress y obtener la URL de la imagen desde allí.

También recomendamos eliminar el texto "Creado con WooCommerce" del pie de página. Le invitamos a agregar cualquier otra cosa que desee en el pie de página.

Más abajo, en el área Plantilla de correo electrónico , encontrará la configuración de color para la plantilla de correo electrónico general de WooCommerce. Como se mencionó anteriormente, WooCommerce agrega automáticamente su púrpura predeterminado como color base, que no es lo que desea cuando ejecuta una tienda en línea .

Elija un color que se corresponda con su marca como Color base y considere cambiar los otros campos de color si es necesario.

Haga clic en Guardar cambios cuando haya terminado.

Paso 3: personaliza correos electrónicos específicos de WooCommerce

Desde correos electrónicos de nuevos pedidos hasta correos electrónicos de pedidos completados , WooCommerce proporciona plantillas preestablecidas que se envían automáticamente a los administradores del sitio y a los clientes para mantener a todos informados sobre los pedidos. Sin embargo, querrá personalizar algunos de estos correos electrónicos para incluir su propio contenido y eliminar algunos valores predeterminados innecesarios de WooCommerce.

Complete estas personalizaciones de correo electrónico individuales haciendo clic en Administrar junto al correo electrónico que desea editar. No es una mala idea comenzar con los correos electrónicos de "Pedido en proceso" y "Pedido completado" , ya que son los más vistos por el cliente.

Recorra los siguientes campos según sus necesidades:

• Habilitar deshabilitar
• Tema
• Encabezado de correo electrónico
• Contenido adicional

Sugerimos mantener habilitados todos los correos electrónicos de WooCommerce a menos que tenga una circunstancia única en la que no necesite uno de ellos, o si tiene la intención de usar un complemento separado para correos electrónicos transaccionales.

Los campos como Asunto , Encabezado del correo electrónico y Contenido adicional dictan el contenido general del correo electrónico, así que ajústelos según sea necesario.

Haga clic en el "?" iconos para ver qué marcadores de posición dinámicos están disponibles para insertar en los campos de contenido. Por ejemplo, puede usar un marcador de posición para que WooCommerce complete un enlace a su sitio web en cada correo electrónico.

Paso 4: Conviértalo en un correo electrónico HTML o de texto sin formato

Haga clic en el campo Tipo de correo electrónico para ver sus opciones. Elija uno de los siguientes:

• Texto sin formato: correos electrónicos sin imágenes ni formato
• HTML: correos electrónicos con contenido enriquecido como imágenes, tablas y formato
• Multiparte: este cambia dinámicamente entre texto sin formato y HTML según el cliente de correo electrónico del usuario, ya que algunos clientes no admiten correos electrónicos HTML.

Paso 5: considere editar la plantilla HTML

En la parte inferior de la página, verá una sección llamada "plantilla HTML". WooCommerce no tiene un editor de arrastrar y soltar para sus correos electrónicos, pero puede personalizar el código HTML de cada correo electrónico.

Haga clic en el botón Ver plantilla para ver su código.

WooCommerce bloquea su plantilla HTML predeterminada, por lo que no puede editar nada. Sin embargo, puede hacer clic en el botón Copiar archivo a tema para anular y editar la plantilla.

Después de eso, puede colocar el cursor en el editor de texto y realizar cambios. Solo recomendamos utilizar esta sección si tiene conocimientos de HTML.

Si no se siente cómodo editando este código directamente, es posible que desee contratar a un desarrollador de WordPress. O bien, puede probar uno de los complementos de correo electrónico de WooCommerce que compartiremos en la siguiente sección.

¡Y así es como personalizas los correos electrónicos de WooCommerce! Haga clic en el botón Guardar cambios para finalizar el proceso.

Cómo obtener una vista previa de los correos electrónicos de WooCommerce

Debe obtener una vista previa de sus correos electrónicos transaccionales antes de enviarlos a los clientes. De esta manera, puede verificar errores ortográficos, marcas de WooCommerce que necesitan cambios y oportunidades de promociones o ventas adicionales.

Aquí le mostramos cómo obtener una vista previa de sus correos electrónicos de WooCommerce.

Paso 1: vea una vista previa visual de su plantilla de correo electrónico general

En WooCommerce > Configuración > Correos electrónicos , busque la sección Plantilla de correo electrónico y haga clic en el enlace que dice "Haga clic aquí para obtener una vista previa de su plantilla de correo electrónico".

Eso abre una nueva ventana del navegador que muestra el correo electrónico con la configuración de correo electrónico general especificada. Debería ver nuevos colores, una imagen de encabezado y un pie de página editado si cambió todo eso. Tenga en cuenta que el contenido de la vista previa de la plantilla sigue siendo genérico.

Paso 2: Ejecute transacciones de prueba para ver los correos electrónicos individuales con contenido dinámico

Lo más probable es que desee ver los correos electrónicos reales que se envían a los clientes, pero WooCommerce carece de las funciones para ver esas vistas previas visuales. En su lugar, debe ejecutar transacciones de prueba para activar los correos electrónicos en su propia bandeja de entrada.

Aquí está cómo hacerlo:

1. Asegúrate de tener WooCommerce Payments y el método de pago Stripe activados.
2. Agrega un artículo a tu carrito y completa la información como si fueras un cliente.
3. En el campo Correo electrónico , agregue su dirección de correo electrónico.
4. En el campo de la tarjeta de crédito, use una de las tarjetas de prueba de Stripe para procesar un pago.
5. Termina de revisar.

La transacción de prueba debería enviarle un correo electrónico de Procesamiento de pedidos , que le permite ver cómo se procesan los correos electrónicos para los clientes. Verifique que las etiquetas dinámicas aparezcan correctamente y que toda su marca y el texto insertado se muestren correctamente.

Para activar otros correos electrónicos, vaya a WooCommerce > Pedidos y ajuste el campo Estado a otra cosa. Como ejemplo, puede cambiarlo a Completado para activar el correo electrónico de Pedido completado de WooCommerce. Asegúrese de hacer clic en el botón Actualizar para guardar el cambio.

Luego se envía a su bandeja de entrada para que lo revise.

Para simplificar el proceso, puede considerar un complemento como WooCommerce Email Test.

Complementos que ayudan a personalizar los correos electrónicos de WooCommerce

Varios complementos brindan herramientas avanzadas de personalización de correo electrónico de WooCommerce, ya sea ampliando las funciones actuales en WooCommerce o anulándolas por completo para una experiencia más fácil de usar (generalmente arrastrar y soltar).

Aquí hay algunos complementos de personalización de WooCommerce para considerar:

También puede anular los correos electrónicos transaccionales de WooCommerce con un servicio de marketing por correo electrónico, como Omnisend, MailPoet o Sendinblue, todos los cuales ofrecen automatización de comercio electrónico y opciones adicionales para cosas como la recuperación de carritos abandonados.

Personaliza tus correos electrónicos de WooCommerce hoy

La mayoría de las tiendas de comercio electrónico incipientes pueden salirse con la suya con las personalizaciones básicas de correo electrónico de WooCommerce, pero recomendamos eventualmente pagar por un editor de correo electrónico premium como uno de los complementos o el software de marketing por correo electrónico que cubrimos anteriormente.

Una vez que haya descubierto los correos electrónicos transaccionales de su tienda, puede leer nuestra guía sobre el marketing por correo electrónico de WooCommerce para mejorar sus correos electrónicos de marketing también.

Si necesita alguna aclaración sobre cómo personalizar los correos electrónicos de WooCommerce, o si desea compartir algún consejo que tenga con otros usuarios que editan sus correos electrónicos, ¡déjenos una nota en los comentarios!