Slide-informulieren maken en positioneren

Published: 16 juli 2026 · Last updated: 21 juli 2026 · By Marcus Biel

Een Slide-in is een compact inschrijfformulier dat aan de rand of op een geselecteerde positie van het browservenster verschijnt.

Het trekt meer aandacht dan een formulier in de pagina, terwijl het minder van de website bedekt dan een gecentreerde Popup. Slide-ins zijn geschikt voor herinneringen aan nieuwsbrieven, kortingen, productupdates en korte aanbiedingen die zichtbaar moeten blijven terwijl de bezoeker de pagina leest.

In deze handleiding worden de instellingen uitgelegd die specifiek zijn voor Slide-ins. De algemene functies voor indeling, inhoud, velden, tags, typografie, lagen en de inschrijfworkflow worden behandeld in de hoofdhandleiding voor de Signup Form Builder.

Een Slide-in maken

Open “Signup Forms”, klik op “Create Form” en selecteer “Slide-in”. Voer een duidelijke interne naam in en ga verder naar de builder.

Je kunt een bestaande Slide-in ook bewerken door op de naam ervan te klikken in het Signup Forms Overview.

Gebruik bijvoorbeeld een naam als “Blog Newsletter Slide-in”, “New Product Reminder” of “Summer Coupon Slide-in”. De interne naam helpt je het formulier te beheren en wordt niet automatisch aan bezoekers getoond.

Een Slide-in-template kiezen

Slide-ins bieden een leeg formulier, een standaardformulier en vier ontworpen templates:

• Clean reminder
• Dark offer
• Warm coupon
• Minimal note

De templates zijn ontworpen voor compacte berichten, maar elk element blijft bewerkbaar. Nadat je een starter hebt gekozen, kun je de inhoud, velden, kleuren, typografie, rand, tussenruimte en verzendknop wijzigen.

De Slide-in ontwerpen

Gebruik de visuele builder om de Slide-in samen te stellen. Deze kan het inschrijfformulier bevatten samen met tekst, een afbeelding, video, lijst, knop, socialemediakoppelingen, een abonneedenteller, tussenruimte of scheidingslijn.

De beschikbare ruimte is beperkter dan op een Landing Page of breed Embedded Form. Houd de aanbieding gericht en voeg geen inhoud toe waardoor bezoekers naar de velden of verzendknop moeten zoeken.

Selecteer het inschrijfformulierblok om velden, verplichte informatie, verborgen tags, voortgangsindicator, abonneedenteller, invoervelden en verzendknop te configureren. Open “Page settings” om de achtergrond van de Slide-in en de standaardinstellingen voor de algemene weergave te wijzigen.

Een indeling met één kolom is meestal het duidelijkst. Als je meerdere kolommen gebruikt, controleer dan zorgvuldig hoe deze op smalle schermen onder elkaar komen te staan.

De schermpositie kiezen

Selecteer het inschrijfformulierblok en open “Widget Settings”. De positiekiezer biedt een raster van drie bij drie:

• Linksboven, midden boven of rechtsboven
• Midden links, in het midden of midden rechts
• Linksonder, midden onder of rechtsonder

Kies een positie die belangrijke bedieningselementen van de website niet bedekt. Controleer cookiemeldingen, chatwidgets, navigatie, winkelwagenknoppen en andere vaste elementen voordat je een keuze maakt.

Op smalle mobiele schermen vereenvoudigt Maildroppa de plaatsing zodat de Slide-in binnen de beschikbare breedte past. Posities bovenaan blijven bovenaan; andere posities worden vanaf de onderrand weergegeven. Test het resultaat altijd op een klein scherm in plaats van alleen af te gaan op de desktoppositie.

De weergavevertraging instellen

“Display Delay” bepaalt hoeveel seconden Maildroppa wacht voordat de Slide-in op een ingesloten webpagina wordt weergegeven.

Gebruik 0 wanneer de Slide-in onmiddellijk beschikbaar moet zijn. Voer een langere vertraging in wanneer bezoekers eerst tijd moeten krijgen om met de pagina bezig te zijn. De builder accepteert een vertraging van maximaal 86.400 seconden.

Een korte vertraging kan goed werken voor een eenvoudige herinnering aan een nieuwsbrief. Bij een langer artikel kan een latere weergave natuurlijker aanvoelen en de aanbieding relevanter maken voor betrokken lezers.

De weergavefrequentie instellen

“Display Frequency” bepaalt de periode waarna de Slide-in opnieuw aan dezelfde bezoeker kan worden getoond. Je kunt kiezen uit:

• Always
• Once per hour
• Once per day
• Once per week
• Once per month

Gebruik een frequentie die past bij de aanbieding. Een tijdelijke promotie kan een korter interval nodig hebben, terwijl een algemene herinnering aan een nieuwsbrief meestal niet tijdens elk bezoek hoeft te verschijnen.

De frequentie wordt opgeslagen in de browser van de bezoeker. Een andere browser, een privévenster of gewiste browseropslag wordt beschouwd als een andere bezoekgeschiedenis.

De inschrijfworkflow koppelen

Controleer de toegewezen inschrijfworkflow in de koptekst van de builder. Deze bepaalt de reactie na verzending, de Double Opt-in-e-mail en wat er na de bevestiging gebeurt.

Je kunt een bestaande workflow selecteren, de huidige workflow bewerken of er speciaal voor deze Slide-in een maken. Als de workflow door meerdere formulieren wordt gedeeld, hebben wijzigingen gevolgen voor al deze formulieren.

Voorbeeld bekijken en opslaan

Klik op “Preview” om de Slide-in te controleren voordat je deze aan je website toevoegt. Controleer de geselecteerde positie, het openingsgedrag, de volgorde van de velden, de sluitknop en de volledige reactie na het inschrijven.

Klik op “Save changes” wanneer het formulier en de Widget Settings klaar zijn. Ga daarna terug naar het Signup Forms Overview.

De Slide-in activeren en insluiten

Activeer de Slide-in via het menu met acties met drie puntjes als deze nog niet actief is. Klik op “Show Code Snippet” en kopieer de volledige code uit het tabblad “JavaScript”.

Voeg dit script toe aan elke webpagina waarop de Slide-in beschikbaar moet zijn. In tegenstelling tot een Embedded Form bepaalt de exacte positie van het script in de pagina niet de zichtbare positie van de Slide-in. De positie die in Widget Settings is gekozen, bepaalt waar deze verschijnt.

Het tabblad “HTML” bevat de gegenereerde markup voor aangepaste implementaties. Test de volledige interactie en inschrijfworkflow zorgvuldig als je deze optie op je website gebruikt.

Raadpleeg Building and Embedding an Embedded Form voor algemene instructies over het plaatsen van code.

De Slide-in testen op je website

Test na het toevoegen van de code de echte webpagina:

1. Controleer of de Slide-in na de geselecteerde vertraging verschijnt.
2. Bevestig de positie op een breed scherm.
3. Controleer de aangepaste positie en breedte op een smal scherm.
4. Zorg ervoor dat de Slide-in navigatie, cookiebediening, chatknoppen of andere belangrijke acties niet bedekt.
5. Test het openen en sluiten van de Slide-in.
6. Verzend het formulier en voltooi het Double Opt-in-proces.
7. Controleer de abonnee en verborgen tags in Maildroppa.

De frequentie-instelling kan voorkomen dat het formulier tijdens herhaalde tests opnieuw verschijnt. Gebruik een privévenster of wis de relevante browseropslag wanneer je een nieuwe bezoeker wilt simuleren.

De Slide-in bijwerken of deactiveren

Open dezelfde Slide-in in Maildroppa, breng de wijzigingen aan, bekijk een voorbeeld en klik op “Save changes”. Het JavaScript-fragment blijft dezelfde formulier-ID gebruiken en laadt de opgeslagen configuratie.

Kies “Deactivate” in het Signup Forms Overview wanneer de Slide-in offline moet worden gehaald zonder deze te verwijderen. Verwijder het script ook van de website als je het daar niet langer wilt gebruiken.