Een bestelling plaatsen kost niet veel. Gebruikerservaring voor online winkelen: efficiënt bestellen bij ASOS

Heeft u ooit een opname in Webvisor gezien van een klant die een artikel aan de winkelwagen toevoegt, de bestelgegevens begint in te vullen en... de site verlaat? Deze scène is qua dramatiek te vergelijken met de eindshots van Titanic. Vandaag zullen we het hebben over de redenen waarom een ​​gebruiker een site verlaat zonder een aankoop te doen, en hoe dit te verhelpen is.

Volgens de 'Cart Abandonment Rate Statistics'-studie van het Baymard Institute wordt ruim 68% van de bestellingen die in het winkelwagentje terechtkomen, uiteindelijk niet gekocht en betaald.

Waarom weigert de gebruiker de voorgenomen aankoop?

Checklist: hoe u het gemakkelijk kunt maken om in een online winkel te kopen

1. Voeg toe aan winkelwagen

1.1. Nadat u op de knop “Kopen” of “Toevoegen aan winkelwagen” hebt geklikt, laat u de gebruiker zien dat het product is toegevoegd

Nadat u op de knop "Toevoegen aan winkelwagen" hebt geklikt, totdat de feedback met een bericht over het toevoegen van een product, moet de knop inactief zijn om te voorkomen dat het opnieuw aan de winkelwagen wordt toegevoegd. In een pop-upvenster nodigt u u uit om een ​​aankoop te doen of door te gaan met winkelen.

1.2. Wanneer u met de muis beweegt en op de knop "Toevoegen aan winkelwagen" klikt, moet deze worden gemarkeerd of van kleur veranderen

Als de knop niet van uiterlijk verandert, kan de gebruiker per ongeluk meerdere identieke producten aan de winkelwagen toevoegen.

Wanneer u over de knop “Kopen” in de “Osette” beweegt, wordt de knop helderder:

Wijziging verschijning knoppen in “Hallo” na het indrukken van:

1.3. Geef de procedure aan voor het retourneren en ruilen van goederen

Dit geldt vooral voor kleding- en schoenenwinkels, waar de kans op een fout met de maat groot is. De gebruiker wil er zeker van zijn dat hij kan ontvangen juiste maat uiteindelijk.

Leveringsinformatie op de Hello-pagina's:

Op de Photomag-website gedetailleerde informatie wordt geopend door op de link 'Meer details' te klikken:

2. In de mand

2.1. In de mand laten we gedetailleerde informatie over bestelde goederen

Om ervoor te zorgen dat de gebruiker de juistheid van zijn bestelling kan controleren en de goederen die hij in de winkelwagen heeft geplaatst, alleen ter vergelijking kan weigeren, verstrekken wij uitgebreide informatie over de bestelling:

• productafbeelding (als u de foto beweegt, wordt deze vergroot),
• wanneer u op de afbeelding klikt, moet gedetailleerde informatie over het product worden weergegeven,
• geef het aantal beschikbare eenheden aan,
• Als het product verkrijgbaar is in offline winkels, laat dan zien waar je het zelf kunt ophalen.

2.2. De knop om naar de volgende ontwerpstap te gaan, moet visueel worden gemarkeerd

De knop “Doorgaan met bestellen” op de Leboutique-website is onder andere gedupliceerd en in kleur gemarkeerd:

Ook de knop ‘Bestelling plaatsen’ op de website ‘Goedkoper’ is moeilijk te missen:

2.3. De winkelwagen moet de bestelling “onthouden”.

Misschien kan de gebruiker om technische of andere redenen niet in één sessie een aankoop doen. Als hij weer op de site komt, zal het lastig zijn om opnieuw producten te zoeken en toe te voegen. De kans is groot dat een potentiële koper herhaalde manipulaties zal opgeven, dus de site moet de inhoud van het winkelwagentje onthouden.

2.4. Voeg een knop toe om artikelen uit de winkelwagen te verwijderen

De mogelijkheid om een ​​artikel uit de winkelwagen op de Mobillac-winkelwebsite te verwijderen, wordt bijvoorbeeld gepresenteerd in de vorm van een kleine link:

2.5. Promotiecodes en kortingen

Plaats velden voor het invoeren van kortingsbonnen en promotiecodes op de winkelwagenpagina.

Ze mogen standaard niet actief of zichtbaar zijn. Dit leidt de gebruiker, die al klaar is om te kopen, af van het afrekenproces en motiveert hem om de site te verlaten op zoek naar informatie over het ontvangen van korting.

Het promotiecodeveld in “Hallo” is standaard verborgen:

En het wordt alleen geopend als erop wordt geklikt:

Maar op de Foxtrot-website is het promotiecodeveld standaard zichtbaar. Bovendien stelt de winkelwagenpagina voor om het saldo van uw bonusaccount te controleren door naar een andere site te gaan:

Laat de naam van het invoerveld intuïtief zijn. Het is beter om de wazige ‘Voucher’ te vervangen door ‘Heeft u een promotiecode?’

3. Registratie

3.1. Geef de gebruiker de mogelijkheid om zonder registratie te kopen

Gebruikers houden er niet van om zich te registreren bij het doen van hun eerste aankoop. Ten eerste zijn ze er niet zeker van dat ze vaste klanten zullen worden. Ten tweede wil niemand vervelende spam in zijn e-mail ontvangen. En ten derde gaat registratie gepaard met het invullen van tientallen velden, het achterhalen van een wachtwoord en het doorgeven van een captcha.

Functie “Koop met één klik” in “Photomag”. De gebruiker laat alleen een telefoonnummer achter, de rest van de informatie wordt gespecificeerd door de manager. De knop voor het plaatsen van een “snelbestelling” is onder andere visueel gemarkeerd, en de knop voor het zelfstandig plaatsen van een bestelling is onzichtbaar en lijkt zelfs inactief:

Leboutique biedt een alternatief voor registratie - inloggen met een sociaal netwerkaccount:

Verwijder de bevestiging van contactgegevens uit het registratieproces (door een link uit een e-mail te volgen of een code uit een sms in te voeren). Als de bevestiging te lang duurt, vertrekt de gebruiker gewoon zonder de aankoop af te ronden.

Indien u de mogelijkheid biedt om zonder registratie te bestellen, maak deze functie dan zichtbaar op de pagina.

Bij het bestellen zonder registratie mag de functionaliteit niet worden verminderd. Indien een betaalmethode zonder aanmelding niet mogelijk is, verzoeken wij u dit vooraf aan ons door te geven. Beschrijf de voordelen van registratie en de verschillen in functionaliteit voor gebruikers met verschillende statussen.

3.2. Achtergrondregistratie

Vaak zijn de gegevens die nodig zijn om een ​​bestelling te plaatsen voldoende voor registratie. Rapport automatische registratie per brief aan de gebruiker. Natuurlijk heeft deze methode zijn nadelen, bijvoorbeeld een automatisch gegenereerd wachtwoord, maar de gebruiker bespaart tijd en de winkel krijgt een nieuwe abonnee.

Hier ziet u hoe het in Rozetka is geïmplementeerd:

Of vraag de gebruiker om zich na aankoop te registreren op basis van de ingevoerde informatie.

3.3. Na registratie dient automatische autorisatie en voortzetting van de bestelling plaats te vinden.

3.4. Stel voor om een ​​e-mailadres of telefoonnummer te gebruiken als login

Als u zich voorstelt op hoeveel bronnen u bent geregistreerd regelmatige gebruiker, en hoeveel paren logins en wachtwoorden hij moet onthouden, wordt de onwil om zich opnieuw te registreren begrijpelijk. Telefoonnummer en e-mailadres zijn gegevens die de klant altijd onthoudt.

Zorg voor een optie voor wachtwoordherstel op de inlogpagina.

"Rosette" herkent de gebruiker aan e-mail en helpt u het wachtwoord te onthouden “zonder de kassa te verlaten”:

3.5. Sla de ingevulde gegevens op in het inlogveld

Bij een nieuw bezoek doorloopt de klant in de regel verschillende "standaard" logins in zijn hoofd of herinnert hij zich helemaal niet dat hij zich al op de site heeft geregistreerd. Informeer de klant door gegevens achter te laten in het inlogveld.

3.6. Abonneer registranten niet automatisch op de nieuwsbrief.

De meeste klanten van webwinkels zijn het al beu om bergen onnodige brieven per post te ontvangen. Beschrijf de duidelijke voordelen van een abonnement en vraag of de gebruiker e-mails van u wil ontvangen.

3.7. Minimaliseer het aantal invoervelden

Als de stad en wijk van de gebruiker automatisch kunnen worden bepaald, laat het systeem deze dan automatisch invullen. In dit geval moet de gebruiker alle velden kunnen controleren en bewerken.

Op de Leboutik-website helpt een vervolgkeuzelijst u bij het selecteren van een operatorcode mobiele communicatie van de lijst.

3.8. Het controleren van de juistheid van de ingevoerde gegevens dient te gebeuren tijdens het invullen van het formulier, en niet na het indienen ervan

Na het indienen van een formulier met onjuiste gegevens dienen de ingevulde gegevens compleet te worden gehouden.

Controle op de websitepagina “Goedkoper” vindt plaats na het indienen van een formulier waarin de ingevoerde gegevens na het bijwerken niet worden opgeslagen:

3.9. Foutmeldingen moeten duidelijk zijn en uitleggen hoe het probleem kan worden opgelost.

De invoerfoutmelding op de Hello-website beschrijft gedetailleerd hoe u de verwarring kunt verhelpen:

Leboutik vraagt ​​de gebruiker hoe hij het juiste e-mailadres moet invoeren:

4. Levering

4.1. Toon zelfafhaalmagazijnen op een kaart en in een lijst

“Rozetka” biedt de mogelijkheid om ophaalpunten op adres in de lijst te selecteren of het dichtstbijzijnde filiaal op de kaart te vinden:

4.2. Vraag de gebruiker om een ​​adres uit een lijst te selecteren of het handmatig in te voeren

Een adres invoeren of selecteren op de Photomag-website:

4.3. Geef de verzendkosten op bij het kiezen van een bezorgmethode

De koper kan bij ontvangst verrast worden door een verhoging van het totaalbedrag van de bestelling, wat tot weigering zal leiden. Geef aan dat de verzendkosten door de koper worden betaald en geef een geschatte prijs op.

Handige weergave van de kosten afhankelijk van de bezorgmethode op de Goedkoper website:

De bezorgkosten zijn zichtbaar wanneer je deze selecteert in de lijst op de Allo-website:

Op de website van Photomag zien we het eindbedrag niet, maar we zoeken wel uit wanneer we duidelijkheid kunnen krijgen over de uiteindelijke kosten:

5. Betaling en details

5.1. Geef betaalmethoden aan in afnemende volgorde van populariteit

"Hallo" biedt aan om een ​​betaalmethode te kiezen:

Geef betalingssysteempictogrammen weer naast de naam.

5.2. Verdeel betaalmethoden in groepen op basis van hun betekenis:

• vooruitbetaling per bankkaart,
• betaling contant bij ontvangst,
• elektronische betalingen,
• betaling via terminal.

Een betaalmethode selecteren in Rozetka:

5.3. Specificeer de commissie van elke betaalmethode

Wanneer je een betaalmethode selecteert, verandert het totaalbedrag op de “Goedkoper” pagina van de website:

Mobillac motiveert klanten om met kaart te betalen:

5.4. Als uw product regelmatig wordt gekocht, slaat u de betalingsgegevens op, zodat de gebruiker alleen het artikel aan de winkelwagen hoeft toe te voegen en op "Betalen" hoeft te klikken.

5.5. Vraag niet naar het type betaalsysteem van de gebruiker, als de hoogte van de commissie niet afhankelijk is van de keuze

De eerste cijfers van het kaartnummer identificeren op unieke wijze het betalingssysteem: Visa, MasterCard, enz. Als de prijs niet verandert bij het betalen met een kaart, wordt automatisch het systeem bepaald van de kaart die de gebruiker invoert.

5.6. Bij het invoeren van een kaartnummer moet het invoerveld de cijfers van het nummer op de kaart zelf visueel herhalen

Getallen van zes cijfers zijn verdeeld in 4 blokken van 4 cijfers. Na het vullen van elk blok moet de overgang naar het volgende automatisch worden uitgevoerd

Houd er rekening mee dat er kaarten zijn met andere nummers dan zestien. Maestro-kaarten kunnen 13, 16 of 19 cijfers bevatten. Als uw verwerking kaarten accepteert met verschillende cijfers in het nummer, zorg er dan voor dat het invoerveld zich aanpast aan de ingevoerde gegevens. Aan de hand van de eerste zes cijfers kunt u de naam van het betalingssysteem bepalen, en als dit systeem een ​​ander aantal cijfers in de kaartnummers heeft, moet het veld veranderen.

5.7. Verzamel betalingsinformatie op de website van de winkel

Als de gebruiker, nadat hij op de knop 'Betalen' heeft geklikt, op een pagina met betalingsbronnen terechtkomt, is dit verwarrend. Zelfs ervaren internetgebruikers voelen zich ongemakkelijk als ze betalingsgegevens buiten de winkel achterlaten.

Als het niet mogelijk is om gegevens in het formulier op de site in te vullen, zorg er dan voor dat de stijl van de site op de betaalpagina behouden blijft.

Laat op de betaalpagina de mogelijkheid achter om terug te gaan naar de website van de winkel zonder te betalen. Hier kunt u ook informatie over uw bestelling invoeren (bestelbedrag en winkelwageninhoud).

5.8. Geef betalingsbeveiligingsinformatie op de betalingspagina op

• beveiligde https-verbinding,
• logo's van betalingssystemen en beveiligingscertificaten.
• Als er geen sms-betalingsbevestiging vereist is, informeer de gebruiker dan dat de betaling is uitgevoerd zonder 3DSecure-technologie.

5.9. Als de betaling niet kon worden verwerkt, zou er een foutmelding moeten verschijnen

Als de gebruiker, nadat de betaling is mislukt, eenvoudigweg wordt doorgestuurd naar de betaalpagina of het winkelwagentje, is het moeilijk te begrijpen of de betaling is gelukt of niet.

Bericht waarin staat dat de betaling niet kon worden uitgevoerd op de “Hallo”-pagina:

Voorstellen alternatieve opties betalen voor de aankoop.

5.10. Communiceer in duidelijke taal met de klant

Vervang technische en zelden gebruikte termen door meer bekende termen.

• “Authenticatie” - “Voer de code van SMS in”,
• “Dynamisch wachtwoord” - “Code uit SMS”.

5.11. De bevestigingscode moet aan het begin van de sms staan, zodat deze kan worden gelezen zonder het bericht te openen

6. Orderbevestiging

Op de orderbevestigingspagina wordt weergegeven volledige informatie:

• Naam van het product,
• Hoeveelheid,
• Prijs,
• Verzendings-kosten,
• Leveringsmethode,
• Commissie betalingssysteem,
• Contactgegevens van de ontvanger.

Sta de gebruiker toe om informatie op de bevestigingspagina te bewerken.

Orderbevestiging bij het plaatsen van een bestelling op de Mobillac-website:

7. "Bedankt voor uw aankoop"

Voeg bestelinformatie toe op de pagina 'Bedankt voor uw aankoop'.

Het bericht op de uiteindelijke aankooppagina in de Cheaper-winkel is heel beknopt:

“Photomag” vermeldt tevens het bestelnummer:

"Hallo" geeft gedetailleerde informatie:

Dupliceer de volledige bestelinformatie op e-mail cliënt.

Voeg een afdrukoptie toe op de bevestigingspagina van uw bestelling.

Als het product elektronisch is, vertel ons dan hoe u het kunt downloaden.

Laten we herhalen wat we hebben besproken

Mand:

• toevoegen aan winkelwagen mag geen onnodige stappen bevatten,
• informatie weergeven dat het product aan de winkelwagen is toegevoegd,
• in de winkelwagen wordt gedetailleerde informatie over de producten weergegeven,
• de knop om door te gaan met kopen moet zichtbaar zijn en een naam krijgen in overeenstemming met de verwachtingen van de gebruiker,
• Het invoerveld voor de promotiecode moet standaard verborgen zijn,
• voeg een knop toe om artikelen uit de winkelwagen te verwijderen,
• de winkelwagen moet de bestelling onthouden.

Autorisatie:

• voeg de mogelijkheid toe om te kopen zonder registratie,
• achtergrondregistratie toevoegen,
• maak van uw e-mailadres of telefoonnummer uw login.

Betaling:

• gebruik intuïtieve namen van betaalmethoden met pictogrammen,
• betaalmethoden weergeven in afnemende volgorde van populariteit,
• waarschuwen voor commissies van betalingssystemen,
• velden voor gegevensinvoer bankpas moet de locatie van informatie op de fysieke kaart visueel herhalen,
• de gebruiker toestaan ​​terug te keren naar de winkelpagina zonder te betalen,
• details verstrekken als de betaling wordt geweigerd.

Levering:

• bepaal het adres automatisch met de mogelijkheid om te bewerken,
• zelfafhaalmagazijnen weergeven op een kaart en in een lijst,
• Geef a.u.b. de geschatte bezorgkosten aan.

"Bedankt voor uw aankoop" pagina:

• het bestelnummer weergeven,
• dubbele bestelinformatie per e-mail,
• Vertel de cliënt hoe de gebeurtenissen zich hierna zullen ontwikkelen.

Post Scriptum

Er zijn veel opties om dezelfde functie te implementeren, en de keuze hangt af van uw niche, doelgroep en websiteplatforms.

De belangrijkste boodschap van het onderzoek en ons artikel is dat je bijna altijd gemakkelijker een aankoop op de site kunt doen.

De specialisten van Aveb hebben overigens een boek geschreven over de bruikbaarheid van webwinkels. Alleen instructies voor gebruik - alleen specifieke aanbevelingen en voorbeelden. Heb jij het al gelezen? Als dit niet het geval is, download en lees het dan.

Welke verbeteringen aan het winkelwagentje hebben het aantal conversies op uw site aanzienlijk verhoogd? Waar raden jullie aan om op te letten?

09april

Hallo, lieve lezers! Vandaag gaan we, zoals ik eerder beloofde, verder met het onderwerp van het openen van onze eigen online winkel.

In eerdere artikelen hebben we al gesproken over betalingssystemen en nog veel meer, maar nu is het tijd om verder te gaan naar een ander verplicht onderdeel: het ontwerp en de structuur van uw online winkel.

Ik zal u vertellen wat er op de website van uw online winkel moet staan, wat de minimale structuur en het ontwerp ervan moeten zijn, in het algemeen zullen we proberen alles in detail te analyseren. Ik zal meteen zeggen dat alles wat hieronder staat verplicht is, maar je toevoegingen en je verbeeldingskracht zullen ook vereist zijn.

Ontwerp van een online winkel

Het ontwerp van een webwinkel is niet het laatste waar je op moet letten. Hoe unieker je bent, hoe beter. Als de budgetten beperkt zijn, moet je wegkijken kant-en-klaar sjabloon, omdat het goedkoper is en ook uniek op zijn eigen manier, omdat... verschillende sjablonen duizenden.

Het ontwerp en de lay-out van uw online winkel moeten het thema benadrukken en in dezelfde stijl zijn als de producten die u verkoopt. Als u kinderspeelgoed verkoopt, mag de site uiteraard niet in zwarte kleuren zijn, maar juist helderder en lichter. Universele optie Natuurlijk minimalisme in het wit met enkele individueel gekleurde elementen en blokken, maar je kunt ook een kant-en-klaar ontwerp maken of vinden specifiek in jouw thema.

Er mag niets overbodigs op de website van de online winkel staan, niets dat afleidt mogelijke koper uit de keuze van goederen. Als er afleidende informatieblokken zijn, neemt de kans op een verkoop af. Er zou alleen alles moeten zijn wat je nodig hebt!

Online winkelstructuur (pagina's)

De website van elke online winkel moet de volgende pagina's bevatten:

1. Thuis;
2. Contactgegevens;
3. Pagina('s) met productcatalogi (per categorie of allemaal samen);
4. De pagina van het product zelf;
5. Mand;
6. Leveringsvoorwaarden, betaling, garanties;
7. Afrekenpagina.

Dit zijn verplichte pagina's, maar zoals ik hierboven al zei, het vereist nog steeds verbeeldingskracht van uw kant en toevoegingen met andere pagina's. Zo heb ik bijvoorbeeld ook: een reviewpagina, een pagina met veelgestelde vragen, acties (categorie, maar als aparte pagina). Waarom heb ik geen registratiepagina toegevoegd en Persoonlijk gebied voor klanten? Omdat, zoals later bleek, dit voor sommige winkels, zoals mijn cmoda.ru en voor andere winkels die in een aparte stad opereren, niet zo nodig is. Ik herhaal nogmaals dat dit vereist een lijst met pagina's, maar u kunt en moet er aanvullingen op doen.

Op locatie individuele elementen en ik zal de verschillende blokken op de pagina's niet beschrijven, omdat alles wordt geleerd door testen en vergelijken, en ik heb de opstelling van afzonderlijke onderdelen niet in honderden online winkels getest. Dit is meestal een persoonlijke kwestie voor iedereen!

Koptekst online winkel

In de header helemaal bovenaan moet links een logo staan, rechts een mandje, in het midden zoeken en korte informatie over levering, betaling en Contactgegevens V in het kort. Hieronder zou er een menu voor moeten zijn gemakkelijke navigatie op de site. Hier is hoe ik het deed:

Contactgegevens

Contacten moeten worden aangegeven in de kop van de online winkel, helemaal bovenaan en verder aparte pagina. De header bevat voldoende telefoon- en e-mailadressen, of alleen een telefoonnummer. En al op de contactpagina moet er een juridische of fysiek adres, alle telefoonnummers, post en andere communicatiemiddelen. Als u een fysiek verkoop- of afhaalpunt heeft, kunt u ook een reiskaart toevoegen. Contacten zijn een must omdat ze meer vertrouwen wekken. Mensen bellen vaak naar onze online winkel en het telefoonnummer is een zeer belangrijk onderdeel van contacten dat zichtbaar moet zijn!

Productpagina (catalogi)

Er kunnen meerdere van dergelijke pagina's op de site staan ​​als u meerdere productgroepen heeft. Ze moeten miniaturen van productfoto's, prijs, naam, een knop 'Kopen' of 'Toevoegen aan winkelwagen' bevatten, en bovendien kan er een sterbeoordeling zijn (geteld op basis van positieve of negatieve recensies). Er moeten meer dan 1-2 producten op de pagina staan, omdat de pagina er in dit geval leeg uitziet.

Productpagina

De pagina van het product zelf moet gedetailleerde grote foto's van het product bevatten, naam, prijs, beschrijving, belangrijkste kenmerken, leveringsvoorwaarden, of het op voorraad is of niet, een knop "Kopen", aantal recensies, een lijst met vergelijkbare producten , En extra blokken, waardoor het vertrouwen in de winkel toeneemt. Ik heb het over gratis bezorging, het feit dat je meerdere producten kunt bestellen en thuis kunt kiezen over ontvangst en betalingsvoorwaarden. Hoewel, wat leg ik uit) Hier is een screenshot van de structuur van mijn winkel:

Leverings-, betaling- en garantievoorwaarden

De belangrijkste elementen en pagina's op de website van uw webwinkel!!! Deze pagina's moeten in detail worden beschreven, er is geen mogelijkheid om meer in detail te gaan! Over verschillende manieren levering, moet u de artikelen en de prijzen voor elk type levering noteren. Na het lezen van de leveringsinformatie moet uw klant alles duidelijk begrijpen!

Garanties zijn een must! Hierdoor hoeft de klant minder na te denken voordat hij een product in uw webwinkel koopt, omdat hij ziet dat u verantwoordelijk bent voor de kwaliteit ervan.

Winkelwagen en afrekenen

Er zit niets bijzonders in de mand. Ze hoeft alleen maar het bedrag correct te berekenen en dat is alles. Maar bij het plaatsen van een bestelling moet u een vereenvoudigd formulier zonder registratie hebben, omdat niet iedereen zich wil registreren in een online winkel. Sta dit niet toe bij het invoeren van gegevens extra punten Neem alleen de gegevens op die nodig zijn, u hoeft niet duizenden regels in te vullen. Het meest noodzakelijke: volledige naam, telefoonnummer, afleveradres, mail, opmerking bij de bestelling (optioneel).

Sociale media

De website van uw online winkel moet bij voorkeur beschikken over widgets of knoppen die naar uw groepen of accounts op sociale netwerken leiden. Dit wekt meer vertrouwen bij gebruikers sociale netwerken daar kopen ze actiever.

Belangrijke toevoegingen

Snel kopen

Snelle aankoop is geschikt voor bijna alle online winkels en stelt u in staat het bestelproces aanzienlijk te vereenvoudigen voor degenen die graag tijd besparen. Wat u moet doen: plaats op de productpagina een knop ‘Kopen in 1 klik’ of ‘Snel kopen’. Door op de knop te klikken verschijnt er een venster waarin u wordt gevraagd “Naam” en “Telefoon” in te voeren, waarnaar u terugbelt. Sommigen plaatsen ook een e-mailveld om iemand onmiddellijk te registreren of eenvoudigweg zijn e-mailadres op te slaan.

Terugbellen

Nog een simpel ding, die niet iedereen gebruikt. Maar dit goede manier Bespaar uw klant tijd en help hem telefonisch een bestelling te plaatsen op een voor de klant geschikt tijdstip. Wat moet er gebeuren: plaats in de header van de site, naast uw telefoonnummer, een knop of tekst “Bel terug”. Wanneer erop wordt geklikt, verschijnt er een venster waarin de koper zijn naam en telefoonnummer invoert. Na het versturen van de aanvraag is het raadzaam contact op te nemen met de opdrachtgeverbinnen 10-50 minuten.

Informatie over levering en betaling op de productkaart

Er is niets eenvoudiger en tegelijkertijd complexer dan eenvoudig en in duidelijke taal schrijf de leverings- en betalingsvoorwaarden. Deze informatie wordt al geraadpleegd wanneer de aankoopbeslissing praktisch is genomen en het is belangrijk om de koper zo snel mogelijk inzicht te geven in de kosten en de levertijd in zijn regio. En het plaatsen van deze informatie in gecomprimeerde vorm op de productkaart zelf zal hierbij helpen. Wat moet er gebeuren: schrijf de basisvoorwaarden voor levering en betaling in 3-5 paragrafen. Deze kun je als los blok of in een tabblad plaatsen. Vergeet niet een link aan het einde van de tekst te plaatsen volledige voorwaarden levering en betaling.

Promoties die de site tot leven brengen

Het internet staat vol met winkels waarvan je niet weet of ze werken of niet. Bij het zien van nieuws uit bijvoorbeeld juni 2015 denken veel mensen dat de winkel hoogstwaarschijnlijk dood is en verlaten ze de site. En jouw taak is om te laten zien dat je echt werkt, bestellingen verwerkt en klaar staat om je klanten te helpen. Wat u moet doen: plaats een end-to-end statische banner op uw website, waarin u voortdurend een soort promotie met een tijdslimiet krijgt. Wanneer de deadline verstrijkt, verschuift u de deadline eenvoudigweg 1-2 weken en plaatst u deze opnieuwnaar uw website. Op deze manier zul je hebbenDit is een permanente promotie en aan de data kun je altijd begrijpen dat de winkel leeft.

En

Zorg ervoor dat u informatie opneemt die uw kansen op een verkoop vergroot. Bijvoorbeeld: gratis levering, betaling bij ontvangst, we nemen verschillende producten mee om uit te kiezen, een cadeau voor elke klant, bestel vandaag - we bezorgen morgen, certificaten en recensies over uw winkel, enzovoort. Dit versterkt uw webwinkel en moet prominent getoond worden.

Conclusie

Ik herhaal nogmaals dat dit slechts aanbevelingen en verplichte punten zijn voor een online winkelwebsite. Maar u moet gewoon iets eigens bedenken en uw online winkel diversifiëren.

Ik ben ook een mens en het kan zijn dat ik iets mis, een fout maak, enzovoort, dus ik kijk uit naar uw opmerkingen, correcties en aanvullingen in de opmerkingen. We zullen samen het artikel aanvullen;)

Bedankt voor uw aandacht!

De winstgevendheid van elke online winkel hangt vooral af van hoe comfortabel de omstandigheden op de site worden gecreëerd. Elke koper wil zo snel mogelijk vinden wat hij zoekt en tegelijkertijd een minimum aan inspanning besteden. Statistisch gezien vinden de meeste klanten het afrekenproces niet prettig. Daarom moet u, als u het aantal verkopen wilt verhogen, het bestelsysteem op uw website vereenvoudigen.

In online winkels moet de klant dit invullen om een ​​product te kunnen kopen bestelformulier, dat op de site wordt geïnstalleerd met behulp van speciale scripts, modules of plug-ins. Houd u bij het maken van een bestelformulier aan de volgende regels.

1. Eenvoud is de sleutel tot effectiviteit.

Zoals de praktijk laat zien, verlaat een koper, als hij een probleem tegenkomt bij het plaatsen van een bestelling, meestal de bron uit angst dit probleem opnieuw tegen te komen. Als uw bestelformulier uit een paar eenvoudige stappen bestaat en gemakkelijk in te vullen is, bent u verzekerd van een consistente verkoop. Het is de moeite waard om op te merken dat het belangrijkste is om het niet met eenvoud te overdrijven; houd altijd rekening met de specifieke kenmerken van uw project. Het bestelformulier op de website moet een minimum verzamelen Nodige informatie om de bestelling af te ronden.

2. Gebruik duidelijke voorbeelden.

Een mens heeft altijd behoefte duidelijk voorbeeld, vooral bij het invullen van het bestelformulier. Probeer een webformulier te maken dat zelfs een complete beginner kan invullen.

3. Toon in totaal de voortgang van de opdracht aan uw klant.

De opdrachtgever moet altijd zien hoeveel fasen hij heeft doorlopen en hoeveel er nog moeten worden voltooid. vanuit psychologisch oogpunt van bijzonder belang. Het klassieke bestelproces verloopt in 3-4 fasen. De eerste fase is wanneer de gebruiker een bestellijst maakt. De tweede fase: de koper voert zijn contactgegevens in. De derde fase is informatieverificatie. De vierde fase is de transactie.

4. Neem alle twijfels van klanten weg.

In ons land is onlangs de wet inzake de bescherming van persoonsgegevens van kracht geworden, maar veel gebruikers weten er niets van. IN html-formulier Zorg ervoor dat u bij het bestellen een geheimhoudingsverklaring opneemt persoonlijke informatie. Dit zal het vertrouwen van uw klanten aanzienlijk vergroten.

5. Nee! registraties.

Bijna alle kopers staan ​​negatief tegenover elke registratie, omdat dit proces (naar hun mening) lang kan duren. Daarom, zelfs als u zich op uw website registreert zonder uw profiel te bevestigen, moet u dit verwijderen of het bestelproces beschikbaar maken voor niet-geregistreerde gebruikers. Het is vermeldenswaard dat registratie in sommige gevallen juist noodzakelijk is. Bijvoorbeeld wanneer u van plan bent een kwaliteitsklantenbestand op te bouwen. In dit geval registreert u zich op de site via sociale media. Het is heel simpel.

Alle bovenstaande regels en tips verhogen ongetwijfeld de efficiëntie van het bestelformulier op de site, maar u moet altijd onthouden dat veel afhangt van de specifieke kenmerken van het onderwerp. Alleen door vallen en opstaan ​​kun je de websiteconversie echt verhogen.

Het doel van de les

Ontwikkel een deel van het serviceformuliersjabloon dat verantwoordelijk is voor de afrekenpagina van de bestelling.

Maak kennis met de formulieren voor het kiezen van een betaalmethode, levering en de vragenlijst van de koper.

voornaamste doel

Het hoofddoel van de afrekenpagina- door de bezoeker ingevuld worden. Vragen die gebruikers tegenkomen bij het invullen van formulieren:

Vragen

• Waar te beginnen?
• Is het eenvoudig om het formulier in te vullen? En hoe lang zal het duren?
• Welke betaal-/leveringsmethode is geschikt voor mij?
• Hoeveel stappen moet u doorlopen voordat het formulier volledig is ingevuld?
• Waarom moet ik deze velden invullen? Waarom hebben ze deze gegevens nodig?
• Kun je worden vertrouwd? Zal mijn e-mailadres/telefoonnummer niet in handen vallen van spammers?
• Wat moet ik doen nadat ik het formulier heb verzonden?

Taken

Laten we eens kijken welke taken de afrekenpagina oplost.

Laten we nu deze problemen oplossen.

Steekproef

Zorg voor een eenvoudige, nette lay-out

Laten we beginnen met de moeilijkste. Zo ziet de standaard afrekenpagina eruit:

Om het uiterlijk van de betaalpagina te vereenvoudigen, hebben we het volgende nodig:

• Laat alleen het logo en de sitenaam bovenaan de site staan. Geen koppelingen
• Wijzig de inhoud van de zijbalk. We hoeven niet langer een lijst met categorieën weer te geven. We zetten een beetje hulp in de zijbalk voor degenen die een bestelling plaatsen en een bericht dat je kunt bellen als er iets niet lukt
• Vereenvoudig het onderste gedeelte van de site - laat alleen het auteursrechtsysteem en de site erin staan

Indien gewenst kunt u de zijbalk volledig verlaten.

Zoek in de sjabloon van de serviceformulierenpagina het globale blok waarvoor verantwoordelijk is bovenste deel site (meestal $GLOBAL_AHEADER$) en plaats deze in de volgende constructie:

Naam van de site

logo_simple.png is een vereenvoudigde logoafbeelding. Er zijn verschillende manieren om het logo voor de betaalpagina te vereenvoudigen: verklein het, ontwerp het opnieuw, laat de huisstijl achter of maak het zwart-wit.

Laten we hetzelfde doen met het onderste gedeelte van de site ($GLOBAL_BFOOTER$) en de zijbalk ($GLOBAL_CLEFTER$):

Als u problemen ondervindt met mondiale blokkades, onthoud dit dan.

Vestig de aandacht op formuliervelden

In totaal wordt de gebruiker op de bestelpagina gevraagd vier formulieren in te vullen:

1. Formulier met bestelinhoud (tabel) $BODY$
2. Keuzeformulier voor bezorgmethode $DELIVERY_SELECTOR$
3. Betaalmethodeselectieformulier $PAYMENT_SELECTOR$
4. Formulier voor het invoeren van persoonlijke gegevens $ORDER_FIELDS$

Om formuliervelden te markeren, moet u .methods-list en #order-table configureren:

Methodenlijst, #order-tabel ( marge: 20px; achtergrondkleur: #e5e5e5; rand: 1px effen #cccccc; )

Verwijder onnodige velden

Hier hebben we het over het formulier voor het invoeren van persoonlijke gegevens $ORDER_FIELDS$ . U heeft les 31 over bestelvelden vast al voltooid. We zullen elk toegevoegd veld onder een microscoop moeten bekijken en onszelf afvragen: “Is de informatie op dit gebied werkelijk zo belangrijk voor ons dat we bereid zijn er klanten voor te verliezen?”

Vaak zijn “Naam”, “Telefoonnummer” en “Afleveradres” voldoende.

Natuurlijk is het de moeite waard om de marginaliteit van goederen te overwegen. In winkels waar een groot aantal bestellingen moet worden verwerkt, zullen extra velden de winst verhogen door de arbeidskosten voor de verwerking te verlagen. Bij een kleine orderstroom is het zinvol om alleen de naam en het telefoonnummer op te vragen, vooral afhankelijk van de kwalificaties van verkoopmanagers.

Zodra u besloten heeft onnodige velden te verwijderen of nieuwe velden toe te voegen, keert u terug naar les 31.

Overwin de twijfels van bezoekers

Hoe we zullen overwinnen:

• Na het formulier met de inhoud van de bestelling $BODY$ plaatsen wij korte informatie over de garantie- en retourvoorwaarden
• Naast het formulier voor het selecteren van betaalmethoden $PAYMENT_SELECTOR$ zullen we iconen van attesten, certificaten (indien aanwezig) of iconen van betaalmethoden plaatsen;
• Vóór de knop "Een bestelling plaatsen" $ORDER_BUTTON$ informeren wij u dat de bestelling op elk moment kan worden geannuleerd/gewijzigd. Op deze manier hoeft de gebruiker niet lang na te denken over “Heb ik alles correct geformatteerd?”
• Onder de knop “Bestelling plaatsen” $ORDER_BUTTON$ plaatsen we een blokje “Wat gebeurt er nu?”. Daarin informeren wij u dat wij u, vóór de bezorging van de bestelling, zeker op het aangegeven tijdstip terugbellen om duidelijkheid te krijgen.

Helaas kunnen we in het kader van deze les niet nadenken over het toevoegen van pictogrammen aan betalings- of leveringsformulieren. Voeg dus gewoon het juiste blok toe na $PAYMENT_SELECTOR$ .

Gebruik actieve stem

Laten we eens naar een specifiek voorbeeld kijken. Standaard wordt het kiezen van een betaalmethode beschreven in dit gedeelte van de sjabloon:

Betalingsmiddel

Als u actieve stem gebruikt, ziet hetzelfde fragment er als volgt uit:

kies een betalingsmethode

Hetzelfde geldt voor het kiezen van een bezorgmethode, het controleren van de inhoud van de bestelling en het invullen van het gebruikersgegevensformulier.

Geef het aantal stappen en het tijdstip op waarop u een bestelling wilt plaatsen

Voeg vóór $BODY$ een bericht toe over hoeveel stappen er zijn in het afrekenproces en hoe lang het zal duren, bijvoorbeeld:

Een bestelling plaatsen in 4 stappen duurt maximaal 3 minuten

Waar kent uCoz verschillende stappen om een ​​bestelling te plaatsen? Hier hebben we het over stappen binnen één pagina. Ik stel deze optie voor:

1. Stap 1: Controleer de inhoud van uw bestelling
2. Stap 2. Selecteer een verzendmethode
3. Stap 3. Selecteer een verzendmethode
4. Stap 4. Geef informatie over uzelf

Houd er rekening mee dat de titel van elke stap de actieve stem gebruikt.

Hiermee wordt de les afgesloten. Er zijn een aantal instellingen voor de afrekenpagina waarmee u de conversie erop kunt verhogen. We zullen hier in de volgende lessen over praten.

Opdrachten

1. Maak een vereenvoudigde lay-out van de betaalpagina
2. Verwijder onnodige velden en selecteer de resterende velden
3. Plaats blokken met tekst die de twijfels van kopers helpen overwinnen
4. Geef het aantal stappen en de tijd op die nodig zijn om de bestelling te plaatsen

Er is al lang de mening dat de noodzaak om te registreren op een website leidt tot een afname van het aantal verkopen. Gezien dit alles is het logisch om aan te nemen dat er een pagina verschijnt voor het betalen van de goederen, waar u eenvoudig uw e-mailadres en leveringsgegevens invoert. Online winkelen moet dus lijken op een zelfbedieningswinkel, waar de koper volledige vrijheid krijgt, er geen aanvullende informatie vereist is, maar de totale kosten van de aankoop eenvoudig kunnen worden berekend.

Maar is dit werkelijk het geval? Wij nodigen u uit om vertrouwd te raken met enkele bestelformulieren op commerciële websites.

Voorbeelden van betaalpagina's op commerciële websites

Voordat u een commerciële website gaat maken, is het belangrijkste om te begrijpen dat verplichte registratie niet alleen een negatief effect heeft op het verkoopniveau, maar ook absoluut zinloos is. u kunt vertrouwd raken met bekende voorbeelden die dit feit bevestigen.

Om de bestelling te bevestigen, moet de gebruiker in ieder geval om een ​​e-mailadres, afleveradres en naam worden gevraagd. Dit zijn dezelfde punten die moeten worden ingevoerd tijdens de registratie, behalve dat er geen wachtwoord hoeft te worden bedacht.

Deze informatie kan bij de gebruiker worden opgevraagd op de bestelbevestigingspagina, automatisch worden gegenereerd en pas daarna aan de gebruiker worden gevraagd om ‘een wachtwoord aan te maken’. En waarom zou u de gebruiker dwingen zich te registreren voordat hij besluit iets bij u te kopen, als het hele proces tijdens het afrekenen bijna onmerkbaar kan worden 'uitgebreid'?
Hier is een voorbeeld van hoe ASOS zijn registratiepagina heeft vereenvoudigd met:

(Fig. Klanten die al gebruik hebben gemaakt van de diensten van de ASOS-website moeten een e-mailadres en wachtwoord invoeren, en nieuwe klanten moeten een account aanmaken)

(Fig. Om in te loggen moeten vaste klanten hun e-mailadres en wachtwoord invoeren, en nieuwkomers worden, na het selecteren van een product, gevraagd om naar de afrekenpagina te gaan)

Zodra prospects op het pictogram ‘Doorgaan’ klikken nadat ze een product hebben geselecteerd, worden ze naar een pagina geleid waar ze worden gevraagd dezelfde informatie in te voeren waar ze eerder om vroegen. Uiteindelijk wordt er een account aangemaakt. Dit betekent dat hetzelfde proces op totaal verschillende manieren wordt gepresenteerd. Verrassend genoeg bleek uit statistieken dat zo’n kleine verandering leidde tot een halvering van het aantal storingen op de site.

Conclusie: op websitepagina's moeten geregistreerde klanten worden gevraagd om "in te loggen" met hun wachtwoord, zodat ze snel toegang krijgen tot de bestelpagina. En de berekening van het orderbedrag en de verdere uitvoering ervan moet aan iedereen aangeboden worden. Uiteraard kunt u aanbieden een account aan te maken, maar dit heeft geen zin.

Macy's bedrijf
Hier is nog een geweldig voorbeeld: een mooie, duidelijke en overzichtelijke pagina die de aandacht van gebruikers vestigt op belangrijke punten:

(Fig. Als u eerder iets op de site heeft gekocht, kunt u naar uw bestelpagina gaan door uw e-mailadres en wachtwoord in te voeren. Voor beginners wordt hen pas na het selecteren van een product aangeboden om naar de bestelpagina te gaan door op de knop te klikken. “Maak berekening als” knop gast". Hierdoor wordt automatisch een profiel aangemaakt).

Macy's doet dit ook goed omdat de afrekenpagina klanten retour- en verzendinformatie geeft (door op het vakje en het slotje te klikken) en een nummer bovenaan de pagina om te bellen en alle benodigde informatie te verduidelijken. Ben het ermee eens dat een dergelijke benadering van zaken vertrouwen en respect wekt.

Walmart-bedrijf
Op de afrekenpagina biedt Walmart gasten de mogelijkheid om een ​​account aan te maken of door te gaan met het plaatsen van een bestelling zonder een account aan te maken. Die. een nieuwe koper heeft een keuze: tijd besparen “hier en nu” of in de toekomst:

(Fig. Vaste klanten loggen in op het systeem door hun e-mailadres en wachtwoord in te voeren, en nieuwkomers kunnen de totale kosten achterhalen en een bestelling plaatsen zonder een account aan te maken (dat wil zeggen, nu tijd besparen), of een account aanmaken (en dus besparen tijd in de toekomst) toekomst)).

Sears-bedrijf
Sears heeft een interessante benadering van dit probleem gekozen, die besloot dat ze geen inlogpagina voor vaste klanten nodig hadden. Daarom stuurt het bedrijf al zijn gebruikers rechtstreeks naar de afrekenpagina.
Zo zag hun afrekenpagina er voorheen uit:

En zo ziet ze er nu uit:

Alles is heel duidelijk (u moet het afleveradres, de naam van de ontvanger en het e-mailadres invoeren), er zijn geen belemmeringen voor het voltooien van de aankoop.

WH Smith bedrijf
Nog een rolmodel. Een zeer nette pagina die de gebruiker niet dwingt zich te registreren:

(Fig. De gebruiker wordt gevraagd zijn e-mailadres in te voeren en onopvallend wordt gevraagd of hij een wachtwoord heeft om in te loggen op de site)

Tesco-bedrijf
Tesco demonstreert een heel andere aanpak. Op hun website wordt een verplichte registratie van gebruikers uitgevoerd voordat een bestelling wordt geplaatst.
Misschien komt dit doordat het bedrijf groot genoeg is, het veel vaste gebruikers heeft met een clubkaart, dus het registratieproces wordt niet als een barrière beschouwd.

(Fig. Log in door uw e-mailadres en wachtwoord in te voeren. Registreer door uw e-mailadres, postcode en clubkaartnummer in te voeren)

Ik denk dat deze aanpak een aantal willekeurige kopers kan afschrikken, dus we kunnen Tesco adviseren om te proberen een bestelling voor willekeurige sitegasten in te voeren en het resultaat te volgen.

John Lewis-bedrijf
Nog een geweldig voorbeeld van het bestellen van pagina-ontwerp. Er is geen vereiste voor verplichte registratie van alle gebruikers, en de pagina zelf biedt alle noodzakelijke contactgegevens voor het bedrijf en biedt een veilige orderbevestigingsfunctie (het plaatsen van de bestelling kan alleen worden voortgezet door de link te volgen die naar het e-mailadres is verzonden ):

(Fig. De gebruiker wordt gevraagd een e-mail in te voeren waarnaar een link voor verdere bestelling wordt verzonden)

Laarzen bedrijf
Eerder keken we al naar de website van het bedrijf “Boots”, waar verplichte registratie vóór het plaatsen van een bestelling een van de factoren kan zijn die de verkoopniveaus negatief beïnvloeden:

(Fig. Log in op het afrekensysteem via e-mail en wachtwoord of registreer u op de site voordat u begint met winkelen)

Amazon-bedrijf
Amazon dwingt gebruikers ook om zich te registreren voordat ze gebruikers naar de pagina sturen voor het plaatsen en berekenen van de kosten van een bestelling. Deze vereiste wordt echter heel voorzichtig gepresenteerd, dus het registratieproces lijkt geen belemmering te vormen voor verdere acties op de site.
De nieuwe bezoeker wordt gevraagd het adres in te voeren en op het radiopictogram te klikken om door te gaan met het plaatsen van de bestelling:

(Fig. De bezoeker wordt gevraagd een e-mailadres in te voeren en aan te geven of hij een nieuwe koper is (dan moet hij op de gele knop hieronder klikken) of al gebruik heeft gemaakt van Amazon-diensten (dan wordt er een wachtwoord ingevoerd)).

Hierna wordt u doorgestuurd naar de registratiepagina, wat niet veel tijd kost, omdat... uiterst eenvoudig:

(Fig. Nieuwe koper wordt gevraagd naam, e-mailadres, telefoonnummer (optioneel) en wachtwoord in te voeren).

Huis van Fraser Company

Ze hebben een heel eenvoudige afrekenpagina die geen enkele belemmering vormt voor het doen van een aankoop:

(Fig. Ze vragen u om in te loggen of door te gaan met het plaatsen van een bestelling als gast, waarbij in eerste instantie alleen uw e-mailadres wordt aangegeven).

Amerikaans kledingbedrijf

Het bedrijf American Apparel slaagde erin om op één pagina niet alleen informatie over bestellingen (boodschappenlijst) en de kosten ervan te plaatsen, maar ook de functie “inloggen met uw login” en een bestelling te plaatsen als gast.
Dit alles wordt echter zo "smakelijk" gedaan dat de koper helemaal niet in de war zal raken en niets hem van de aankoop zal afleiden:

(Fig. Een bestelling plaatsen: 1) lijst en kosten van de bestelling; 2) log in met uw login of geef als gast de bezorggegevens op)

Laten we het samenvatten
Het artikel bevatte een willekeurige selectie van betaalpagina's van verschillende commerciële websites om te laten zien hoe verschillend dit probleem kan worden benaderd.
In de meeste gevallen moeten alle bezoekers van verschillende bronnen dezelfde informatie invoeren, maar het is erg belangrijk om te weten hoe u de gebruiker correct kunt vragen om de benodigde informatie in te voeren en in welke volgorde u dit het beste kunt doen.

Als u bijvoorbeeld geen rekening houdt met het invoeren van het nummer van de clubkaart (wat sowieso optioneel is), vereisen formulieren voor het plaatsen en berekenen van de kosten van een bestelling van bedrijven als House of Fraser en Tesco dezelfde informatie. .

Alleen heeft Tesco met zijn implementatiestijl hier een barrière van gemaakt, terwijl House of Fraser geen obstakels opwerpt en alle gebruikers rechtstreeks naar de bestelpagina leidt zonder verplichte registratie. Welke tactiek is beter? Volgens mij is de tweede...

En onthoud altijd: als u wilt dat klanten bij u winkelen, werp dan geen barrières voor hen op.