Weet u niet zeker hoe u een landingspagina in WordPress maakt?
U heeft waarschijnlijk gehoord hoe belangrijk het is om een uitstekende landingspagina te maken. Immers, uw landingspagina is bedoeld om uw verkeer om te zetten in klanten.
Maar hoe maakt u eigenlijk een landingspagina in WordPress?
De standaardopties met de Gutenberg-editor zijn niet zo geweldig. En als u een thema gebruikt om uw pagina's op te stellen, is dat niet hetzelfde als het maken van een goed converterende landingspagina. Uw thema zal simpelweg alle stijlen overnemen zoals de rest van de site.
Wat als u niet wilt dat het navigatiemenu op de landingspagina wordt weergegeven? Wat als u e-commerce modules wilt integreren voor directe afrekeningen? Wat als u alle aangepaste zijbalken op de rest van de site wilt verwijderen?
In dit artikel laten we u zien hoe u in 5 eenvoudige stappen een landingspagina in WordPress maakt.
Het beste deel? Er komt GEEN programmering bij kijken.
Laten we beginnen.
Voordat we beginnen: Wat is een landingspagina?
Een landingspagina is een webpagina op uw site die speciaal is ontworpen om uw product of dienst te verkopen. U kunt landingspagina's ook gebruiken om leads te verzamelen.
Kortom: een landingspagina is een conversiemachine op uw site.
De werking is ook eenvoudig. U maakt marketing- of advertentiecampagnes die verkeer rechtstreeks naar uw landingspagina leiden. Vervolgens zet de landingspagina dat verkeer om in leads of betalende klanten.
Aangezien het doel van een landingspagina is om meer van uw websiteverkeer om te zetten in klanten, moet deze er aantrekkelijk en boeiend uitzien. Het allerbelangrijkste is dat u verschillende call-to-action-elementen correct moet ontwerpen, zoals:
- De koopknop
- Aanmeldingsformulieren
- Mediabestanden afspelen knop
En meer!
Hoe een Landingspagina te Maken in WordPress
In de volgende secties laten we u stap voor stap zien hoe u een landingspagina in WordPress maakt. Zoals we al zeiden, is het maken van een landingspagina met uw thema geen goede oplossing.
Daarom raden we aan een van de beste WordPress landingspagina plugins te gebruiken. Zelfs als u geen ontwikkelaar bent, kunt u een goed converterende landingspagina in WordPress maken en uw websiteverkeer en verkopen een boost geven.
Onze aanbeveling is om SeedProd te gebruiken.
SeedProd is de beste WordPress landingspagina builder op de markt. In dit artikel gebruiken we SeedProd om uw eerste landingspagina te maken. Als u er niet 100% van overtuigd bent dat dit de juiste landingspagina builder voor u is, moet u onze recensie van SeedProd bekijken.
En begin dan!
Stap #1: Installeer de SeedProd Plugin op uw site
Bezoek eerst de SeedProd website en koop de plugin. Vervolgens kunt u het pluginbestand naar uw computer downloaden. Kopieer vervolgens de licentiesleutel van de plugin uit uw SeedProd-dashboard.
Vervolgens moet u inloggen op uw WordPress-dashboard en de plugin installeren. Als u gedetailleerde instructies nodig heeft, bekijk dan deze stapsgewijze handleiding voor het installeren van een WordPress-plugin. Ga naar het welkomstscherm van de SeedProd-plugin in WordPress en verifieer uw licentiesleutel:
Nadat uw account is geverifieerd, bent u klaar om een landingspagina te maken.
Stap #2: Maak een Landingspagina met SeedProd
Scroll op het SeedProd welkomstscherm verder naar beneden en klik op de knop Maak uw eerste pagina:
Vervolgens ziet u 5 verschillende soorten landingspagina's die u kunt maken:
Met de sjablonen van SeedProd kunt u snel ingewikkelde pagina's lanceren, zoals:
- Pagina's voor 'Binnenkort beschikbaar' en 'Onderhoudsmodus'
- Inlogpagina's
- 404-pagina's
En als u iets verder naar beneden scrollt, kunt u een aangepaste landingspagina starten vanuit vooraf gebouwde sjablonen. Klik op Nieuwe landingspagina toevoegen:
Kies vervolgens een sjabloon voor een landingspagina uit de vooraf gebouwde landingspagina's die in de builder van SeedProd worden weergegeven:
Neem de tijd en selecteer het juiste sjabloon voor u. Om een sjabloon te selecteren, klikt u gewoon op het vinkje-icoon op het sjabloon.
Onthoud dat het sjabloon slechts een startpunt is. In het volgende gedeelte zullen we zien hoe u uw landingspagina eenvoudig kunt aanpassen met de drag-and-drop builder van SeedProd.
Stap #3: Pas het Sjabloon van de Landingspagina aan
Nadat u uw sjabloon voor de landingspagina hebt gekozen, wordt u doorgestuurd naar de visuele drag-and-drop builder van SeedProd, waar u uw landingspagina kunt aanpassen. De linkerkant van de editor is een lijst met de ontwerpelementen die u kunt gebruiken om uw landingspagina aan te passen:
En u kunt ook op een van de ontwerpelementen in de live preview klikken om ze direct in de preview te bewerken:
U kunt de tekst, de stijl, kleur, uitlijning en lay-out wijzigen om deze aan te passen aan uw product of algemene merk. Bovendien kunt u eenvoudig nieuwe blokken toevoegen, zoals knoppen, optin-formulieren, contactformulieren, sociale profielen en meer aan uw sjabloon voor de landingspagina.
U kunt bijvoorbeeld een afteltimer slepen en neerzetten om urgentie te vergroten:
Als u klaar bent, klikt u op Opslaan.
Stap #4: Voeg een Klik-om-te-abonneren-knop toe aan uw Landingspagina
U kunt ook een klik om je te abonneren knop toevoegen om pushmeldingabonnees te verzamelen. Pushmeldingen zijn een geweldige manier om uw terugkerende verkeer te verhogen, meer betrokkenheid te krijgen en zelfs officiële merchandise te verkopen als u die heeft.
In SeedProd sleep je de module Aangepaste HTML vanuit de zijbalk.
We hebben de abonneerknop direct onder het e-mail aanmeldingsformulier in de eerste vouw geplaatst.
Maar je kunt de knop overal invoegen waar je wilt.
Voor dit deel heb je enige ervaring met HTML en CSS nodig. Of je kunt deze code kopiëren en plakken in je Aangepaste HTML-blok:
<button onclick="subscribeOnClickButton()" style="border: none; padding-left: 5%; padding-right:5%; text-align: center; display: inline-block; color: blue;">Get Updates via Push Notifications</button>Dat is een standaardknop in HTML met heel weinig styling. Het enige bijzondere is de onclick functie in de code. Het betekent in feite dat je bezoekers op de knop kunnen klikken om zich ergens op te abonneren. Nu moeten we de knop wat extra code geven om je bezoekers toe te staan zich op pushmeldingen te abonneren.
Ga naar de PushEngage homepage en klik op de knop Get Started :
Vervolgens wil je het gratis abonnement selecteren om PushEngage uit te proberen of een betaald abonnement kiezen als je serieus bent over het laten groeien van je bedrijf. De betaalde abonnementen bieden meer campagneopties en de mogelijkheid om nog grotere abonneelijsten op te bouwen.
Ga in uw PushEngage-dashboard naar Site-instellingen » Sitegegevens en klik op de knop Klik hier voor installatie-instructies. Onder Elke site krijgt u uw installatiecode:
WAARSCHUWING: U moet de code kopiëren die u uit uw dashboard haalt. De code is uniek voor elke PushEngage-gebruiker. U kunt de code in de afbeelding niet kopiëren en pushmeldingabonnees verzamelen.
Zodra je de code in je PushEngage-dashboard hebt, voeg je deze snippet toe aan je code:
<script> window._peq = window._peq || [];</script> <script>
function subscribeOnClickButton(){
window._peq.push(['subscribe',{}.pe,function(res){
if(res.statuscode==1)
{
// Code to return response
console.log(res);
}
}]);
}
</script>Je uiteindelijke code zou er ongeveer zo uit moeten zien:
<script src="https://clientcdn.pushengage.com/core/02a6e92667ae2279fcba8932356c1d93.js" async></script>
<script> window._peq = window._peq || [];</script> <script>
function subscribeOnClickButton(){
window._peq.push(['subscribe',{}.pe,function(res){
if(res.statuscode==1)
{
// Code to return response
console.log(res);
}
}]);
}
</script>Je wilt deze code toevoegen aan het HTML-blok op je landingspagina na de code voor de knop. Het zou er ongeveer zo uit moeten zien:
Pas gerust de stijlen voor de knop aan zoals u wilt. Als u klaar bent met het aanpassen van uw landingspagina, klikt u op de knop Opslaan.
Stap #5: Verbind uw E-mailmarketing Service
Veel kleine bedrijven verzamelen leads van hun landingspagina in plaats van iets te verkopen. Als u een landingspagina maakt om leads op uw site te verzamelen, wilt u een optin maken. Verbind vervolgens uw optin met een e-mailserviceprovider zoals Constant Contact.
Ga hiervoor naar het tabblad Verbinden in de SeedProd builder en selecteer uw e-mailserviceprovider uit de lijst:
Klik vervolgens op Nieuw account verbinden:
En volg de instructies om uw e-mailservice in te stellen voor het verzamelen van leads.
Stap #6: Publiceer uw Landingspagina
Als u klaar bent met het aanpassen van uw pagina, klikt u op Opslaan. Klik vervolgens op de vervolgkeuzepijl naast de knop Opslaan en klik op Publiceren:
U zou een succesbericht moeten zien bij het publiceren van uw pagina dat er ongeveer zo uitziet:
U kunt op de knop Bekijk live pagina klikken om uw landingspagina te bekijken. En u bent helemaal klaar!
Wat te doen nadat u een landingspagina in WordPress hebt gemaakt?
Dat is alles voor deze keer, mensen!
Nu uw landingspagina live is, is de enige uitdaging die u nog over hebt, verkeer naar uw landingspagina te sturen.
En als je op zoek bent naar een betaalbare manier om je verkeer te vergroten, raden we het gebruik van pushmeldingen aan. Pushmeldingen kunnen je helpen meer terugkerend verkeer en site-betrokkenheid te genereren. Je kunt ook geautomatiseerde pushmeldingcampagnes maken die verkopen genereren.
Nog niet overtuigd? Bekijk deze bronnen:
- 7 slimme strategieën om klantbetrokkenheid te vergroten
- Zijn pushmeldingen effectief? 7 statistieken + 3 expert tips
- Hoe verlaten winkelwagen pushmeldingen in te stellen (eenvoudige tutorial)
- Hoe voeg je een WordPress-plugin voor webmeldingen toe aan je site
We raden aan PushEngage te gebruiken om uw pushmeldingscampagnes te maken. PushEngage is de nummer 1 pushmeldingssoftware ter wereld. Dus, als u dat nog niet hebt gedaan, begin vandaag nog met PushEngage!
