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-beheerderspagina, moet deze worden opgenomen om dit proces te laten werken.

Om dit te bereiken, gaat u naar uw Shopify beheerderspagina. 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 ​​koppeling naar de knop Kopen te genereren in uw Shopify-beheerdersdashboard. Het maken van een nieuwe knop Kopen wordt gedaan door dit tabblad in de zijbalk te doorlopen.

Stap 2: genereer de vereiste koopknoppen in uw Shopify-account

make-buy-knop

De Buy-knoppen kunnen voor producten of collecties worden gemaakt. Als u dus een bestemmingspagina voor één product wilt maken, moet u een Buy-knop voor dat product genereren in Shopify. Aangezien we zojuist het tabblad Koopknop op uw Shopify-beheerder hebben geactiveerd, kunt u hierop klikken om vooruit 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

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

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 koop-knoppen in uw bestemmingspagina's

Het grote voordeel van Shopify is dat het verschillende integraties biedt voor uw winkelwagen. Voor deze zelfstudie is het handig. U kunt een Shopify-winkelwagentje of een eenvoudige knop Kopen nemen en deze plaatsen in de STARTpages, slepen en neerzetten van bestemmingspagina's.

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

Om dit proces te voltooien, gaat u naar uw Shopify-account en kopieert u de insluitcode voor de knop Kopen of het winkelwagentje. Het enige dat u hoeft te doen, is een HTML-widget in Leadpages gebruiken, dus nadat u de code hebt gekopieerd, voegt u een HTML-widget in op de bestemmingspagina van de Leadpages van uw keuze en kijkt u vervolgens hoe het winkelwagentje bij de lay-out wordt gevoegd.

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

Met de Shopify Buy-knop kunnen uw gebruikers direct naar de winkelwagen van uw website gaan, naar de betalingspagina of er verschijnt een productpagina. U kunt dit configureren op het tabblad Buy Button 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 gids binnen een paar minuten een e-commerce landingspagina configureren. Over het algemeen zijn de Leadpages-sjablonen en Shopify Buy-knoppen vrij gemakkelijk om mee te werken, en je hoeft niet veel te weten over coderen (behalve 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.