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

# 🔗 PopUps-app integreren met Shopify Stroom

> ℹ️ **Note:** Dit artikel is automatisch vertaald met behulp van AI en kan onjuistheden bevatten. Als er iets mis is, neem dan contact op met ons ondersteuningsteam.

Verbinden Hoppy PopUps met **Shopify Stroom** laat u elke keer als een bezoeker een popup formulier indient, automatiseren. Omdat de app een native Flow trigger blootlegt, kunt u workflows bouwen die direct reageren op popup-inzendingen, geen codering nodig.

Gebruik deze integratie om interne meldingen te versturen, klanten te taggen, ontwerporders te maken, e-mailsequenties te starten of verbinding te maken met andere apps die Flow ondersteunen.

---

# **⚠️ Voordat u begint**

Alvorens deze integratie op te zetten, moet u ervoor zorgen:

*   De **Hoppy PopUps** app is geïnstalleerd op uw Shopify opslag
*   **Shopify Stroom** is beschikbaar op uw Shopify plan (Flow komt gratis op Shopify, Geavanceerd, en Plus plannen)

Er zijn geen API sleutels of referenties nodig.De trigger is ingebouwd in de app en verschijnt automatisch binnen Flow.

---

# **🛠️ Stap 1 Openen Shopify Stroom**

Vanuit uw Shopify Beheerder:

→ Naar **Apps → Shopify Stroom**

---

# **➕ Stap 2 Maak een nieuwe workflow**

Binnen Shopify Stroom:

→ Klik **workflow aanmaken**

Je ziet de workflow bouwer met een **Trigger** Blok.

---

# **🎯 Stap 3 Selecteer de PopUp Trigger**

In de workflow:

→ Klik op **Selecteer een trigger**  
→ Zoek naar **Hoppy PopUps**

→ Selecteer de trigger genaamd **📩 Popup-formulier ingediend**

Dit activeert automatisch branden elke keer als een popup op uw winkel ontvangt een formulier indiening.

---

# **📋 Stap 4 Begrijp de beschikbare gegevens**

Wanneer de trekker vuren, Shopify Flow ontvangt de volgende gegevensvelden die u kunt gebruiken in uw workflow:

Veld

Type

Omschrijving

**Popup-ID**

Tekst

De unieke ID van de popup die werd ingediend

**Klant**

Klantreferentie

Een link naar de Shopify Klantenrecord (indien er een bestaat of is aangemaakt)

**Klant-ID**

Tekst

De Shopify GID-tekenreeks van klant

**Pagina-URL**

Tekst

De pagina waar de bezoeker de popup heeft ingediend

**Klantenmail**

Tekst

Het in de popup ingevoerde e-mailadres

**Klanttelefoon**

Tekst

Het telefoonnummer dat in de popup is ingevoerd (indien aanwezig)

U kunt deze velden gebruiken als voorwaarden of ze later in acties in de workflow doorgeven.

---

# **⚙️ Stap 5 Toevoegen Voorwaarden (facultatief)**

Als u wilt dat de workflow alleen draait voor specifieke popups of inzendingen:

→ Klik **Conditie toevoegen** onder de trekker

Voorbeeldvoorwaarden:

*   **Popup ID is gelijk aan** `your-popup-id` Ren alleen voor een specifieke campagne
*   **Klantemail is niet leeg** Incomplete inzendingen overslaan
*   **Pagina-URL bevat** `/products/` Alleen reageren op productpagina's

---

# **🔧 Stap 6: Acties toevoegen**

Voeg na de trigger (en eventuele voorwaarden) de acties toe die Flow moet uitvoeren.

Populaire acties zijn:

*   **Interne e-mail verzenden via Messaging App** Licht uw team in wanneer een hoogwaardige popup wordt ingediend
*   **Klantentags toevoegen** Tag abonnees voor segmentatie
*   **Een conceptvolgorde aanmaken** Als uw popup een speciale aanbieding bevat
*   **Start een e-mailstroom van Kaviyo** Via Klaviyo's stroomaansluiting
*   **Klantennotitie bijwerken** Log de popup bron of pagina-URL

---

# **✅ Stap 7 Draaien Op de workflow**

Zodra uw workflow is gebouwd:

→ Klik **workflow inschakelen**

De workflow is nu live. Elke popup indiening zal automatisch leiden tot de logica die u geconfigureerd.

---

# **🧪 Stap 8 Test de integratie**

Om de workflow branden correct te verifiëren:

→ Open uw storefront in een **Incognito of privé** browservenster  
→ Trigger een popup en stuur een test e-mail

Voorbeeld:

`testflow@example.com`

Dan:

→ Terug naar **Shopify Stroom**  
→ Open je workflow  
→ Klik op de **Activiteit** tab  
→ Controleer of een run is gelogd met de juiste popup gegevens

---

# **⚠️ Vaak voorkomende problemen oplossen**

## **Werkstroom loopt niet**

Als inzendingen gebeuren maar de workflow niet uitvoert:

→ Controleer de workflow is **ingeschakeld** in stroom  
→ Controleer de popup is **gepubliceerd** en actief  
→ Controleer of alle voorwaarden die u hebt toegevoegd daadwerkelijk worden voldaan  
→ Vergeet niet dat Flow loopt server-kant

## **Ontbrekende klantgegevens**

Als het veld Klant leeg is in Flow:

→ De bezoeker kan hebben ingediend als een gast zonder een bestaande Shopify rekening  
→ Schakel de **Shopify Integratie van klantenlijst** in Hoppy PopUps om klanten automatisch aan te maken bij indiening

---

# **🎉 Eindresultaat**

Eenmaal succesvol geconfigureerd:

✅ Elke popup indiening leidt tot een Shopify Flow workflow automatisch  
✅ U kunt segmenteren, labelen, melden, of handelen op inzendingen zonder code  
✅ Popup data (e-mail, telefoon, pagina URL, popup ID) stroomt rechtstreeks naar Flow  
✅ Werkstromen kunnen zo eenvoudig of complex zijn als uw zakelijke behoeften 🔗

---