Aktualisiert am 31-Jan-2018
Eine Seite Checkout war schon sehr lange in der Debatte. Die ganze Idee der vereinfachten Kaufabwicklung dreht sich um die Optimierung des Einkaufserlebnisses des Ladenbesuchers. Die Shopping-Site führt nur dann zu Conversions, wenn die Kunden ihre Transaktion mühelos abschließen können.
Wie kann eine Seite beim Auschecken Ihre Website optimieren?
Die Online-Käufer ziehen es vor, nur dann Einkäufe zu tätigen, wenn der Web-Shop einfach und mit minimalem Aufwand erreichbar ist. Hier sind einige der Möglichkeiten, wie diese Funktion die Einkaufswebsite optimieren und die Benutzererfahrung verbessern kann.
- Die meisten E-Marketer befürworten die Integration eines Single-Page-Checkouts, da es für die Kunden einfacher ist, ihre Transaktionen abzuschließen. Die Online-Käufer ziehen es vor, mit der Idee des Einzelseiten-Checkouts zu beginnen, da sie die Zeit beim erneuten Laden der Webseiten reduziert.
- Die Idee, Superpage-Checkout zu verwenden, ist überzeugender als die traditionelle Idee, bei der die Kunden von Seite zu Seite gesprungen werden müssen, um alle Details auszufüllen. Die E-Verkäufer können dem Kunden helfen, ihre Transaktion mit minimalem Aufwand abzuschließen. Obwohl die Anzahl der Felder fast gleich bleibt, können die Käufer die Länge des Formulars sehen, das noch ausgefüllt werden muss. Dies gibt ihnen eine psychologische Motivation, die Transaktion abzuschließen.
Es gibt Dutzende von Artikeln zu den Themen "Sollten Sie eine einseitige Kasse wählen?" "Pro und Contra von One Page Checkout" und so weiter. Die meisten dieser Artikel befassen sich effektiv mit den Nachteilen, aber es scheint, als hätten wir diese Nachteile propagiert, so als ob sie für immer da wären und nicht abgebaut werden können.
Stellen wir uns der Wahrheit, jede neue Einführung hat einige Nachteile. Nach und nach, mit der Entwicklung und Forschung, verblassen diese Nachteile mit Sicherheit.
In diesem Blog werde ich 3 solche Nachteile eines One-Page-Checkouts ansprechen, das wir aus unserem Blog entfernt haben Magento eine Seite Kasse Erweiterung und auch die PrestaShop Einseitiges Checkout-Modul. Die meisten dieser Nachteile waren nie in unserer Checkout-Erweiterung vorhanden, da wir uns während der Entwicklungs- und Testphase um sie kümmerten.
Eine Seite Check-out behobene Nachteile
1. So viele Details auf einer einzigen Seite? Es wird überlastet sein
Die meisten der Kassenseiten hatten dieses Problem, wenn sie in der Vergangenheit eingeführt wurden. Es war wirklich eine gewaltige Aufgabe, alles von einem mehrseitigen Check-out auf einer einzigen Seite anzupassen.
Die problematischste Herausforderung bestand darin, alle Checkout-Elemente auf einer einzigen Seite zu platzieren, und sie sollte auch eine vollständige Ansicht der gesamten Checkout-Seite bieten. Darüber hinaus sollten sich alle Checkout-Elemente wie Login, Lieferanschrift, Rechnungsanschrift, Zahlungsoptionen, Versandoptionen und Warenkorbüberprüfung nicht überschneiden und sollten sich auch nicht überschneiden.
Das haben wir uns ausgedacht:
Viele HTML-, CSS-, JS- und Ajax-Dateien wurden von unseren Designern so optimiert, dass alle Elemente übersichtlich und klar auf einer Seite angezeigt werden und die Ladezeit der Seite optimal bleibt. Dank all unserer Designer war auch noch genügend Platz, um die neue Version hinzuzufügen Soziale Login-Option mit Facebook und Google+ auf unserer Checkout-Seite.
2. Das Formular auf der Seite ist überlastet, es gibt keine Leerzeichen und die Verwendung von Etiketten ist nicht korrekt
Bei der Gestaltung der Formulare waren die wichtigsten Aspekte, nach denen wir suchten:
- Halten Sie die Formulare kompakt
- Alle notwendigen Felder sollten da sein
- Felder sollten richtige Leerzeichen enthalten
- Etiketten sollten die Benutzer nicht verwirren
- Der Administrator sollte auswählen können, welches Formularfeld er den Kunden auf der Seite anzeigen möchte.
Etiketten
Als Hauptanliegen erschienen hier Labels. Wenn wir die Beschriftungen neben den jeweiligen Feldern belassen würden, würde die horizontale Länge des Formulars sehr wenig Platz für die anderen Abschnitte auf der Seite bieten.
Wir haben auch über ein Formulardesign nachgedacht, bei dem wir die Labels überspringen und stattdessen Platzhalter verwenden würden. Etwas wie das:
Aber da gab es ein Problem. Bei wesentlich längeren Formularen wie Rechnungs- und Adressformularen würde der Kunde, wenn er einmal das Detail und später das Stadium füllt, wenn er sie erneut prüfen möchte, verwirrt werden, was diese Details tatsächlich sind. Da der Platzhalter beim Eintippen verschwindet und es auch kein Label gibt, bleibt immer eine Verwirrung, wenn meine Details richtig oder falsch sind.
Wir wollten nicht, dass Ihre Kunden in solch eine Verwirrung geraten und das Hauptziel eines Kaufs vergessen, deshalb lassen wir die Idee fallen. Sonst hätte es viel Platz sparen können.
Schließlich haben wir uns dazu entschieden, die Benutzererfahrung auf keinen Fall zu gefährden, und wir haben die Etikettenposition über den Feldern wie in diesem Bild gezeigt übernommen:
Es rettete den horizontalen Raum, den wir für andere Elemente benötigten, und half auch in einem anderen Feature, das unten diskutiert wurde.
Die notwendigen Felder
Nachdem wir uns mit der Platzierung der Etiketten beschäftigt hatten, war das Letzte, was uns in den Formen einen Alptraum bescherte, darin zu sehen, jedes notwendige Feld in das Formular aufzunehmen. Problem ist, der Begriff ist hier relativ relativ. Ein Formularfelder, das für einen Geschäftsinhaber notwendig ist, kann für den anderen nicht nützlich sein.
Beispiel: Die Umsatzsteuernummer und der Firmenname sind ein notwendiges Feld eines Geschäftsinhabers, der über ein B2B-Verkaufsgeschäft verfügt. Alle Ihre europäischen Geschäftskunden benötigen dieses Feld auch für die Einkäufe in Ihrem Geschäft. Auf der anderen Seite würde ein Ladenbesitzer, der direkt an die einzelnen Verbraucher verkauft, keine Felder wie Umsatzsteuernummer und Firmennamen verwenden.
Wie haben wir es gehandhabt?
Es war eine Zeit, unsere Checkout-Erweiterung ein wenig zu öffnen und den Ladenbesitzern einen einfachen, aber entscheidenden Entwicklungszugang zu geben. Wir fügen eine Funktion in unserem Modul hinzu, mit der der Administrator ein Feld leicht aus dem Checkout-Formular aktivieren, deaktivieren, hinzufügen und löschen kann. Auch das, ohne den Code zu bearbeiten. All dies kann über das Backend selbst erfolgen.
Wenn also eines der Felder für einen Geschäftsinhaber nicht verwendbar ist, kann er es einfach mit einem einfachen Klick ausblenden und speichern. Keine Notwendigkeit, die komplexen Magento oder PrestaShop Codes zu durchlaufen, um dies jetzt zu tun.
3. Häufiges Seiten-Reload beim Warenkorb-Update
Diese mehrseitigen Kassen haben eine spezielle Seite zum Bearbeiten der Einkaufswagen. Es war eine Herausforderung für uns, den Einkaufswagen auf der Checkout-Seite einzubinden. Kunden würden den Einkaufswagen häufig aktualisieren, indem sie die Produktanzahl erhöhen oder verringern und ein Produkt aus dem Einkaufswagen entfernen.
Alle diese Anforderungen erforderten ein erneutes Laden der Seite, um alle Details und Informationen zur Kaufabwicklung gemäß dem letzten Warenkorbstatus zu aktualisieren. Wenn ein Produkt aus dem Einkaufswagen entfernt wurde, mussten wir die Gesamtkosten, die Warenkorbproduktmenge, die Versandmethoden usw. aktualisieren.
Es wäre für die Kunden so irritierend geworden, wenn die Checkout-Seite hin und wieder nachladen würde. Diese Herausforderung wird von jeder einseitigen Checkout-Entwicklung bewältigt. Es ist uns jedoch gelungen, das Problem mit dem Ajax-basierten Einkaufswagen zu beheben und eine Aktualisierungsanforderung zu erstellen.
Nun, mit Ajax Einkaufswagen und Updates, wenn ein Kunde etwas in den Warenkorb ändert, werden alle abhängigen Details automatisch aktualisiert, ohne die gesamte Kassenseite neu zu laden. Sogar der Kunde kann einen Gutscheincode auf den Einkaufswagen anwenden und die Seite würde den Gutschein validieren, ohne erneut geladen zu werden.
So haben wir diese Probleme in unserer Checkout-Erweiterung gelöst. Sie können eine kostenlose Demo haben, um alle diese Funktionen der Erweiterung zu erleben. Kostenlose Demo-Seite zum Auschecken Magento und PrestaShop und OpenCart.
Diese Funktionalität kann zu einer Prestashop-Site mit Hilfe von Prestashop One-Page-Super-Checkout-Addon hinzugefügt werden. Die gleichen Erweiterungen sind auch für Magento, OpenCart und andere eCommerce-Plattformen verfügbar. Egal, ob Sie das Prestashop-Addon, die Magento-Erweiterung oder das OpenCart-Plugin verwenden, es ermöglicht den Kunden, ihre Transaktion abzuschließen und das Produkt auf derselben Seite zu kaufen. Es ist eine der besten Funktionen, um die Ausstiegsrate auf der Kassenseite zu reduzieren. Die Kunden sind verärgert, wenn sie zu einem langen Kaufprozess umgeleitet werden, um den Einkauf abzuschließen. So sorgt eine einseitige Kasse dafür, dass die Kunden den Kauf abschließen können, indem sie alle notwendigen Details in einer einzigen Seite ablegen und den Kunden eine einfache Möglichkeit bieten, den Kauf abzuschließen.
Sie konnten auch mögen:
- Beginn einer neuen Ära des Easy-Checkout-Prozesses mit der Einführung des Supercheckout Lite-Moduls von Magento One Page
- Genießen Sie ein neues Online-Shopping-Erlebnis mit dieser Superset-Erweiterung von Magento One
- Mit diesem Magento One Page Supercheckout-Plugin können Sie alle Fragen rund um die Kasse vergessen
- Wie kann One Page Checkout Ihren Checkout-Prozess verbessern?
- Warum benötigen Sie eine Magento Checkout-Erweiterung für eine Seite?