Cómo personalizar los correos electrónicos de pedido en WooCommerce (2 métodos)

Cuando gestionas una tienda WooCommerce, los correos electrónicos automáticos te permiten recibir y enviar consultas/información a los clientes minimizando las intervenciones manuales y los procedimientos a menudo repetitivos que a veces requerirían mucho esfuerzo.

Estos correos electrónicos predeterminados se envían cuando se producen eventos específicos. Por ejemplo, el procesamiento de un pedido, un reembolso o el restablecimiento de una contraseña. En el caso de WooCommerce, estas operaciones se simplifican gracias a funciones específicamente dedicadas a la automatización del correo electrónico y al procesamiento de clientes.

En este artículo, te diré por qué deberías personalizar los correos electrónicos de WooCommerce y cómo puedes hacerlo fácilmente.

¿Por qué debes personalizar tus correos electrónicos?

Los correos electrónicos son una parte fundamental de cualquier tienda WooCommerce. Se han realizado varios estudios que sugieren que los correos electrónicos personalizados pueden aumentar la participación y los ingresos. También puede aumentar tus tasas de apertura, clics y respuestas. Además, tus correos personalizados no sonarán a spam para tus clientes.

Personalizar los correos electrónicos de WooCommerce te ayuda a generar confianza entre tus clientes, que son más propensos a interactuar con tu tienda online de vez en cuando. Puesto que personalizarlos al tiempo que cuidas el estilo, el color, el tono y la forma de tu marca es importante, hay algunas cosas que debes tener en cuenta al personalizar los correos electrónicos de WooCommerce.

• Nombre
• Asunto
• Periodo de tiempo
• Relevancia
• Pide

Tipos de estado del pedido WooCommerce

WooCommerce incluye varios estados de pedido que pueden no coincidir con los flujos de tu tienda, pero aun así, puedes marcar los pedidos con estados personalizados, como Pago pendiente, Procesando, En espera, Fallido, etc.

Muchos propietarios de tiendas WooCommerce tienen esta duda común: ¿Cómo puedo personalizar los mensajes de pedido predeterminados de WooCommerce para darles un aspecto personalizado? ¿Cómo puedo añadir contenido adicional para ayudar a los clientes con sus pedidos y crear un estado de pedido WooCommerce personalizado?

Aunque hacer correos electrónicos HTML impresionantes es realmente un logro en sí mismo, WooCommerce ofrece varias opciones para que incluso los aficionados puedan crear correos electrónicos asombrosos.

Tipos de correos electrónicos transaccionales predeterminados de WooCommerce (con código)

“Vainilla” ofrece notificaciones por correo electrónico de WooCommerce que se envían a los clientes en respuesta a sus interacciones con la tienda. A continuación se indican los correos electrónicos más importantes para los clientes de tu tienda WooCommerce.

• Nuevo pedido: Los correos electrónicos de nuevo pedido se envían cuando se recibe un nuevo pedido.
• Pedido cancelado: Los correos electrónicos de pedido cancelado se envían cuando los pedidos se han marcado como cancelados.
• Pedido fallido: Los correos electrónicos de pedido fallido se envían cuando un pedido en proceso o en espera se marca como Fallido.
• Pedido en espera: Se trata de una notificación de pedido enviada a los clientes. Contiene los detalles del pedido después de que un pedido se haya puesto en espera.
• Orden de procesamiento: Se trata de una notificación de pedido enviada a los clientes. Contiene los detalles del pedido tras el pago.
• Pedido completado: Los correos electrónicos de pedido completado se envían a los clientes cuando sus pedidos se marcan como completados. Estos correos suelen indicar que los pedidos se han enviado.
• Pedido reembolsado: Los correos electrónicos de pedido reembolsado se envían a los clientes cuando sus pedidos se marcan como reembolsados.
• Factura de cliente: Los correos electrónicos de factura de cliente contienen información sobre el pedido y enlaces de pago.
• Nota de cliente: Los correos electrónicos de nota de cliente se envían cuando añades una nota a un pedido.
• Restablecer contraseña: Los correos electrónicos de “restablecer contraseña” se envían cuando los clientes restablecen sus contraseñas.
• Nueva cuenta: Los correos electrónicos de “nueva cuenta” se envían al cliente cuando éste se registra a través de la página de pago o de registro de cuenta.

Además de estos tipos de correo electrónico estándar, también puedes añadir correos personalizados.

Opciones globales de correo electrónico de WooCommerce

El correo electrónico estándar de WooCommerce tiene este aspecto:

El administrador de WooCommerce permite algunas personalizaciones básicas de este diseño de correo electrónico predeterminado. Se puede acceder a estas opciones tras iniciar sesión en la administración de WordPress e ir a WooCommerce → Configuración → Correos electrónicos → Opciones de remitente de correo electrónico. Estas opciones incluyen:

• Establece el nombre/dirección del remitente (visible para el cliente)
• Tamaño de la imagen del encabezado de correo electrónico de WooCommerce
• Cambiar el texto del pie de página del correo electrónico
• Elige colores diferentes para la base, el fondo y el cuerpo del texto

Aquí tienes un ejemplo de correo electrónico de pedido de WooCoomerce.

Recuerda que estas opciones se aplican a todos los correos electrónicos. En cuestión de minutos, puedes crear un correo electrónico muy personalizado alterando el tamaño de la imagen de la cabecera del correo electrónico de WooCommerce, el texto personalizado del pie de página y otro color base.

Puede que te hayas dado cuenta de que WooCommerce identificó que se había utilizado un color base brillante. Para compensarlo, utilizó un tono adecuado para el título. Por desgracia, esta lógica no se aplicó al contenido del pie de página. ¡Este contratiempo se puede arreglar fácilmente de forma manual!

Opciones específicas de correo electrónico de WooCommerce

Cada tipo de correo electrónico tiene su propio conjunto de opciones de personalización. Se puede acceder a estas opciones a través de WooCommerce → Configuración → Correos electrónicos → Orden de procesamiento (Esta ruta de ejemplo se centra en los Correos electrónicos de orden de procesamiento. Puedes modificar varios aspectos del correo electrónico, entre ellos:

• Activar o Desactivar el envío del correo electrónico
• El asunto del correo electrónico
• Encabezamiento del correo electrónico (Por defecto es “Gracias por tu pedido”)
• Si el correo electrónico se envía como HTML o como texto sin formato (La opción por defecto es HTML).

He establecido aquí el encabezado del correo electrónico personalizado como “Gracias por tu pedido”.

Cómo personalizar la plantilla de correo electrónico de WooCommerce

Un enfoque más eficaz y eficiente es modificar los diseños predeterminados de los correos electrónicos. WooCommerce ofrece un útil sistema de plantillas que te permite personalizar partes de tu tienda o correos electrónicos replicando el archivo o 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-process-order.php.

Además, hay plantillas compartidas a las que todos los tipos de correo electrónico pueden acceder y utilizar. Puedes encontrarlas en woocommerce/templates/emails/email-styles.php.

En muchos casos, ésta es la plantilla que los desarrolladores anulan para cambiar aspectos compartidos de los correos electrónicos. El proceso para tratar el problema del pie de página mencionado anteriormente es:

1. En primer lugar, asegúrate de que existe el siguiente directorio en la instalación de WordPress: wp-content/themes/your-theme/woocommerce/emails.
2. A continuación, copia el archivo que se encuentra en wp-content/plugins/woocommerce/templates/emails/email-styles.php en el tema de la tienda en: tu-tema/woocommerce/emails/.
3. Por último, edita tu-tema/woocommerce/emails/email-styles.php para cambiar el color del texto del pie de página a negro (por brevedad, sólo se muestra la parte relevante del código del archivo de plantilla):

$credit = "
color: #66bae3;
font-size:15px;
text-align:center;
";

Esto genera un pie de página mucho más legible:

Personalización condicional con acciones/filtros

El enfoque final y más eficaz para personalizar los correos electrónicos es trabajar con el código personalizado de WooCommerce. Obviamente, esto requiere un alto nivel de conocimientos de PHP. La buena noticia es que el proceso es sencillo porque los diseños originales de WooCommerce siguen en uso. El proceso implica cambiar partes del contenido.

Funciones de filtro

• has_filtro()
• añadir_filtro()
• aplicar_filtros()
• aplicar_filtros_ref_array()
• filtro_actual()
• eliminar_filtro()
• eliminar_todos_los_filtros()
• haciendo_filtro()

Acciones Funciones

• has_accion()
• add_action()
• hacer_acción()
• do_action_ref_array()
• did_acción()
• eliminar_acción()
• eliminar_todas_las_acciones()
• haciendo_accion()

Funciones de activación/desactivación/desinstalación

• registrar_gancho_activación()
• registrar_gancho_desinstalación()
• registrar_gancho_desactivación()

Para este ejemplo, añadiré algunas instrucciones útiles de pago al correo electrónico en función del tipo de pago utilizado.

Para empezar, añade lo siguiente al archivo functions.php del tema:

add_action( 'woocommerce_before_email_order', 'add_order_instruction_email', 10, 2 );
 
function add_order_instruction_email( $order, $sent_to_admin ) {
  
  if ( ! $sent_to_admin ) {
 
    if ( 'cod' == $order->payment_method ) {
      // cash on delivery method
      echo '<p><strong>Instructions:</strong> Full payment is due immediately upon delivery: <em>cash only, no exceptions</em>.</p>';
    } else {
      // other methods (ie credit card)
      echo '<p><strong>Instructions:</strong> Please look for "Madrigal Electromotive GmbH" on your next credit card statement.</p>';
    }
  }
}

Si el cliente optó por “Contra reembolso” al realizar el pago, recibiría el correo electrónico con instrucciones útiles para realizar el pedido:

Opciones de plugin/pasarela de pago

De hecho, varios plugins y pasarelas de pago te permiten personalizar partes de los correos electrónicos de pedido. Por ejemplo, el método de pago por transferencia bancaria integrado te permite configurar las instrucciones e insertar información sobre la transferencia.

Esto podría hacerse fácilmente a través de WooCommerce > Configuración > Pago > BACS.

Aunque no es habitual, es bueno saber que estas opciones están disponibles. Esta información también podría ayudarte a optar por un determinado plugin para la tienda.

Gancho add_actions de WooCommerce Emails

Cuando se trabaja con correos electrónicos de WooCommerce, el gancho add_actions suele ser muy útil. Cuando trabajes con este gancho, tendrás que utilizar una variable global, email, que contendrá el asunto del correo electrónico. aquí tienes el fragmento de código:

add_action( 'woocommerce_email_header', 'woocommerce_emails_before_header', 1,3 );
function woocommerce_emails_before_header( $email_heading, $email ){
    $GLOBALS['email'] = $email;
}

El gancho anterior puede colocarse en functions.php (ubicado en la carpeta de tu tema) o al principio de la plantilla de correo electrónico de WooCommerce. la variable global $email llama al objeto principal de correo electrónico de WooCommerce, mientras que $order contiene una instancia del objeto global de pedido de WooCommerce.

global $email; 
$order = $email->object;

WooCommerce Email Personalizado por Producto

El siguiente código envía una plantilla de correo electrónico de pedido personalizada para un producto diferente. Por ejemplo, para el ID de producto 87, quieres mostrar el título de cabecera Notificación de correo electrónico de WooCommerce O cómo probar los correos electrónicos de WooCommerce:

function woocommerce_custom_email_per_product_depending_on_product_id( $email_heading, $order ) {
    global $woocommerce;
    $items = $order->get_items();
    foreach ( $items as $item ) {
        $product_id = $item['product_id'];
        if ( $product_id == 87 ) {
            $email_heading = 'WooCommerce email notification OR how to test WooCommerce emails';
        }
        return $email_heading;
    }
}
add_filter( 'woocommerce_email_heading_customer_processing_order', 'woocommerce_custom_email_per_product_depending_on_product_id', 10, 5 );

Ahora que sabes cómo personalizar un correo electrónico de pedido de WooCommerce, puedes conservar la función o crear un plugin de correo electrónico de WooCommerce independiente para la confirmación y notificación por correo electrónico de WooCommerce.

Cómo personalizar los correos electrónicos de WooCommerce con plugins

Aunque existen varios plugins para personalizar los correos electrónicos de WooCommerce, te mostraremos la configuración con dos plugins diferentes: MailPoet y Virfice.

Cómo personalizar los correos electrónicos de WooCommerce con MailPoet

Para empezar, instala la extensión MailPoet desde tu panel de WordPress, siguiendo el mismo proceso que con cualquier otro plugin. Después, sigue estos sencillos pasos:

• Ve a MailPoet → Configuración → WooCommerce en el panel de control de WordPress. Selecciona “Usar MailPoet para personalizar tus correos electrónicos de WooCommerce” y guarda la configuración.
• Haz clic en “Abrir editor de plantillas”.

• Utiliza el editor de arrastrar y soltar de MailPoet para hacer cambios.

• Puedes experimentar fácilmente con áreas por encima y por debajo de la cabecera del correo electrónico y del área de contenido principal. Algunos ajustes que puedes hacer son
  • Colocar tu logotipo en la parte superior
  • Colores a juego con tu marca
  • Añade imágenes o botones para darle un poco de estilo
  • Insertar enlaces a redes sociales

MailPoet también te permite clasificar a tu audiencia en función de detalles específicos, ayudándote a personalizar tu comunicación para diferentes segmentos. Puedes clasificar a los individuos en función de:

• Con qué frecuencia abren los correos electrónicos
• Importe gastado
• Artículos comprados
• Ubicación
• Estado de suscripción activa
• Hacer clic en determinados enlaces
• Fecha de inscripción

Cómo personalizar los correos electrónicos de WooCommerce con Virfice

Virfice es un plugin de correo electrónico para WooCommerce que te permite personalizar los correos electrónicos de WooCommerce sin escribir ningún código. Con el constructor de correos electrónicos de Virfice, puedes configurar los correos electrónicos de WooCommerce, añadir contenido y dar estilo a todos los correos electrónicos de WooCommerce fácilmente.

Instalar y configurar Virfice

• Instala el plugin Virfice en tu sitio web

• Una vez instalado, ve a Virfice > Configuración.

• Configura los correos electrónicos de WooCommerce estableciendo el correo electrónico del remitente, el nombre del remitente, el correo electrónico de respuesta, el nombre de respuesta y otros detalles necesarios.

Configurar la marca de correo electrónico

Los correos electrónicos de WooCommerce constan de más de 10 correos electrónicos transaccionales. Para garantizar que estos correos electrónicos se alinean con tu marca, deben seguir un estilo coherente. Por eso Virfice proporciona una configuración de marca global.

• Navega hasta Virfice > Configuración > Marca.
• Haz clic en “Personalizar” para acceder a la configuración de la marca.
• 
  Elige un fondo de correo electrónico y un color de fondo exterior.
• Añade una cabecera y un pie de página para todos los correos electrónicos, y personaliza otros elementos de marca.
• Haz clic en “Guardar” cuando hayas terminado.

Estas personalizaciones se aplicarán a todos los correos electrónicos de WooCommerce que diseñes con Virfice.

Personalizar correos electrónicos individuales de WooCommerce

• Ve a Virfice > Correos electrónicos.

• Abre cualquiera de los correos electrónicos transaccionales de WooCommerce que quieras diseñar.

• Antes de hacer clic en Editar, asegúrate de que la plantilla Virfice está activada. Esto te permite utilizar el creador de correos electrónicos de Virfice para diseñar correos electrónicos de WooCommerce para tus tiendas.

¡Ahora estás listo para crear correos electrónicos WooCommerce de marca y aspecto profesional sin esfuerzo con Virfice!

Cómo editar los correos electrónicos transaccionales de WooCommerce

Personalizar los correos electrónicos transaccionales en WooCommerce es crucial para establecer un canal de comunicación personalizado y atractivo con tus clientes. Al adaptar estos correos electrónicos para que se ajusten a la identidad de tu marca y a las expectativas de tus clientes, puedes mejorar la experiencia de compra en general.

Estos son los pasos para personalizar tus correos electrónicos transaccionales en WooCommerce:

1. Accede a la Configuración del correo electrónico:

• Accede a tu panel de control de WordPress.
• En el menú de la izquierda, haz clic en WooCommerce → Configuración.

2. Navega hasta Plantillas de correo electrónico:

• En el menú superior, busca y haz clic en “Correos electrónicos” para acceder a las plantillas.

3. Explora las plantillas de correo electrónico:

• Verás una lista de plantillas de correo electrónico, cada una con un propósito específico, como Nuevo pedido, Pedido cancelado y Restablecer contraseña.

4. Elige la Plantilla a Editar:

• Haz clic en el botón “Gestionar” situado junto a la plantilla de correo electrónico que quieras editar.

5. Personaliza el contenido del correo electrónico:

• En la interfaz de edición, adapta la línea de asunto, el encabezamiento y el contenido del correo electrónico a tus preferencias.

6. Utilizar Variables de Plantilla:

• Si tienes la extensión Seguimientos de WooCommerce, utiliza variables de plantilla como {customer_name} o {order_shipping_address} para automatizar la información personalizada.

7. Campo de contenido adicional:

• Utiliza el campo “Contenido adicional”, sobre todo en los correos electrónicos dirigidos al cliente, como el correo electrónico de Pedido Completado. Considera la posibilidad de añadir una nota de agradecimiento para mostrar aprecio e infundir personalidad a la marca.

8. Proporciona enlaces útiles:

• Incluye enlaces a información sobre la garantía, políticas de devolución u otra documentación relevante para facilitar el acceso del cliente tras la compra.

Resumen

Configurar una tienda WooCommerce es bastante fácil, pero personalizar las plantillas de correo electrónico predeterminadas a veces resulta complicado. En este artículo, he explicado cómo puedes enviar correos electrónicos totalmente personalizados a una tienda alojada en WooCommerce para dar cabida a todos los aspectos de las actividades de la tienda.

También destaqué la forma en que las plantillas de correo electrónico predeterminadas pueden alterarse para insertar información específica de la tienda y del pedido en los correos electrónicos, con el fin de ofrecer una mejor experiencia al usuario.

add_filter('woocommerce_email_order_meta_fields', 'custom_woocommerce_email_order_meta_fields', 10, 3);

function custom_woocommerce_email_order_meta_fields($fields, $sent_to_admin, $order) {
    $fields['custom_field_example'] = array(
        'label' => __('Custom Field Example'),
        'value' => get_post_meta($order->id, 'custom_field_example', true),
    );
    return $fields;
}

Owais Khan

Owais trabaja como Director de Marketing en Cloudways, donde se centra en el crecimiento, la generación de demanda y las asociaciones estratégicas. Con más de una década de experiencia en marketing digital y B2B, Owais prefiere construir sistemas que ayuden a los equipos a alcanzar todo su potencial.

Get Connected on: Twitter Community Forum