> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.hoppyapps.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# 🔗 Integrar la aplicación PopUps con Shopify Flujo

> ℹ️ **Note:** Este artículo fue traducido automáticamente usando AI y puede contener imprecisiones. Si algo se ve mal, póngase en contacto con nuestro equipo de apoyo.

Conexión Hoppy PopUps con **Shopify Flujo** le permite activar automatizaciones cada vez que un visitante envía un formulario de popup. Debido a que la aplicación expone un desencadenante de flujo nativo, puede crear flujos de trabajo que reaccionan instantáneamente a las presentaciones emergentes — no se requiere codificación.

Utilice esta integración para enviar notificaciones internas, etiquetar clientes, crear proyectos de pedidos, iniciar secuencias de correo electrónico, o conectarse con otras aplicaciones que apoyen a Flow.

---

# **⚠️ Antes de empezar**

Antes de configurar esta integración, asegúrese de:

*   El **Hoppy PopUps** app está instalada en tu Shopify tienda
*   **Shopify Flujo** está disponible en su Shopify plan (Flow viene libre en Shopify, Planes avanzados y más)

No se necesitan claves de API ni credenciales; el gatillo se incorpora en la aplicación y aparece automáticamente dentro de Flow.

---

# **🛠️ Paso 1 - Abierto Shopify Flujo**

De tu Shopify Admin:

→ Ir a **Aplicaciones → Shopify Flujo**

---

# **➕ Paso 2 - Crear un nuevo flujo de trabajo**

Dentro Shopify Flujo:

→ **Crear flujo de trabajo**

Verás el constructor de flujos de trabajo con un **Trigger** bloque.

---

# **🎯 Paso 3 - Seleccione el truco de PopUp**

En el flujo de trabajo:

→ Hacer clic en **Seleccione un gatillo**  
→ Buscar **Hoppy PopUps**

→ Seleccione el gatillo llamado **📩 Formulario de Popup presentado**

Este dispara automáticamente cada vez que cualquier emergente en su tienda recibe una sumisión de formulario.

---

# **📋 Paso 4 - Comprender los datos disponibles**

Cuando el gatillo dispara, Shopify Flow recibe los siguientes campos de datos que puede utilizar en su flujo de trabajo:

Campo

Tipo

Descripción

**ID de Popup**

Texto

El ID único del popup que se presentó

**Cliente**

Referencia del cliente

Un vínculo con el Shopify Registro del cliente (si existe o fue creado)

**ID de cliente**

Texto

El Shopify Corrección cliente GID

**Página**

Texto

La página donde el visitante presentó el popup

**Correo electrónico**

Texto

La dirección de correo electrónico entró en el popup

**Teléfono**

Texto

El número de teléfono introducido en el popup (si se proporciona)

Puede utilizar estos campos como condiciones o pasarlos a acciones más adelante en el flujo de trabajo.

---

# **⚙️ Paso 5 - Agregar condiciones (opcional)**

Si desea que el flujo de trabajo se ejecute sólo para popups específicos o presentaciones:

→ **Agregar condición** debajo del gatillo

Condiciones de ejemplo:

*   **ID de Popup es igual** `your-popup-id` — Ejecutar sólo para una campaña específica
*   **Correo electrónico del cliente no está vacío** — Skip incomplete submissions
*   **Página URL contiene** `/products/` — Sólo reaccionan a las presentaciones de páginas de producto

---

# **🔧 Paso 6 - Agregar acciones**

Después del gatillo (y cualquier condición), agregue las acciones que desea que Flow realice.

Las acciones populares incluyen:

*   **Enviar correo electrónico interno a través de la aplicación de mensajería** — Avisad a vuestro equipo cuando se presente un popup de alto valor
*   **Añadir etiquetas al cliente** — Suscriptores de la etiqueta para la segmentación
*   **Crear un proyecto de orden** — Si tu popup incluye una oferta especial
*   **Iniciar un flujo de correo electrónico Klaviyo** - Conector de flujo de Via Klaviyo
*   **Actualizar la nota del cliente** — Inicie la fuente emergente o la URL de la página

---

# **✅ Paso 7 - Gira Sobre el flujo de trabajo**

Una vez construido su flujo de trabajo:

→ **Activar el flujo de trabajo**

El flujo de trabajo ahora está en vivo. Cada envío emergente activará automáticamente la lógica que configuraste.

---

# **🧪 Paso 8 - Prueba la integración**

Para verificar el flujo de trabajo se dispara correctamente:

→ Abrir su escaparate en un **Incognito o Privado** ventana del navegador  
→ Producir un popup y enviar un email de prueba

Ejemplo:

`testflow@example.com`

Entonces:

→ Volver a **Shopify Flujo**  
→ Abrir su flujo de trabajo  
→ Haga clic en **Actividad** pestaña  
→ Verificar que una carrera fue registrada con los datos popup correctos

---

# **⚠️ Solución de problemas comunes**

## **El flujo de trabajo no funciona**

Si las presentaciones suceden pero el flujo de trabajo no se ejecuta:

→ Verificar el flujo de trabajo **encendido** en Flujo  
→ Verificar el popup es **publicado** y activos  
→ Compruebe que las condiciones que añadiste se están cumpliendo  
→ Recuerde que Flow funciona lado del servidor - puede haber un breve retraso de unos segundos

## **Falta de datos del cliente**

Si el campo del cliente está vacío en Flujo:

→ El visitante puede haber presentado como un invitado sin un Shopify cuenta  
→ Activar el **Shopify Integración de Listas de Clientes** dentro Hoppy PopUps para auto-crear clientes en sumisión

---

# **🎉 Resultado final**

Una vez configurado con éxito:

✅ Cada presentación de popup desencadena un Shopify Flujo de trabajo lento automáticamente  
✅ Puede segmentar, etiquetar, notificar o actuar en presentaciones sin código  
✅ Datos de popup (email, teléfono, URL de página, ID de popup) fluye directamente a Flow  
✅ Los flujos de trabajo pueden ser tan simples o complejos como sus necesidades de negocio 🔗

---