SitePopup Documentatie

Complete handleiding voor het gebruik van SitePopup - de eenvoudige popup service voor je website.

🚀 Snel Starten

  1. Ga naar de Popup Builder - Klik op "Popup Builder" in het menu
  2. Vul je popup in - Titel, bericht, knop tekst en optioneel een link
  3. Kies je stijl - Modern, klassiek of minimaal design
  4. Stel URL filter in (optioneel) - Waar moet de popup verschijnen?
  5. Genereer code - Klik op "Genereer Popup Code"
  6. Kopieer en plak - Plak de code in je website HTML

📝 Popup Builder Uitleg

Verplichte Velden

Popup Titel

De hoofdtitel van je popup. Dit is het eerste wat bezoekers zien.

Bericht

Het hoofdbericht van je popup. Leg uit wat je wilt communiceren.

Optionele Velden

Knop Tekst

Standaard "OK". Verander naar "Meer info", "Bekijk aanbieding", etc.

Knop Link

URL waar bezoekers naartoe gaan bij klikken op de knop.

Doel URL

Waar moet de popup verschijnen? Laat leeg voor alle pagina's.

Vertraging

Hoeveel seconden wachten voordat popup verschijnt (0-60).

🎯 URL Filtering

Met URL filtering kun je bepalen op welke pagina's je popup verschijnt. Dit is handig voor gerichte campagnes.

Enkele URL

Voorbeeld: Alleen op hoofdpagina

Target URL: example.com

Resultaat: Popup verschijnt alleen op example.com en www.example.com

Meerdere URL's

Voorbeeld: Hoofdpagina + contact pagina

Target URL: example.com, /contact

Resultaat: Popup verschijnt op example.com EN op /contact pagina

Complexe Voorbeelden

Blog + Shop + Contact

Target URL: /blog, shop.example.com, /contact

Resultaat: Popup verschijnt op blog sectie, shop subdomein en contact pagina

URL Matching Regels

  • Domain matching: example.com matcht example.com en www.example.com
  • Subdomain matching: blog.example.com matcht alleen blog.example.com
  • Path matching: /contact matcht alleen /contact (exact)
  • Path start with: /blog matcht /blog, /blog/post-1, /blog/category
  • Meerdere URL's: Scheid met komma: url1, url2, url3

💻 Code Implementatie

JavaScript Code

Na het maken van je popup krijg je een eenvoudige code die je op je website plaatst:

<!-- SitePopup Code --> <script src="https://sitepopup.com/sitepopup.js" data-popup-id="popup_1234567890_abc123"></script> <!-- Einde SitePopup Code -->

Waar Plaatsen?

  1. In de <head> sectie - Voor snelle laadtijd
  2. Voor de sluitende </body> tag - Voor betere prestaties
  3. Op elke pagina waar je popup moet verschijnen

✅ Pro Tip

Plaats de code op alle pagina's waar je popup moet verschijnen. De URL filtering bepaalt automatisch waar de popup daadwerkelijk wordt getoond.

📊 Analytics & Statistieken

Wat Wordt Bijgehouden?

Weergaven

Aantal keer dat de popup is getoond aan bezoekers

Klikken

Aantal keer dat bezoekers op de popup knop hebben geklikt

Klik Percentage

Percentage van bezoekers die op de popup klikken

Status

Of de popup actief is of uitgeschakeld

Popup Beheer

  • Bewerken: Klik op "Bewerken" om popup aan te passen
  • In/Uitschakelen: Klik op "Inschakelen/Uitschakelen" om popup te activeren
  • Code Bekijken: Klik op "Show Code" om JavaScript code te zien
  • URL Filter: Zie onder elke popup op welke URL's deze actief is

🎨 Stijlen & Aanpassingen

Beschikbare Stijlen

Modern

Hedendaags design met ronde hoeken en subtiele schaduwen

Klassiek

Traditioneel design met rechte lijnen en formele uitstraling

Minimaal

Simpel en clean design zonder onnodige elementen

Kleur Aanpassing

Kies je eigen kleur voor de popup knop en accenten. De kleur wordt automatisch toegepast op:

  • Popup knop achtergrond
  • Popup knop hover effect
  • Popup accent elementen

🔧 Geavanceerde Functies

Popup Status

Actief

Popup wordt getoond en analytics worden bijgehouden

Uitgeschakeld

Popup wordt niet getoond en geen analytics worden opgeslagen

Trigger Vertraging

Stel in hoeveel seconden bezoekers moeten wachten voordat de popup verschijnt:

  • 0 seconden: Direct na het laden van de pagina
  • 3 seconden: Standaard, geeft bezoekers tijd om de pagina te bekijken
  • 10+ seconden: Voor minder opdringerige popups

URL Filtering Strategieën

Landingspagina Campagne

Target URL: /landing, /offer

Doel: Alleen op specifieke landingspagina's

Blog Promotie

Target URL: /blog

Doel: Alle blog artikelen promoten

Subdomein Campagne

Target URL: shop.example.com

Doel: Alleen op shop subdomein

❓ Veelgestelde Vragen

Hoe werkt de URL filtering precies?

De URL filtering controleert de huidige pagina URL en vergelijkt deze met je ingestelde target URL's. Als er een match is, wordt de popup getoond.

Kan ik de popup op meerdere websites gebruiken?

Ja! Dezelfde popup code werkt op alle websites waar je deze plaatst. De URL filtering bepaalt waar de popup daadwerkelijk verschijnt.

Wat gebeurt er als ik geen URL filter instel?

De popup verschijnt op alle pagina's waar je de code hebt geplaatst. Dit is handig voor algemene campagnes.

Hoe vaak wordt de popup getoond aan dezelfde bezoeker?

De popup wordt slechts één keer per bezoeker getoond. Na het sluiten wordt deze niet meer getoond tot een nieuwe sessie.

Kan ik de popup tijdelijk uitschakelen?

Ja! Ga naar Analytics, klik op "Uitschakelen" bij de gewenste popup. Analytics worden niet meer bijgehouden en de popup verschijnt niet meer.

🆘 Support & Hulp

⚠️ Probleem Oplossen

Als je popup niet verschijnt, controleer dan:

  • Is de popup actief in Analytics?
  • Klopt de URL filter met de huidige pagina?
  • Is de JavaScript code correct geplaatst?
  • Zijn er JavaScript errors in de browser console?

✅ Tips voor Succes

Voor de beste resultaten:

  • Test je popup op verschillende pagina's
  • Gebruik duidelijke en aantrekkelijke teksten
  • Stel een passende vertraging in (3-5 seconden)
  • Monitor je analytics regelmatig
  • Experimenteer met verschillende URL filters