Enviar correos electrónicos desde Shopify Flow con un servidor SMTP personalizado

Resumen

La función Workflow Transactional Email le permite enviar correos electrónicos transaccionales desde Shopify Flow a través de su propio servidor SMTP. En este ejemplo, un cliente recibe la etiqueta VIP, se ejecuta Shopify Flow y el flujo de trabajo envía un correo electrónico con la imagen de marca utilizando su servidor SMTP y su plantilla de correo electrónico guardados.

Esta configuración consta de tres partes:

1. Cree una conexión SMTP en la sección Remitentes de correo electrónico
2. Diseñe el correo electrónico en la sección Plantillas de correo electrónico
3. Utilice la acción Send Transactional Email (Enviar correo electrónico transaccional) en Shopify Flow e introduzca los datos del cliente en la plantilla

Cualquier proveedor que utilice el protocolo SMTP es compatible, incluidos Gmail, SendGrid, Mailgun, Amazon SES y su propio servidor de correo.

Guía en vídeo

La configuración completa: servidor SMTP, diseño del correo electrónico y el flujo de trabajo de Shopify Flow. El vídeo no tiene sonido, por lo que le recomendamos que ajuste la velocidad de reproducción a su gusto.

Antes de empezar

• Instale Workflow Transactional Email en su tienda de Shopify.
• Tenga a mano el servidor, el puerto, el nombre de usuario y la contraseña que le haya facilitado su proveedor de SMTP.
• Decida desde qué dirección de remitente deben enviarse los correos electrónicos VIP.

Situación: un correo electrónico de bienvenida para clientes VIP

El flujo de trabajo realiza lo siguiente:

1. Se ha asignado la etiqueta VIP a un cliente
2. Shopify Flow inicia el flujo de trabajo
3. El flujo de trabajo ejecuta la acción Send Transactional Email
4. La acción utiliza el servidor SMTP que tiene guardado
5. Esta acción envía su plantilla de correo electrónico guardada con los datos del cliente ya rellenados

Paso 1: Configure su servidor SMTP

En la aplicación, abra Remitentes de correo electrónico y vaya a la sección «SMTP». Aquí es donde debe introducir el servidor de correo que se encargará de enviar sus correos electrónicos transaccionales.

Introduzca el servidor SMTP, el puerto, el nombre de usuario y la contraseña que le haya facilitado su proveedor y, a continuación, pulse Probar conexión.

Si las credenciales son correctas, aparecerá un mensaje de éxito.

Elija la dirección desde la que debe enviarse el mensaje. Establezca también un nombre para mostrar, de modo que los destinatarios vean el nombre de su tienda en lugar de la dirección tal cual.

Guarde la configuración para que pueda seleccionarla más adelante mediante su acción de Shopify Flow.

Paso 2: Diseñe el correo electrónico

Vaya a Diseños de correo electrónico. Aquí es donde se crea el contenido del correo electrónico que enviará Shopify Flow.

Cree una plantilla para su escenario VIP, con un asunto y un cuerpo. El asunto puede utilizar variables pasadas desde Shopify Flow. En este ejemplo se utiliza firstName con el filtro default de Liquid como valor por defecto:

Hi {{ variables.firstName | default: "Customer" }} Welcome to VIP Club

Añada bloques para crear un diseño que se adapte a su marca.

En este ejemplo se utilizan un bloque de título, un bloque de imagen y un bloque de texto. El bloque de texto hace referencia a la variable firstName, que proporcionará Shopify Flow.

Utilice la sección Variables de prueba para introducir valores de ejemplo y comprobar que el diseño se visualiza tal y como espera.

Guarde la plantilla para que pueda seleccionarse dentro de la acción de Shopify Flow.

Para consultar la referencia completa del bloque, véase Crear un diseño de correo electrónico.

Paso 3: Configure el flujo de trabajo en Shopify Flow

Abra Shopify Flow y cree un flujo de trabajo para su proceso VIP. Utilice el activador de etiquetado de clientes, de modo que el flujo de trabajo se ejecute cuando un cliente reciba la etiqueta VIP.

Haga clic en Registrar eventos y, a continuación, en una nueva pestaña, añada la etiqueta a un cliente. Seleccione el activador situado a la izquierda y verá los datos reales del mismo; esto facilita considerablemente la selección de las variables adecuadas.

Añada la acción Send Transactional Email. En To Email(s), utilice la variable de correo electrónico del cliente. A continuación, pulse Configure email.

En la pantalla de configuración, seleccione el servidor SMTP por el que debe enviarse este correo electrónico en Enviar desde y el diseño de correo electrónico que haya creado en Diseño. Debajo de ellos, la opción Vista previa muestra dicho diseño con su línea de asunto, rellenada con las variables de prueba del diseño, para que pueda comprobar que es el correcto. Pulse Guardar: en la parte inferior de la página aparecerá el mensaje Configuración guardada correctamente. A continuación, pulse Salir para volver al flujo de trabajo.

Volviendo a la acción que nos ocupa, introduzca los datos que necesita su diseño en el campo Variables (JSON):

{
  "firstName": "{{ customer.firstName }}"
}

Active el flujo de trabajo una vez que haya comprobado que el activador, la condición, el diseño y las variables sean correctos.

Cómo encajan las piezas

Cuando el cliente obtiene la etiqueta VIP, Shopify Flow ejecuta el flujo de trabajo y activa la acción de correo electrónico. Dicha acción combina:

• su configuración de servidor guardada de Remitentes de correo electrónico
• su diseño guardado de Diseños de correo electrónico
• los valores de los clientes pasados desde el paso de Shopify Flow como variables JSON

Mantener estos elementos separados es lo que hace que la maquetación sea reutilizable: puede enviar el mismo diseño a todos los clientes sin tener que editar el código HTML cada vez.

Pruébelo de principio a fin

1. Aplique la etiqueta VIP a un cliente de prueba
2. Compruebe que el flujo de trabajo se ejecute en Shopify Flow
3. Compruebe que el cliente reciba el correo electrónico
4. Compruebe que el asunto y el código HTML se muestren correctamente
5. Asegúrese de que el nombre y la dirección del remitente coincidan con los de su marca

Si el mensaje no llega, abra el Historial en la aplicación para ver el resultado de la ejecución y el error exacto. Consulte Historial y resolución de problemas.

A continuación se muestra el correo electrónico enviado, utilizando el servidor SMTP y el diseño de esta guía:

Relacionado

• Enviar correos electrónicos desde Shopify Flow con Microsoft 365: utilice un buzón de Microsoft 365 en lugar de SMTP.
• Enviar un correo electrónico desde Shopify Flow con Google: utilice un buzón de correo de Google en lugar de SMTP.
• Variables y líquido: la referencia completa sobre variables y Liquid.