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

Wil je van e-mailcollectie een leuk, interactief spel maken? 🎉

Spin Wheel PopUps laat bezoekers spin een kleurrijk wiel om kortingen te winnen, gratis verzending, of speciale aanbiedingen. Het is een van de meest boeiende manieren om uw abonneelijst te groeien terwijl het geven van klanten een onvergetelijke merkervaring.

Deze gids loopt u door de hele setup zodat u uw eerste Spin Wheel PopUp in minuten kunt lanceren.

✅ Voordat u begint met het 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 → Sales Channels → Online Store → Thema's → Thema bewerken → App Embedden

Dan:

• Zoeken Hoppy Popups
• Schakelen AAN
• Klik Opslaan

ℹ️ Zonder deze stap, zal uw popup niet renderen op de storefront zelfs na het publiceren.

⚙️ Stap 1 Maak een nieuwe Spin Wheel PopUp

Open de Hoppy PopUps App.

Dan:

→ Klik Nieuwe PopUp aanmaken

→ selecteren Spin Wheel PopUp van de lijst van popup types.

De setup pagina zal automatisch openen met een vooraf gebouwd wiel klaar om aan te passen.

📝 Stap 2 Configureer de inhoud

Na het openen van de setup pagina, je landt binnen de Inhoud tab.

Deze sectie bepaalt wat uw bezoekers zien en hoe ze omgaan met de popup.

🏷️ PopUp naam

Dit veld wordt uitsluitend voor interne doeleinden gebruikt. Klanten zullen deze naam nooit zien.

U kunt elke herkenbare naam gebruiken, zoals:

• Spin & Win-campagne
• Wiel van kortingen
• Lucky Spin Popup
• Verjaardagswiel aanbieding

💡 Met behulp van de juiste interne naamgeving maakt het gemakkelijker om setups later te identificeren, vooral als uw winkel meerdere campagnes draait.

💬 Titel & Omschrijving

Deze verschijnen aan de bovenkant van uw popup en moeten bezoekers uitnodigen om te spelen.

Voorbeeld

• Titel: "Spin het wiel & winnen"
• Beschrijving: "Probeer je geluk en ontgrendel een speciale korting"

U kunt deze aanpassen aan uw campagnestem.

📧 E-mail en telefooncollectie

Kies welke velden u wilt tonen in uw popup:

• E-mailverzamelingsveld tonen Vangt bezoeker e-mails
• Telefoonnummerveld tonen Vangt telefoonnummers met land-code selectie

Je kunt beide tonen, slechts één, of geen van beide als je puur een spel draait zonder collectie.

⚙️ Extra instellingen voor collectie en Coupon

Deze sectie geeft u extra controle over hoe bezoekersinformatie wordt verzameld en hoe kortingen worden gepresenteerd in de popup.

📩 E-mail Verzameling Veld Plaatshouder

Pas de plaatshouder tekst weergegeven in het invoerveld e-mail.

Voorbeeld

• "Voer je e-mail in"
• "Je beste e-mailadres"

Dit helpt bezoekers te begeleiden over welke informatie ze moeten invoeren.

❌ E-mailfoutbericht

Stel het getoonde validatiebericht in wanneer een bezoeker een ongeldig e-mailadres invoert.

Voorbeeld

• "Voer een geldig e-mailadres in"

Dit verschijnt automatisch als het ingevoerde e-mailformaat onjuist is.

📱 Standaard landcode

Kies de standaard landcode voor het telefoonnummerveld.

Voorbeeld

• Verenigde Staten (+1)
• Verenigd Koninkrijk (+44)
• India (+91)

Bezoekers kunnen het land nog steeds handmatig veranderen, tenzij beperkt.

📞 Telefoonnummer Plaatshouder

Pas de plaatshouder tekst weergegeven in het telefoonnummer veld.

Voorbeeld

• "Voer je telefoonnummer in"
• "Mobiel nummer"

Dit verbetert de duidelijkheid en bevordert een goede opmaak.

⚠️ Fout in telefoonnummerbericht

Stel het weergegeven bericht in wanneer een ongeldig telefoonnummer wordt ingevoerd.

Voorbeeld

• "Voer een geldig telefoonnummer in"

Dit helpt bezoekers begrijpen waarom onderwerping mislukt.

🔘 Knoptekst

Pas de call-to-action-knoptekst aan die in de popup getoond wordt.

Voorbeeld

• "Shop Now"
• "Claim Discount"
• "Unlock Offer"

Het gebruik van actiegerichte tekst kan conversies verbeteren.

☑️ Opt-in selectievak toevoegen

Kies of er een extra opt-in selectievakje getoond wordt in de popup.

Dit kan worden gebruikt voor:

• Vergunning voor het in de handel brengen
• SMS-toestemming
• Abonnementen op de nieuwsbrief
• Voorwaarden

Beschikbare opties:

• Ja. Het selectievakje tonen
• Nee Verbergt het selectievakje

❎ Pictogram sluiten

Activeer of schakel het pictogram van de popup uit.

• Ingeschakeld Bezoekers kunnen de popup handmatig sluiten
• Uitgeschakeld Verwijdert het pictogram van de popup

Dit helpt controleren hoe afwijsbaar de popup ervaring moet zijn.

✉️ Succesberichten

Nadat een bezoeker hun details indient en het wiel draait, verschijnt er een succesbericht.

• Succesbericht: Welkom in onze winkel.

U kunt ook een Succesbeschrijving Bijvoorbeeld instructies over hoe je de prijs die ze net gewonnen.

🖱️ Knop Klik op gedrag

ℹ️ Deze optie is alleen beschikbaar wanneer "E-mailveld tonen" & "Telefonisch nummerveld tonen" niet aangevinkt is.

Hiermee kunt u bepalen wat er gebeurt wanneer een bezoeker klikt op de CTA-knop in de popup. Het behandelt een van de volgende aspecten:

1. Popup sluiten De popup zal sluiten.
2. Openen Coupon Code De code van de coupon zal worden onthuld aan de bezoeker, maar u zult de Coupon Code zoals hierboven beschreven in de "Show Coupon Code" sectie hebben ingesteld.
3. Verwijzing naar koppeling Het selecteren van dit geeft u een invoerveld genaamd "Link" waar u de URL kunt opgeven waarnaar de bezoeker zal worden doorgestuurd

☁️ Drijvende actieknop

U kunt een Drijvende actieknop die zichtbaar blijft op de pagina zodat bezoekers de popup kunnen heropenen na het sluiten ervan.

Kies een positie:

• Rechtsonder
• Linksonder
• Scherm rechts
• Scherm links

Voer dan de Knoptekst "Open Offer," "Get Discount" of "Learn More."

Om de drijvende knop volledig uit te schakelen, selecteert u Zwevende actieknop uitschakelen.

🎡 Stap 3

Nog steeds in de Inhoud tab, schuif naar de Wheel Rewards Section.

Dit is waar u elk stuk op het wiel te definiëren

💸 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.

🎁 Slices toevoegen & bewerken

Elke schijf op het wiel heeft vier instellingen:

Instellingen

Wat het doet

Label

De tekst op de wielschijf (bv. "10% OFF," "Vrij schip")

Waarschijnlijkheid

Een getal dat bepaalt hoe vaak dit stuk wint. Hoger = waarschijnlijker.

Kortingscode

De werkelijke couponcode die de bezoeker ontvangt als deze schijf landt. Kan leeg gelaten worden.

Bericht

Een aangepast bericht weergegeven na het draaien (bijv. "Probeer het volgende keer opnieuw...)

Voorbeeld instellen

Label

Waarschijnlijkheid

Rubriek

Bericht

$3 UIT

20

SAVE3

""

VRIJ SCHEPEN

20

VRIJSCHAP7

""

7% UIT

20

SAVE7P

""

Geen geluk.

10

""

"Probeer het de volgende keer opnieuw..."

12% UIT

10

SAVE12P

""

🎟️ Het toevoegen van Discount Coupon Codes

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

➕ Meer Slices toevoegen

Klik Meer toevoegen om extra wielsegmenten te creëren. Er's geen strikte limiet toevoegen zo veel als je wilt om het wiel voelen spannend en gevarieerd.

🗑️ Slices verwijderen

Klik op het prullenbakpictogram naast een plak om het te verwijderen. De waarschijnlijkheid van resterende plakjes zal automatisch bepalen de nieuwe win kansen.

🎨 Stap 4 Ontwerp uw wiel (facultatief)

Overschakelen naar de Ontwerp tab om aan te passen hoe het spinwiel eruit ziet.

Wielspecifieke opties vindt u hier:

• Kleuren knippen Afwisselende kleuren voor wielsegmenten
• Labelkleur & lettertype knippen Tekst styling op het wiel zelf
• Wielkleur De buitenste ring van het wiel
• Pijlkleur De pointer bovenaan
• Middencirkelkleur De hub in het midden
• Berichtkleur en lettertype knippen Styling voor post-spin berichten

💡 De Spin Wheel PopUp wordt geleverd met warme, speelse standaard kleuren. Je kunt ze houden of afstemmen op je merk.

Voor een volledige doorloop van alle ontwerpopties, zie de dedicated Design & Styling documentatie.

🖱️ Stap 5 Stel de Trigger & Display regels in

Verplaats naar de Plaatsing/Targeting tabblad om te controleren wanneer en waar uw Spin Wheel PopUp verschijnt.

Sleutelinstellingen die u tegenkomt:

• Triggertype Na verloop van tijd, Page Scroll, Exit-intent, In winkelwagen knop geklikt of Na paginaweergave
• Frequentie weergeven Show elke keer, eenmaal per bezoek, of limiet met een afkoeling
• Paginadoel Elke pagina, alleen thuis, specifieke producten, collecties of tags
• Klantgerichtheid Aanmeldstatus, klanttags, levensduur
• Geolocatie De hele wereld of specifieke landen
• Planning Optionele begin- en einddatum

Voor een uitgebreide uitleg van elke targeting optie, zie de speciale Advanced Targeting documentatie.

✅ Stap 6: Opslaan & publiceren

Zodra alles er goed uitziet:

1. Klik Opslaan om uw configuratie op te slaan
2. Klik Publiceren om de popup live te maken op uw storefront

⚠️ Alleen sparen maakt de popup niet zichtbaar voor klanten. Je moet het publiceren.

Als de app embed nog niet is ingeschakeld, zal een banner u eraan herinneren om het te activeren in uw Shopify thema-editor.

🎉 Eindresultaat

Eenmaal succesvol geconfigureerd:

✅ Bezoekers zien een interactief spinwiel op uw storefront
✅ Elke spin levert een willekeurige beloning op basis van uw waarschijnlijkheidsinstellingen
✅ E-mails en telefoonnummers worden automatisch verzameld (indien ingeschakeld)
✅ Kortingscodes worden onthuld na het spinnen
✅ Uw popup respecteert targeting regels, planning, en apparaatinstellingen

Uw Spin Wheel PopUp is nu live en klaar om uw bezoekers te verrassen 🚀

Bijgewerkt op: 10/09/2026