Knoppen zijn een essentieel onderdeel op iedere pagina. Van navigatie tot overgaan in actie, knoppen kan je op verschillende manieren gebruiken.
In deze handleiding laten we alle verschillende manieren zien hoe je knoppen kan gebruiken op jouw landingspagina.
Als eerste dien je natuurlijk een landingspagina aan te maken. Dit doe je door naar Pagina's > Landingspagina's > Pagina aanmaken te gaan.
💡Tip: Maak je een salespagina? Zorg er dan voor dat alle knoppen op deze pagina naar dezelfde pagina verwijzen
Je kan op twee verschillende manieren een knop toevoegen aan je landingspagina.
1. Een blok met knop toevoegen
Binnen de editor zijn erg veel content blokken die een knop bevatten. Kies er daar één van uit en voeg die toe aan je landingspagina.
2. Een knop als los element toevoegen in een blok
Als je een knop als los element wil toevoegen aan een blok klik je op het blok waar je de knop wil toevoegen en daarna op het plusje.
In de linker zijbalk kies je onder Buttons één van de knoppen. Jouw knop is nu toegevoegd aan het blok.
De knop instellingen
Om de knop te bewerken, klik je op de knop en opent in de linker zijbalk een menu:
Bij Weergave bepaal je of de knop alle apparaten zichtbaar moet zijn, of alleen op desktop/mobiel.
Bij Type kun je kiezen wat voor knop je wil instellen:
Link: je vult hier een externe URL in waar je klanten naar toe wil sturen. Je kunt er voor kiezen om de URL te laten Openen in nieuw tabblad. Je kunt ook zeggen dat de link een No follow link is: een hyperlink die geen waarde doorgeeft aan de bestemmingspagina.
💡Tip: gebruik 'No follow' als je de link die je invult niet wil laten indexeren door Google of andere zoekmachines
Landingspagina: je kiest een andere landingspagina uit die je hebt gemaakt in Plug&Pay en linkt de knop direct aan die pagina.
Betaalpagina: je kiest een betaalpagina uit die je hebt gemaakt in Plug&Pay en linkt de knop direct aan die betaalpagina.
Scroll naar een block: je kiest een ander blok uit op deze landingspagina waar je de bezoeker naar toe wil sturen
Open pop-up: je kiest wat voor soort pop-up je gebruik van wil maken: formulier of iFrame.
Telefoonnummer: je vult een telefoonnummer in. Als bezoekers op de knop klikken, krijgen ze vanuit de browser de vraag met welke applicatie ze willen bellen. Als een klant pagina op mobiel bekijken, kunnen ze meteen bellen.
E-mail: je vult een e-mailadres in.
Je kunt ook Sub-tekst toevoegen aan de knop.
De opmaak van de knop veranderen
Via het Verfpalet kan je de opmaak van de knop aanpassen. Er zijn vier standaard opties:
Je kunt er ook voor kiezen om de knop helemaal vorm te geven zoals je zelf wil. Dit doe je door op Gebruik aangepaste opmaak te klikken.
In het scherm wat opent kun je vervolgens de Kleur, Tekstopmaak, Rand, Schaduw, Animaties en de Ruimte aanpassen.
💡Tip: geef je knoppen een contrasterende kleur t.o.v. je hoofdkleur. Dit zorgt ervoor dat je knoppen meer opvallen.
Knopgroepen
Naast een losse knop, kan je ook met knopgroepen werken. Dit zijn twee knoppen naast elkaar.
Gebruik één knop als Call-to-Action knop die naar je aanbod of opt-in gaat, en de andere knop om een bezoeker naar een blok op je pagina te laten scrollen. Dit wordt ook het Hobson +1 effect genoemd.
Bij het Hobson +1 effect wordt er een extra keuzemogelijkheid, waardoor je bezoeker twee opties heeft om op te klikken. Hierdoor ben je sneller geneigd om één van de twee opties te kiezen. Je creëert namelijk een zichtbare keuze.
Net als bij knoppen, kan je de instellingen van een knopgroep ook aanpassen.
