> ## 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). # πŸš€ Hoe een Popup-formulier instellen > ℹ️ **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**, **lettertypen**en **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 πŸš€