Pop-ups zijn kleine vensters die in je webshop openen om een gesprek met een bezoeker te beginnen. Gebruik ze om je e-maillijst te laten groeien, een nieuwe bezoeker een reden te geven om te kopen, of één snelle vraag te stellen zodat je leert waar mensen naar zoeken. Elk antwoord komt op het profiel van de klant in bluebarry, klaar voor segmenten en je e-mailtool.
Waar pop-ups voor zijn
De templategalerij is ingedeeld rond drie doelen. Kies het doel dat past bij wat deze pop-up moet doen.
- Je lijst laten groeien. Een nieuwsbriefinschrijving, een warm welkom of een uitnodiging voor vroege toegang tot nieuwe drops. Geen korting nodig.
- Een eerste aankoop stimuleren. Een welkomstaanbod, gratis verzending, een flash sale of een laatste aanbod voor bezoekers die op het punt staan te vertrekken.
- Vragen en segmenteren. Eén snelle vraag, een voordeelkiezer of een korte shopquiz, en daarna het e-mailadres. Het antwoord vertelt je wat een klant wil, en je kunt er segmenten op bouwen.
Een pop-up hoeft niets te verzamelen. Zonder velden werkt hij als aankondiging met een link, bijvoorbeeld naar een salecollectie of naar een van je quizzen.
Een pop-up maken
- Ga in de zijbalk van Studio naar Popups.
- Klik op Add popup. De galerij Start a new popup opent.
- Kies een startpunt (zie hieronder). bluebarry maakt de pop-up aan als concept en opent de editor.
Kies een startpunt
- Start from scratch geeft je een lege pop-up in de kleuren van je merk, die je zelf opbouwt.
- Met Start from an image upload je een pop-upontwerp dat je mooi vindt, zoals een screenshot van een andere webshop of een mock-up van je ontwerper. bluebarry neemt de look over en vult tekst en kleuren in voor jouw merk.
- Templates zijn gegroepeerd onder Grow your list, Drive a first sale en Ask & segment. Een label zoals 3 steps betekent dat de template meerdere schermen heeft, en offer betekent dat hij rond een korting is gebouwd. Kies je er een, dan passen we tekst en design aan je merk aan.
Je weg vinden in de editor
De editor heeft vijf tabbladen. Je kunt ze op volgorde doorlopen, of direct naar het tabblad springen dat je nodig hebt.
| Tabblad | Wat je er doet |
|---|---|
| Design | Pas look en tekst aan met Barry en bekijk elk scherm vooraf. |
| Fields | Kies wat de pop-up vraagt, de toestemming en een optionele korting. |
| Behavior | Bepaal wanneer hij opent, waar hij verschijnt, wie hem ziet en hoe vaak. |
| Launch | Publiceer of haal offline, en kopieer de coderegel voor je eigen knop. |
| Insights | Bekijk weergaven, inzendingen en de antwoorden die klanten gaven. |
Klik linksboven op de naam van de pop-up om hem te hernoemen. Je werk wordt automatisch opgeslagen, en daarna staat er All changes saved in de kopbalk. Er komt niets in je webshop tot je publiceert.
Ontwerpen met Barry
Het tabblad Design is een gesprek met Barry, de assistent van bluebarry. Vertel in gewone woorden wat je wilt, en Barry herschrijft de tekst, kleuren, lay-out en schermen voor je.
- Links toont de lijst Screens elk scherm van de pop-up plus het scherm Success. Klik op een scherm om eraan te werken, of klik op Add screen.
- Typ je verzoek of kies een suggestie, zoals "Build a 3-screen popup: a question, then email, then a thank-you" of "Match the colors and fonts to my brand".
- Barry voert de wijziging door en de preview wordt bijgewerkt. Wil je het terugdraaien, open dan Applied changes onder het gesprek en klik op Revert.
Specifieke verzoeken werken het best. "Maak de kop korter en gebruik ons donkergroen voor de knop" brengt je verder dan "maak het mooier". Werk je of je ontwerper liever met de hand? Open dan Edit screen HTML and CSS bovenaan het tabblad, voer je wijzigingen door en klik op Apply design.
Bekijk op desktop en mobiel
De Live preview naast het gesprek toont het scherm waar je aan werkt. Wissel tussen Desktop en Mobile om beide te controleren. Klik op Full preview om de pop-up te openen zoals een klant hem ziet, klik door alle schermen en verstuur het formulier. Niets wat je in de preview typt, wordt opgeslagen. Op een kleiner laptopscherm is de preview aan de zijkant verborgen: gebruik dan de knop Preview bovenaan de editor.
Volgende stappen
- Formulieren voor pop-ups bouwen: voeg schermen en velden, toestemming en een korting toe.
- Kiezen wanneer en waar een pop-up verschijnt: timing, pagina's, apparaten en frequentie.
- Pop-ups richten op segmenten: toon een pop-up alleen aan de juiste mensen.
- Een pop-up publiceren en inzichten lezen: ga live en zie hoe hij presteert.