Aanmaak van bestemmingspagina's voor e-commerce: de ultieme gids voor Maxmium-conversies

Effectieve creatie van bestemmingspagina's verbijstert veel eigenaren van kleine bedrijven. Of ze begrijpen de voordelen niet van landingspagina's, of ze hebben het gevoel dat het te lang duurt om de pagina's te maken voor elk nieuw product dat in een e-commerce winkel is uitgebracht. Sterker nog, het maken van bestemmingspagina's is een van de vijf grootste uitdagingen voor kleine zakelijke marketeers.

Hoewel het misschien uitdagend lijkt, zijn er de afgelopen jaren verschillende hulpmiddelen vrijgegeven om ervoor te zorgen dat e-commerce winkels niet de strijd aangaan zonder de hulp van landingspagina's.

Waarom? Omdat van lange bestemmingspagina's is gebleken dat ze tot 220% meer leads genereren dan normaal boven de vouwoproep tot acties.

Wat betekent dit? Nou, je moet niet meteen beginnen met het maken van bestemmingspagina's, omdat ze tijdrovend zijn, en als je het verkeerd doet, ben je gebonden om je tijd en geld te verspillen.

We kunnen u echter een eenvoudige manier tonen om een ​​geweldige bestemmingspagina voor e-commerce te bouwen, allemaal met de hulp van een populair e-commerceplatform (Shopify) en een handige app voor de bestemmingspagina (Leadpages).

Stap 1: activeer koopknoppen in Shopify

sommige Shopify gebruikers hebben deze functie mogelijk al geactiveerd. Maar als de knop Kopen niet wordt weergegeven in het verkoopkanaalgedeelte van de Shopify admin-pagina, deze moet worden opgenomen om dit proces te laten werken.

Om dit te bereiken, gaat u naar uw Shopify admin pagina. U vindt een kop van een verkoopkanaal, met een + -knop ernaast. Klik op de knop +.

U zult een beetje dialoogvenster zien dat u door de stap Voeg verkoopkanaal heen praat. Zoek de knop Kopen door door de volledige lijst met kanalen te bladeren. Selecteer de knop Meer informatie om door te gaan.

Klik op de optie Kanaal toevoegen om een ​​link naar de knop Kopen in uw te genereren Shopify Administratie Paneel. U maakt een nieuwe knop Kopen door dit tabblad in de zijbalk te doorlopen.

Stap 2: genereer de vereiste koopknoppen in uw Shopify Account

make-buy-knop

De knoppen Kopen kunnen worden gemaakt voor producten of collecties. Als u dus een bestemmingspagina voor één product wilt maken, moet u voor dat product een knop Kopen genereren Shopify. Omdat we zojuist het tabblad Koopknop op uw hebben geactiveerd Shopify Admin kunt u hierop klikken om verder te gaan.

Ga naar het gedeelte Een product insluiten en vervolgens naar het tabblad Product selecteren.

U hebt de mogelijkheid om een ​​product uit de lijst te selecteren of naar een van de producten te zoeken via de zoekbalk. Nadat u het juiste product hebt gevonden, klikt u op de knop Product selecteren.

Selecteer een product

Vervolgens past u de manier aan waarop uw knop Kopen eruitziet. U kunt bijvoorbeeld de kleur, het formaat en de tekst binnen de knop wijzigen.

passen-buy-knop

Als uw product meerdere varianten heeft, moet u deze voor de knop opnemen.

Anders dan dat, alles wat u hoeft te doen is klikken op de knop Ingebouwde code genereren om de code te onthullen die moet worden gekopieerd naar Leadpages.

Kopieer de embed code

Stap 3: kies een bestemmingspagina-sjabloon

bestemmingspagina-sjablonen

Nu is het tijd om naar Leadpages te springen. Gelukkig biedt Leadpages een handvol prachtige sjablonen voor bestemmingspagina's, dus we raden aan om met een van deze te beginnen.

Je hebt nogal wat opties bij het doorbladeren van de sjablonen. U kunt bijvoorbeeld overwegen om met de sjabloon voor bestemmingspagina's voor meerdere producten te werken als u van plan bent een grote verzameling producten te presenteren. Anders kunt u ook een bestemmingspagina voor een enkel product kiezen of e-mailadressen verzamelen.

de-mod-collectie

Daarna heb je volledige zeggenschap over de drag-and-drop-builder. Dus voel je vrij om alles aan te passen dat je op de bestemmingspagina ziet. Zorg er echter voor dat u een plekje vrijlaat om de knop Kopen in te voegen.

Stap 4: plaats Shopify Karren en koopknoppen op uw bestemmingspagina's

Het grote deel erover Shopify is dat het verschillende integraties voor uw winkelwagen biedt. Voor deze zelfstudie is het handig. Je kunt een nemen Shopify winkelwagentje of een eenvoudige knop Kopen en plaats deze in de bouwer voor het slepen en neerzetten van bestemmingspagina's op Leadpages.

Daarom hoeft de klant niet op een knop te klikken om naar een winkelwagentje van een derde partij te gaan en alle productinformatie die u zou zien op uw normale winkelwagentje Shopify productpagina wordt van de site gehaald en op de bestemmingspagina geplaatst.

Ga naar uw om dit proces te voltooien Shopify account en kopieer de insluitcode voor de knop Kopen of winkelwagen. Het enige wat u hoeft te doen is een HTML-widget in Leadpages te gebruiken, dus nadat u de code hebt gekopieerd, een HTML-widget in de Leadpages-bestemmingspagina van uw keuze invoegen en kijken hoe het winkelwagentje bij de lay-out is inbegrepen.

Houd er rekening mee dat het vinden van de HTML-widget afhankelijk is van de sjabloon die u wilt gebruiken. Sommige hebben bijvoorbeeld al de HTML-widget ingevoegd in de sjabloon, terwijl andere u ertoe moeten verplichten de standaard HTML-module naar de pagina te slepen.

Hoe dan ook, het is niet zo moeilijk van een proces.

html-code-is-gered

Zorg ervoor dat je op de knop Opslaan klikt nadat je de insluitcode hebt geplakt op je bestemmingspagina voor Leadpages.

Stap 5: Het winkelwagentje beheren

De Shopify Met de knop Kopen kunnen uw gebruikers rechtstreeks naar het winkelwagentje van uw website of naar de afrekenpagina gaan of een productpagina openen. U kunt dit configureren op het tabblad Knop Kopen in Shopify.

Wanneer u het tabblad opent, ziet u een optie met de naam 'Waar de knop links naar.' Selecteer waar gebruikers naartoe moeten worden geleid en klik vervolgens op de knop Opslaan.

What's Next?

Hopelijk kunt u met deze handleiding binnen enkele minuten een landingspagina voor e-commerce configureren. Over het algemeen zijn de Leadpages-sjablonen en Shopify Koopknoppen zijn vrij eenvoudig om mee te werken en je hoeft niet echt veel te weten over codering (naast kopiëren en plakken).

Houd er rekening mee dat als u de knop Kopen of de productselectie op een van uw Leadpages-sjablonen wilt wijzigen, dit betekent dat u het proces opnieuw moet doorlopen. U hoeft geen nieuwe sjabloon voor de bestemmingspagina te krijgen, maar u moet een nieuwe insluitcode voor de andere producten of collecties aanschaffen.

Als u vragen heeft over het bouwen van een geweldige bestemmingspagina voor e-commerce, kunt u ons dit laten weten in de sectie Opmerkingen hieronder.

Catalin Zorzini

Ik ben een blogger voor webdesign en ben dit project gestart na een paar weken worstelen om erachter te komen welke dat is het beste e-commerceplatform voor mezelf. Bekijk mijn huidige top 10 bouwers van e-commerce-sites.