Enviar un correo electrónico desde Shopify Flow utilizando un servidor SMTP personalizado

Resumen

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 una etiqueta de 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 guardado y su plantilla de correo electrónico.

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 «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 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 etiquetado a un cliente VIP
  2. Shopify Flow inicia el flujo de trabajo
  3. El flujo de trabajo ejecuta la acción «Enviar correo electrónico transaccional»
  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.

La página «Remitentes de correo electrónico» en Workflow Transactional Email

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».

Introducción del servidor SMTP, el puerto, el nombre de usuario y la contraseña

El formulario del servidor SMTP, en el que se han introducido el nombre, el host y el puerto, junto a la ficha con nuestra dirección IP de envío
El formulario del servidor SMTP. Los valores que aparecen en esta imagen son ficticios. Si su servidor de correo restringe los remitentes por dirección IP, añada a la lista de permitidos la dirección que figura en el apartado «Nuestra dirección IP de envío».
La parte inferior del formulario del servidor SMTP, donde se indican el nombre de usuario, la contraseña y la dirección del remitente
Más abajo: los datos de inicio de sesión de su servidor de correo y la dirección desde la que se envían sus correos electrónicos.

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

Prueba de conexión SMTP realizada con éxito

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

Configuración de la dirección de remitente y el nombre que se muestra

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

Guardar la configuración SMTP

Paso 2: Diseñe el correo electrónico

Vaya a «Plantillas de correo electrónico». Aquí es donde se crea el contenido de los correos electrónicos que enviará Shopify Flow.

La página «Diseños de correo electrónico»

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

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

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

Selección de bloques en el editor de correos electrónicos

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.

Un diseño compuesto por bloques de encabezado, imagen y texto

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

Prueba del diseño con variables de ejemplo

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

Guardar el diseño del correo electrónico

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

Paso 3: Cree el flujo de trabajo en Shopify Flow

Acceda a 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.

Un flujo de trabajo de Shopify Flow que utiliza un activador de etiqueta de cliente

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.

Registro de eventos para recopilar datos reales de activación

Añada la acción «Enviar correo electrónico transaccional». En «A», utilice la variable de correo electrónico del cliente. A continuación, pulse «Configurar correo electrónico».

Cómo añadir la acción «Enviar correo electrónico transaccional»

En la pantalla de configuración, seleccione el diseño de correo electrónico que haya creado y el servidor SMTP por el que debe pasar este correo electrónico. Pulse «Guardar» y, a continuación, «Salir» para volver al flujo de trabajo.

Selección del diseño del correo electrónico y del servidor SMTP

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

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

Cómo pasar datos de clientes como variables JSON

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

Activación del flujo de trabajo

Shopify Flow
Todo flujo de trabajo comienza con un activador. En este ejemplo se utiliza uno de nuestros Workflow Trigger Extensions; cualquier activador de Shopify funciona de la misma manera.
Shopify Flow
Añada una acción, abra Workflow Transactional Email y seleccione «Enviar correo electrónico transaccional».
La acción «Enviar correo electrónico transaccional», con sus campos «Para», «CC», «CCO» y «Variables»
Indique quién recibe el correo electrónico. En cada campo se pueden introducir variables de Shopify Flow.
La página de configuración de la acción «Correo electrónico» con un remitente y un diseño de correo electrónico seleccionados
Al hacer clic en «Configurar correo electrónico» se abre esta página: seleccione el remitente y el diseño y, a continuación, haga clic en «Guardar».

Cómo encajan las piezas

Cuando el cliente recibe 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 «Plantillas 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» de 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:

El correo electrónico de bienvenida VIP que se ha enviado:

Relacionado