> ## 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).

# 🔗 Intégrer l'application PopUps avec Shopify Débit

> ℹ️ **Note:** Cet article a été traduit automatiquement en utilisant l'IA et peut contenir des inexactitudes. Si quelque chose ne va pas, veuillez contacter notre équipe de soutien.

Connexion Hoppy PopUps avec **Shopify Débit** vous permet de déclencher des automations chaque fois qu'un visiteur soumet un formulaire popup. Parce que l'application expose un déclencheur de flux natif, vous pouvez construire des workflows qui réagissent instantanément aux soumissions popup — aucun codage nécessaire.

Utilisez cette intégration pour envoyer des notifications internes, taper des clients, créer des projets de commandes, lancer des séquences d'emails ou se connecter à d'autres applications qui prennent en charge Flow.

---

# **⚠️ Avant de commencer**

Avant de mettre en place cette intégration, assurez-vous:

*   Les **Hoppy PopUps** app est installé sur votre Shopify magasin
*   **Shopify Débit** est disponible sur votre Shopify plan (Flow est gratuit sur Shopify, plans avancés et plus)

Aucune clé ou identifiant d'API n'est nécessaire — le déclencheur est intégré dans l'application et apparaît automatiquement à l'intérieur du flux.

---

# **🛠️ Étape 1 — Ouverture Shopify Débit**

De votre Shopify Administrateur :

→ Aller à **Apps → Shopify Débit**

---

# **➕ Étape 2 — Créer un nouveau flux de travail**

À l'intérieur Shopify Débit:

→ Cliquez sur **Créer le workflow**

Vous verrez le constructeur de workflow avec un **Déclencheur** bloc.

---

# **🎯 Étape 3 — Sélectionnez le déclencheur popup**

Dans le flux de travail:

→ Cliquez sur **Sélectionner un déclencheur**  
→ Rechercher **Hoppy PopUps**

→ Sélectionnez le déclencheur nommé **📩 Formulaire de popup soumis**

Ce déclencheur s'allume automatiquement chaque fois que n'importe quel popup de votre magasin reçoit une soumission de formulaire.

---

# **📋 Étape 4 — Comprendre les données disponibles**

Quand la gâchette s'allume, Shopify Flow reçoit les champs de données suivants que vous pouvez utiliser dans votre workflow:

Champ

Type

Désignation des marchandises

**ID popup**

Texte

L'identifiant unique du popup qui a été soumis

**Client**

Référence client

Un lien vers le Shopify Enregistrement client (s'il existe ou a été créé)

**Identifiant du client**

Texte

Les Shopify Chaîne GID client

**URL de la page**

Texte

La page où le visiteur a soumis le popup

**Adresse électronique du client**

Texte

L'adresse e-mail entrée dans le popup

**Téléphone client**

Texte

Le numéro de téléphone entré dans le popup (si fourni)

Vous pouvez utiliser ces champs comme conditions ou les transmettre à des actions plus tard dans le workflow.

---

# **⚙️ Étape 5 — Ajouter des conditions (facultatif)**

Si vous voulez que le workflow ne fonctionne que pour des popups ou des soumissions spécifiques:

→ Cliquez sur **Ajouter une condition** sous le déclencheur

Exemple de conditions:

*   **L'identifiant popup est égal** `your-popup-id` — Ne courir que pour une campagne spécifique
*   **Customer Email n'est pas vide** — Passer des présentations incomplètes
*   **URL de page contient** `/products/` — Réagir uniquement aux présentations de pages de produits

---

# **🔧 Étape 6 — Ajouter des actions**

Après le déclencheur (et toutes les conditions), ajoutez les actions que vous voulez que Flow effectue.

Les actions populaires comprennent:

*   **Envoyer un courriel interne via l'application de messagerie** — Prévenez votre équipe lorsqu'un popup de haute valeur est soumis
*   **Ajouter des étiquettes client** — Les abonnés aux étiquettes pour la segmentation
*   **Créer un projet d'ordre** — Si votre popup inclut une offre spéciale
*   **Démarrer un flux d'emails Klaviyo** — Connecteur Flow de Via Klaviyo
*   **Mettre à jour la note du client** — Enregistrer la source ou l'URL de la page popup

---

# **✅ Étape 7 — Tourner Sur le flux de travail**

Une fois votre workflow construit :

→ Cliquez sur **Activer le flux de travail**

Le flux de travail est maintenant en direct. Chaque soumission popup déclenchera automatiquement la logique que vous avez configurée.

---

# **🧪 Étape 8 — Tester l'intégration**

Pour vérifier que le flux de travail s'allume correctement :

→ Ouvrir votre vitrine **Incognito ou privé** fenêtre du navigateur  
→ Déclencher un popup et soumettre un courriel de test

Exemple :

`testflow@example.com`

Alors :

→ Retourner à **Shopify Débit**  
→ Ouvrir votre workflow  
→ Cliquez sur le **Activité** onglet  
→ Vérifier qu'une exécution a été enregistrée avec les données contextuelles correctes

---

# **⚠️ Dépannage courant**

## **Flux de travail ne fonctionnant pas**

Si les soumissions se produisent mais que le workflow ne s'exécute pas :

→ Vérifier que le workflow est **allumé** en débit  
→ Vérifier que le popup est **publié** et actifs  
→ Vérifiez que toutes les conditions que vous avez ajoutées sont effectivement remplies  
→ Rappelez-vous que Flow fonctionne côté serveur — il peut y avoir un court délai de quelques secondes

## **Données du client manquantes**

Si le champ Client est vide dans Flow :

→ Le visiteur peut avoir soumis en tant qu'invité sans Shopify compte  
→ Activer **Shopify Intégration de la liste des clients** en Hoppy PopUps pour créer automatiquement des clients sur soumission

---

# **🎉 Résultat final**

Une fois configuré avec succès :

✅ Chaque soumission popup déclenche un Shopify Déroulement automatique  
✅ Vous pouvez segmenter, marquer, notifier ou agir sur les soumissions sans code  
✅ Les données popup (email, téléphone, URL de page, popup ID) s'écoulent directement dans Flow  
✅ Les flux de travail peuvent être aussi simples ou complexes que les besoins de votre entreprise 🔗

---