ℹ️ 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.

Wilt u e-mails, telefoonnummers of aangepaste gegevens te verzamelen, juist wanneer shoppers zijn het meest betrokken? 📝

Dat is precies wat de Popup-formulier in Hoppy Popups is gebouwd voor. Hiermee kunt u een volledig aanpasbare aanmeldingsformulier dat overal op uw storefront verschijnt en verandert casual bezoekers in abonnees kunt u de markt naar later ✨

Met een Popup Form kunt u verzamelen:

• 📧 E-mailadressen voor uw nieuwsbrief
• 📱 Telefoonnummers voor SMS-updates
• 🎂 Aangepaste details zoals verjaardagen, voorkeuren of maten
• 🎁 Beloon nieuwe aanmeldingen met een automatische kortingscode

Deze gids voert u door het instellen van uw eerste Popup Form stap-voor-stap, met alleen de instellingen die je eigenlijk nodig hebt om het live te krijgen.

⚠️ Voordat u begint

Voor het instellen van uw Popup Form, zorg ervoor:

• De Hoppy Popups app is geïnstalleerd op uw Shopify opslag
• De App ingebed is ingeschakeld in uw thema (eenmalige setup onder)
• U weet welke informatie u wilt verzamelen van shoppers

Facultatief, maar nuttig om vooraf te beslissen:

• 🎁 Een kortingscode waarmee u nieuwe abonnees wilt belonen
• 🔗 Waar abonnees moeten worden opgeslagen (binnen de app, of gesynchroniseerd naar een e-mail tool zoals Kaviyo)

ℹ️ Deze gids richt zich op de Popup-formulier type, dat aangepaste formuliervelden ondersteunt. De E-mail Capture PopUp werkt bijna op dezelfde manier, het slaat gewoon de aangepaste velden over, zodat u deze stappen kunt volgen voor dat ook.

✅ Initiële stap inschakelen van de app Embed

Voor elke popup te verschijnen op uw storefront, de app embed moet worden ingeschakeld in uw Shopify thema.

Ga naar:

Shopify Admin → Online Store → Thema's → Aanpassen → App Inbedden

Dan:

• Zoeken Hoppy Popups
• Schakelen AAN
• Klik Opslaan

💡 Je hoeft dit maar één keer te doen. Als het niet is ingeschakeld, Hoppy Popups zal je er ook aan herinneren met een banner vlak voordat u het publiceert, zodat u het niet zult missen.

🛠️ Stap 1 Maak een nieuw Popup-formulier aan

Open de Hoppy Popups app van uw Shopify Admin.

Dan:

→ Klik Nieuwe popup aanmaken

Dit opent de Pop-uptype kiezen scherm.

→ Zoek de Popup-formulier kaart → Klik Popup-formulier aanmaken

De setup pagina opent automatisch met:

• A Inhoud tab: wat het formulier zegt en verzamelt
• A Ontwerp hoe de popup eruit ziet
• A Plaatsing wanneer en waar het verschijnt
• A live preview rechts, zodat je veranderingen kunt zien als je gaat 👀

📝 Stap 2 Voeg uw formulierinhoud toe

Je begint binnenin de Inhoud tab. Dit controleert de tekst shoppers zien en de informatie die uw formulier verzamelt.

🏷️ Popup-formuliernaam

Deze naam is alleen voor uw interne referentie.

Shoppers zullen het nooit zien.

Gebruik iets herkenbaars, zoals:

• Home Nieuwsbrief Aanmelden
• Verjaardagsclubformulier
• Welkom Discount Popup

💡 Duidelijke naamgeving maakt het veel gemakkelijker om meerdere popups later te beheren.

💬 Titel & Omschrijving

Dit is de belangrijkste boodschap shoppers zien aan de bovenkant van de popup.

Voorbeeld

• Titel: "Word lid van onze verjaardagsclub 🎂"
• Beschrijving: "Schrijf je in en krijg een speciale traktatie op je verjaardag."

Houd het kort, vriendelijk, en gericht op het voordeel van het aanmelden.

U kunt ook een Logo boven de titel als je wilt dat de popup meer on-brand voelt.

📧 E-mailveld

Dit is de kern van de meeste aanmeldingsformulieren.

Wanneer E-mailveld tonen wordt ingeschakeld, twee extra velden verschijnen:

• E-mailveldhouder → de hint tekst in het vak, bijvoorbeeld "Enter your email"
• Foutmelding → getoond als een shopper een ongeldige e-mail invoert

📱 Telefoon / SMS veld

Aanzetten Telefoonnummer (SMS) tonen als u ook telefoonnummers wilt verzamelen.

Indien ingeschakeld verschijnen er nog een paar opties:

• Standaard landcode → selecteert het land voor het telefoonnummer
• Telefoonveldhouder
• Telefoonfoutmelding

Dit is handig als u van plan bent om SMS-aanbiedingen te sturen of later updates te bestellen 📲

🧩 Aangepaste formuliervelden

Dit is wat de Popup-formulier speciaal

→ Klik Veld toevoegen om een nieuwe vraag te creëren

Kies voor elk veld een Veldtype:

• Tekstveld
• Meerdere regels
• Radioknopen
• Checkboxen
• Dropdown
• Meer selecteren
• Aantal
• Verband
• Bestand uploaden
• Datum
• Tijd
• Waardering

Geef het dan een Label Dit is de vraag shoppers zien, zoals "Uw verjaardag" of "Hoe heb je over ons gehoord?".

Afhankelijk van het veldtype verschijnen er automatisch enkele extra opties:

• 📝 Plaatshouder → verschijnt voor tekst-gebaseerde velden (tekst, meerdere regels, nummer, link, tijd)
• ✅ Opties → verschijnt voor keuze velden (radio, checkboxen, dropdown, multi-select), waar u de antwoorden shoppers kunt kiezen uit
• ❗ Vereist → zet dit aan als shoppers moeten antwoorden voordat ze indienen

⚠️ Uw formulier moet ten minste één van deze: een Email veld, een Telefoon veld, of een Aangepast veld. Anders valt er niets in te vullen.

💡 Een gloednieuwe Popup Form begint al met een e-mailveld, een telefoonveld en een voorbeeld Geboortedatum date veld

🔘 Knoptekst verzenden

Dit is de knop shoppers klik om het formulier te versturen.

Stel de Knoptekst naar iets actiegerichts, zoals:

• "Sign Me Up"
• "Krijg mijn korting"
• "Join the Club"

Wanneer uw formulier velden heeft, deze knop automatisch stelt het formulier

✔️ Opt-in-checkbox (facultatief)

U kunt een Opt-in selectievakje dus shoppers gaan er actief mee akkoord om marketing van u te ontvangen.

Wanneer ingeschakeld, een Opt-in tekst editor verschijnt waar u uw toestemmingsbericht kunt schrijven, zoals:

"Ja, stuur me exclusieve aanbiedingen en updates."

Dit helpt u bij het verzamelen van duidelijke marketing toestemming en blijven conform 🙌

🎉 Stap 3 Stel in wat er gebeurt na het aanmelden

Nadat een shopper het formulier heeft ingediend, schakelt de popup over naar een successtatus. Dit is uw kans om hen te bedanken en belonen.

U vindt deze instellingen onderaan de Inhoud tab.

💌 Succesbericht & beschrijving

Schrijf het bedankje bericht shoppers zien direct na het indienen.

Voorbeeld

• Succesbericht: "Je doet mee! 🎉"
• Succesbeschrijving: "Hier is je beloning voor ons gezelschap."

🎁 Beloning met korting (facultatief)

Een kleine beloning kan de aanmelding drastisch verhogen.

ℹ️ Dit veld is eenmaal beschikbaar Couponcode tonen is aangeschakeld naar JA.

Om een couponcode weer te geven, kunt u:

1. Selecteer een van de Coupon Codes die u hebt gemaakt in Shopify Beheerder → Kortingen door te klikken op Selecteren / wijzigen Korting.
2. U kunt een nieuwe maken door te klikken op Nieuwe korting aanmaken.

Voorbeeld

• SAVE10
• Welkom20
• COUPON123

💸 Kortingsaanvraag

Deze optie bepaalt hoe de korting wordt toegepast. Het heeft twee opties:

1. Klant zal moeten toepassen korting handmatig De klant moet de couponcode invoeren tijdens de kassa om de korting te ontvangen.
2. Korting automatisch toepassen De korting wordt automatisch toegepast tijdens de kassa zonder dat de klant de couponcode hoeft in te voeren.

⚠️ Belangrijk:

• Onze app maakt of beheert geen couponcodes/kortingen. Je moet ze creëren in Shopify Beheerder → Kortingen voor het gebruik ervan in de popup.

➡️ Succesknop (facultatief)

U kunt ook een knop tonen op het successcherm.

Aanzetten Toon succes CTA-knop, en twee velden verschijnen:

• Tekst voor succesknop → bv. "Start Shopping"
• Succesknop koppeling → waar de knop shoppers moet nemen

Dit is een mooie manier om nieuwe abonnees rechtstreeks naar een collectie of verkoop pagina te sturen 🛍️

ℹ️ Elke aanmelding wordt automatisch opgeslagen binnen Hoppy Popups → Abonnees. Als u abonnees wilt sturen naar een e-mail tool zoals Kaviyo of Mailchimp, kunt u het aansluiten in de Integraties tabblad

📍 Stap 4 Kies wanneer en waar het verschijnt

Open nu de Plaatsing tab. Dit regelt de timing, frequentie en locatie van de popup.

Wanneer moet het verschijnen? (Trigger)

Kies een Triggertype, dan gebruiken Pop-up tonen na om de timing te verfijnen:

• Na verloop van tijd (duur) → onmiddellijk, of na een paar seconden op de pagina
• Pagina schuiven → na een shopper scrolls partway naar beneden
• Exit-intent → wanneer een winkelier op het punt staat te vertrekken
• In winkelwagen knop wordt geklikt → wanneer een item wordt toegevoegd, of wanneer de winkelwagen een waarde passeert
• Na paginaweergave → na een shopper bekijkt een bepaald aantal pagina's

Sommige triggers onthullen extra opties, bijvoorbeeld, Exit-intent laat je kiezen wat "verlaten" betekent, en In winkelwagen laat u reageren op een minimale kar waarde.

💡 Een korte vertraging (een paar seconden) is een vriendelijke standaard

🔁 Hoe vaak moet het laten zien?

Onder Instellingen tonen, kies hoe vaak de popup terug komt:

• Elke keer tonen → verschijnt bij elk bezoek
• Elke keer als iemand bezoekt → eenmaal per bezoek, en stopt nadat het formulier is ingediend
• Grensfrequentie → na gesloten te zijn, wacht een vast aantal dagen voordat weer te zien

ℹ️ Zodra een shopper dient het formulier, de popup stopt te laten zien aan hen automatisch

📄 Waar moet het verschijnen?

Gebruik Weergeven op om de pagina's te kiezen waar het formulier verschijnt:

• Elke pagina
• Alleen startpagina
• Alle productpagina's
• Specifieke productpagina's
• Verzamelingen of specifieke collecties
• Producten met specifieke tags

Wanneer u een specifieke optie kiest (zoals een product of verzameling), verschijnt er een selectie zodat u precies kunt kiezen welke.

📐 Positie

Kies waar de popup op het scherm zit:

• Midden voor een klassieke, aandacht grijpende popup
• A hoek (zoals rechtsonder) voor een zachtere, slide-in gevoel

ℹ️ De zichtbaarheid van het apparaat (desktop, mobiel, of beide) is ingesteld in de Ontwerp tab. Meer geavanceerde regels zoals targeting door de klant inlogstatus, tags, levenslange uitgaven, land, of UTM bron zijn ook beschikbaar. Deze worden behandeld in de gewijde Doel gids zodat deze setup eenvoudig blijft.

📅 Een beperkte campagne voeren? U kunt een Begin en Einde datum onder Planning. Standaard draait het formulier continu (start nu, eindigt nooit). Zie Planning gids voor gedateerde campagnes.

🎨 Stap 5 Style the Popup (facultatief)

Open de Ontwerp tabblad om de popup bij uw merk te laten passen.

Hier kunt u snel dingen aanpassen zoals:

• De Sjabloon vanaf een kant-en-klare look
• De Popupgrootte en positiestyling
• Kleuren, lettertypenen afstand
• De knop en invoerveld styling
• A achtergrondoverlay en ingang animatie

Je hoeft niet om iets van dit aan te raken om live te gaan ✨

Voor een volledige doorloop van elke styling optie, zie de Ontwerp & styling gids. Voor geavanceerde aanpassingen, de Aangepaste CSS gids kunt u fine-tune details met uw eigen code.

✅ Stap 6: Opslaan & publiceren

Zodra alles er goed uitziet in de preview:

1. Opslaan uw popup formulier
2. Klik Publiceren om het te laten leven op je storefront

⚠️ Alleen sparen wel. niet publiceert het formulier. Altijd klikken Publiceren Als je klaar bent om het te zien.

Na publicatie, de status badge updates van de popup, zodat u kunt zien in een oogopslag of het is Gepubliceerd, Niet gepubliceerd, Gepland, of Verlopen.

💡 Als de app nog niet is ingeschakeld, Hoppy Popups zal een herinnering tonen met een App invoegen inschakelen knop direct na u publiceren

💡 Handige tips

• Test uw formulier door het openen van uw winkel in een Incognito / Privé venster en het indienen van een test e-mail Abonnees om de aankomst te bevestigen
• Hou formulieren kort en vraag om slechts een e-mail krijgt meestal de meeste aanmeldingen 📈
• Zorg ervoor dat ten minste één veld (e-mail, telefoon, of aangepaste) is ingeschakeld, of het formulier kan niet worden ingediend
• Wil je het formulier in een andere taal? U kunt vertalingen toevoegen in de Vertalingen zie de speciale vertaalgids

🎉 Eindresultaat

Eenmaal geconfigureerd en gepubliceerd:

✅ Winkelaars zien een mooie, on-brand aanmeldingsformulier

✅ E-mails, telefoonnummers en aangepaste gegevens worden automatisch verzameld

✅ Nieuwe abonnees kunnen direct een korting beloning ontvangen

✅ Het formulier verschijnt op het juiste moment, op de juiste pagina's

✅ Elke aanmelding wordt opgeslagen en klaar om te synchroniseren met uw marketing tools

Een goed ingestelde Popup Form is een van de makkelijkste manieren om je publiek te laten groeien en bezoekers voor de eerste keer te veranderen in klanten voor de lange termijn 🚀

Bijgewerkt op: 10/09/2026