Naar inhoud gaan
memberarea memberarea.io

Growth Tool: banner

Bouw een brede banner met een kop en een knop voor je agenda’s of evenementen en sluit hem als inline widget in op elke pagina.

In dit artikel

Een banner is een brede balk voor je eigen webpagina’s: links een kop, rechts een knop. Bezoekers klikken op de knop en kiezen hun agenda-app. Hij neemt weinig ruimte in, dus hij past boven een artikel, in een footer of over de breedte van een landingspagina.

Growth Tools openen

Voordat je begint

Growth Tools horen bij Evenementen. Staat Evenementen uit in je werkruimte, zet het dan aan onder Instellingen > Functies.

Je rol heeft Evenementen aanmaken nodig om een banner toe te voegen en Evenementen bijwerken om hem te openen en te wijzigen. Voor verwijderen is Evenementen verwijderen nodig. Rollen stel je in onder Instellingen > Team en rollen.

Je hebt ook minstens één agenda of evenement nodig om te koppelen.

De banner aanmaken

Open Evenementen > Growth Tools, klik op Nieuwe Growth Tool en kies Banner in Type Growth Tool kiezen. Je vindt hem op het tabblad Website insluitbaar. De editor opent meteen.

Een nieuwe banner begint als Gedeactiveerd. Zet de status in de kop op Actief zodra hij klaar is. De status wordt meteen opgeslagen, de naam in de kop zodra je het veld verlaat. Al het andere wacht op Opslaan.

De zijbalk heeft vier tabbladen: Instellen, Formulier, Weergave en Delen.

Instellen: wat de knop doet

Methode bepaalt wat bezoekers krijgen:

  • Abonneren op agenda werkt met een of meer van je agenda’s.
  • Evenement toevoegen zet één evenement in hun agenda.

Koppel agenda’s met Agenda toevoegen of evenementen met Evenement toevoegen. Agenda’s en evenementen die je toevoegt of verwijdert, worden meteen opgeslagen. Nadat je er een hebt toegevoegd, vraagt de editor of hij de titel en beschrijving door de gegevens ervan moet vervangen. Kies Ja of Nee.

Wissel je van methode terwijl de knop nog “Abonneren” of “Evenement toevoegen” zegt, dan verandert de knoptekst mee.

Met twee of meer agenda’s verschijnt Gebruiker kan agenda’s deselecteren. Verzamel je ook contactgegevens, dan kunnen bezoekers naast het formulier de agenda’s uitvinken die ze niet willen.

Een banner zonder agenda (of zonder evenement, bij Evenement toevoegen) kun je niet opslaan. Het tabblad Instellen wordt rood en toont “Voeg een agenda toe.” of “Voeg een evenement toe.” Zolang er niets gekoppeld is, gaan de andere tabbladen niet open: klik je op Formulier, Weergave of Delen, dan blijf je op Instellen en zie je dezelfde melding.

Formulier: om contactgegevens vragen

Contactgegevens verzamelen staat uit bij een nieuwe banner. De knop opent dan meteen de lijst met agenda-apps. Zet het aan, en bezoekers vullen eerst een kort formulier in.

Een nieuwe banner heeft al twee vragen, “Volledige naam” en “E-mailadres”. Gebruik Veld toevoegen voor meer. Elke vraag heeft een tekst bij Vraag en een Antwoordtype. Naam en E-mail kun je elk maar één keer gebruiken en ze vullen de naam en het e-mailadres van de persoon. Kies voor Tekst, Nummer, Datum, Datum en tijd en Ja / nee onder Antwoord opslaan in aangepast veld waar het antwoord terechtkomt. De lijst biedt alleen aangepaste velden van hetzelfde type aan.

Zet Verplicht aan om een vraag verplicht te maken, en schrijf een eigen Foutmelding verplicht veld als de standaardtekst “Dit veld is verplicht.” niet past.

De editor slaat niet op zolang een vraag geen tekst of geen aangepast veld heeft.

Een nieuw e-mailadres maakt een nieuw account aan met de naam en het e-mailadres. Een adres dat al een account heeft, krijgt een bevestigingsmail, en de agenda’s worden pas toegevoegd nadat de persoon op de link in die mail heeft geklikt. Een antwoord komt alleen in een aangepast veld als de persoon daar nog geen waarde heeft, dus bestaande gegevens worden nooit overschreven.

Weergave: drie statussen

Weergave wisselt tussen drie statussen, en het voorbeeld volgt mee:

De editor van de banner met het tabblad Weergave en het voorbeeld van de banner.
De editor van de banner met het tabblad Weergave en het voorbeeld van de banner.
  • Beginstatus is de banner zelf. Klik in het voorbeeld op de kop om de tekst te wijzigen. Stel Lay-outkleuren, Knopkleuren, Knopgrootte en Knoptekst in.
  • Formulierstatus verschijnt alleen zolang je contactgegevens verzamelt. Hier geef je het venster met het formulier vorm: de kleuren, Kleuren invoervelden en de Agendakiezer, die de agenda-apps met naam toont (Knop) of alleen als pictogram (Pictogrammen).
  • Status na verzenden is wat bezoekers zien nadat ze een agenda-app hebben gekozen. Laat Na verzenden op Nieuw bericht tonen staan, bewerk de kop in het voorbeeld en geef de knop vorm die de agenda opent.

Beschrijving tonen voegt een beschrijving onder de kop toe, voor de beginstatus en de status na verzenden apart. Klik er in het voorbeeld op om de tekst te bewerken. Een nieuwe banner begint zonder beschrijving.

Bezoekers kunnen kiezen uit Apple, Google, Office 365, Outlook, Outlook.com en Yahoo. Met Evenement toevoegen openen Google, Office 365, Outlook.com en Yahoo met het evenement al ingevuld.

De banner heeft geen instelling voor de positie van de knop. De knop blijft rechts, en op schermen smaller dan 640 pixels zet de banner alles onder elkaar en centreert hij de knop.

Delen: op je pagina zetten

Open Delen en kopieer de code onder Of insluiten als inline widget. Die toont de banner direct in je pagina, zonder iframe. Plak beide regels waar de banner moet verschijnen.

Het tabblad Delen met de iframe-code en de code voor de inline widget.
Het tabblad Delen met de iframe-code en de code voor de inline widget.
Notitie

Zolang de banner Gedeactiveerd is, toont de inline widget niets op je pagina.

Wil je liever een gecentreerde kaart dan een brede balk, gebruik dan een vak.

Last updated on October 22, 2026

Was dit artikel nuttig?

Gerelateerde artikelen