KnowBands One Page Checkout machte es einfach: Die CEP Sport-Website blüht in Dänemark

One Page Checkout ist eine intelligente Methode, um alle Felder auf einer Seite zusammenzufassen und dem Kunden in einem eleganten und übersichtlichen Format zu präsentieren. Es ist wie eine Box, die Ihr Zubehör separat, aber zusammen aufbewahrt. CEP Sport, ein in Dänemark ansässiges Unternehmen, hat das One Page Checkout-Modul zu seiner Website hinzugefügt und es auf eine gut gestaltete Weise konfiguriert. Die Anpassung des Layouts ist recht einfach und das Hinzufügen des Fortschrittsbalkens hält den Benutzer beschäftigt. In diesem Artikel wird beschrieben, wie schön Sie die Checkout-Seite mit dem One Page Checkout-Modul erstellen und auf Ihrer E-Commerce-Website dasselbe implementieren können, wie es CEP Sport gerade auf seiner Website getan hat.

Was ist CEP Sport?

CEPsport.net ist ein Distributor der deutschen Marke CEP und wird von SportSupport ApS betrieben. CEP hat die beste Sportbekleidung auf dem Markt in Bezug auf Design, Ausstattung und Kompression. Sie sind sogar Sportler, die es genießen, sich bewegen zu können. Es wird von den modernsten Sportprodukten auf dem Markt gut unterstützt.

Implementierung des One Page Checkout-Moduls auf der CEP Sport-Website

Von der Produktseite bis zur Checkout-Seite erfordert jedes E-Commerce-Website-Design die beste Benutzeroberfläche und Benutzeroberfläche. Es ist wichtig, die Zielseite zu optimieren, aber es ist wichtiger, eine Checkout-Seite zu haben, die nicht zur Aufgabe des Einkaufswagens führt. CEP Sport hat das One Page Checkout-Modul von KnowBand als Checkout-Seite ausgewählt und wir freuen uns, dass sie unserem Modul für die beste Checkout Page-Lösung vertraut haben. One Page Checkout verfügt über mehrere Funktionen, die es unter den anderen verfügbaren Optionen am besten machen. -> Besuchen Sie den CEP Sports Store und sehen Sie sich das Design der Checkout-Seite selbst an: Hier klicken

Es verfügt über ein 3-Spalten-Layout mit einem benutzerdefinierten Layout-Design

Die Checkout-Seite von CEP Sport ist dreispaltig gestaltet und das Modul bietet Anpassungsfunktionen für das Layout. Wie kann das Layout angepasst werden? Hier können Sie ein Layout-Design auswählen (3-spaltig, 1-spaltig, 2-spaltig). Außerdem können Sie die Felder mischen und per Drag & Drop neu positionieren. In der Abbildung unten sehen Sie, dass die Checkout-Seite angepasst wurde und von CEP Sport entsprechend ihren Anforderungen gestaltet wurde.

Einkaufswagen CTA

Um zur Checkout-Seite zu gelangen, ist es wichtig, dass die CTA-Schaltflächen (Call-to-Action) deaktiviert sind. Die Website enthält ordnungsgemäße CTAs.

Kunden können zur Checkout-Seite wechseln, indem sie auf die Schaltfläche “Weiter zur Zahlung” klicken. Dadurch werden sie zur One-Page-Checkout-Seite weitergeleitet.

Login, Guest Checkout, Neuanmeldung

Sobald der Kunde die Checkout-Seite erreicht hat, muss er sich registrieren und wenn er in Eile ist, dann Gast Kasse ist ebenfalls verfügbar. One Page Checkout bietet drei Optionen:

  1. Melden Sie sich per E-Mail an
  2. Gast Kasse
  3. Registrieren Sie sich als neuer Benutzer

Melden Sie sich an und registrieren Sie sich mit dem Social Media-Konto

Registrierung mit einem Social Media Account wie Facebook ist sehr praktisch und man muss sich nicht für jede E-Commerce-Site das Passwort merken. Wenn sich ein Kunde über Facebook registriert, muss er nur die Lieferadresse angeben. Und der Checkout-Prozess ist sortiert! Nach der Registrierung kann die Anmeldung durch Eingabe der E-Mail-Adresse und des Passworts erfolgen oder von einem Benutzer Login von Facebook Konto. Mit nur einem Klick sind Sie fertig!

Ich bin obligatorisch* und Sie haben gerade die falschen Angaben gemacht

Die Pflichtfelder können mit dem Sternchen (*). Außerdem wurden sofort die Fehler angezeigt, die ein Benutzer beim Ausfüllen des Formulars gemacht hat, was als Inline-Validierung bezeichnet wird.

Liefer- und Zahlungsmethoden

Der Single Page Checkout der CEP Sport-Website bietet verschiedene Versandoptionen und Zahlungsgateways. Zusammen mit jeder Versandart werden zusätzliche Gebühren (falls zutreffend) angezeigt. Es ist auch möglich, ein bestimmtes Zahlungsgateway mit einer bestimmten Versandart anzugeben.

Der Fortschrittsbalken zeigt den Erfolg des Benutzers an

Dies hilft dem Kunden, den Registrierungsfortschritt zu messen. Wenn Sie der Meinung sind, dass dies nicht erforderlich ist, sollten Sie wissen, dass ein menschliches Gehirn besser funktioniert, wenn es weiß, wie viel Arbeit noch übrig ist.

Aktualisieren Sie die Produktmenge auf der Checkout-Seite

Ein weiteres Merkmal, das den Kunden zur Wahl stellt, ist die Option zur Mengenaktualisierung. Mit One Page Checkout können Kunden die Produktmenge auf der Checkout-Seite selbst aktualisieren.

Fügen Sie ein zusätzliches Feld hinzu, um weitere Informationen zu sammeln

Wenn ein Kunde einen Kommentar zur Bestellung hinzufügen möchte, hat er ein zusätzliches Feld dafür. Der Administrator kann auf der Checkout-Seite benutzerdefinierte Felder hinzufügen, um Informationen vom Kunden zu sammeln, die während des E-Mail-Marketings für personalisierte E-Mails verwendet werden können.

Da alle Informationen vom Kunden oder vom Gastbesucher korrekt hinzugefügt werden. Jetzt kann er / sie die Bestellung aufgeben!

Warum benötigen Sie One Page Checkout in Ihrem Online-Shop?

Wir hatten eine erfolgreiche Tour durch den One Page Checkout der CEP Sport-Website. Jetzt ist es an der Zeit, den Wert einer einzelnen Seitenüberprüfung gegenüber der auf eCommerce-Plattformen verfügbaren Standardüberprüfung mehrerer Seiten zu verstehen. Das Auschecken auf einer Seite scheint einfacher zu sein, da alle Felder auf einer einzelnen Seite vor dem Ausfüllen des Formulars angezeigt werden. Guest Checkout- und Social Media-Anmeldeoptionen sind bewährte Methoden, die die Registrierung im Online-Shop erhöhen. Auf der Registerkarte “Statistikanalyse” werden die Conversion-Rate und die Absprungrate der Checkout-Seite angezeigt. Mehrere Funktionen machen die Einseitiges Checkout-Modul Die erste Wahl des Kunden für die Checkout-Seite. Der ausführliche Artikel über Mehrseitige Kaufabwicklung vs. einseitige Kaufabwicklung kann dies besser erklären.

Admin Demo von One Page Checkout

Frontend-Demo von One Page Supercheckout

Benutzerhandbuch

Unterstützung

Das KnowBand-Team steht Ihnen jederzeit mit E-Commerce-Lösungen zur Verfügung. Wir haben über 100 Module für E-Commerce-Plattformen wie OpenCart, PrestaShop, Magento, WooCommerce und Shopify. Besuch KnowBand Speichern, um mehr zu entdecken. Kontaktieren Sie uns unter support@knowband.com und besprechen Sie Ihre Website-Anforderungen mit unseren Experten.

Wie erstelle ich ein benutzerdefiniertes Layout für CMS-Seiten in Magento 2?

In diesem Artikel erfahren Sie, wie Sie ein benutzerdefiniertes CMS-Seitenlayout für unsere CMS-Seiten erstellen. Wir erstellen ein benutzerdefiniertes Layout mit dem Namen Knowband-Layout.

Magento bietet das folgende Layout: -> Leer -> 1-Spalte -> 2-Spalten mit linker Leiste -> 2-Spalten mit rechter Leiste -> 3-Spalten Wenn Sie Ihr eigenes Layout für die cms-Seiten oder einige bestimmte Seiten erstellen möchten, dann Sie müssen sich auf die folgenden Schritte konzentrieren:

Schritt 1:

Erstellen Sie die Datei <Herstellername> / <Modulname> /view/frontend/page_layout/kb_layout.xml. Diese Datei definiert das Design Ihres benutzerdefinierten Layouts.

<? xml version = "1.0" encoding = "UTF-8"?> <layout xmlns: xsi = "https://www.w3.org/2001/XMLSchema-instance" xsi: noNamespaceSchemaLocation = "urn: magento: framework : View / Layout / etc / page_layout.xsd "> <update handle =" empty "/> <! - Sie können das Handle wie 2columns-left oder 3columns etc ändern -> <referenceContainer name =" page.wrapper "> <container name = "header.container" as = "header_container" label = "Seitenkopfcontainer"

Schritt 2:

Erstellen Sie <Herstellername> / <Modulname> /view/frontend/layouts.xml. Diese Datei registriert das benutzerdefinierte Layout. <? xml version = "1.0" encoding = "UTF-8"?> <page_layouts xmlns: xsi = "https://www.w3.org/2001/XMLSchema-instance" xsi: noNamespaceSchemaLocation = "urn: magento: framework : View / PageLayout / etc / layouts.xsd "> <layout id =" kb_layout "> <label translate =" true "> Wissenslayout </ label> </ layout> </ page_layouts>

Löschen Sie nach dem Erstellen dieser beiden Dateien den Cache, und Ihr benutzerdefiniertes Layout wird der Layoutliste hinzugefügt. Sie können Ihr benutzerdefiniertes Layout auf der Admin-Seite unter Content-> Pages -> Add New Page -> Design überprüfen

Vielen Dank für diese zu lesen.


Einseitige Kaufabwicklung für E-Commerce-Shops. Ist dies eine Komplettlösung für alle Ihre Probleme?

Hier bei Knowband erhalten wir Fragen von all unseren Kunden, die ihre Checkout-Conversion-Rate erhöhen möchten, falls sie zu einer einseitigen Checkout-Option wechseln sollten.

Ihr Ziel mit der Frage ist einfach; Sie möchten Erhalten Sie mehr Conversions für Check-out-Seiten, weniger Wagenabbruch und mehr Umsatz. Wir antworten, indem wir immer sagen: “Es kommt darauf an”. Für die meisten Kunden ist es manchmal überraschend, diese Antwort zu hören. Da verkaufen wir a einseitige Checkout-Erweiterungund immer noch keinen Verkauf an sie. Vielleicht erwarten sie eine Antwort wie “Ja, es ist das Beste. Sie sollten unsere einseitige Kasse verwenden”. Ich wünschte, es wäre so einfach. Wir stellen unsere Lösung nicht mit verbundenen Augen auf, sondern empfehlen ihnen etwas, das ihnen hilft, zu verstehen, ob ihr Problem durch einfaches Installieren des einseitigen Checkout-Moduls gelöst werden kann. Lassen Sie uns einfach eine Pause einlegen und einige Vor- und Nachteile der einstufigen Kaufabwicklung untersuchen und dann entscheiden, ob eine einseitige Kaufabwicklung einfach eine Komplettlösung für alle Ihre Probleme ist.

Der missverstandene Teil der einseitigen Checkout-Lösung

Also, welches sollten Sie berücksichtigen, Einseitige Kasse oder mehrseitige Kasse? »Eine ehrliche Antwort wäre beides. Eine einseitige Kaufabwicklung kann unter den richtigen Bedingungen und bei ordnungsgemäßer Implementierung sehr effektiv sein. Sie müssen sicherstellen, dass die allgemeinen Probleme einer einseitigen Kaufabwicklung behoben und effektiv behandelt werden. Die richtigen Bedingungen für die Entscheidung über den richtigen Checkout-Prozess für Ihr Unternehmen können von folgenden Aspekten abhängen:

  • Nische
  • Kundenangebote
  • Kostenpunkt
  • Produkttyp
  • Schmerzpunkte und
  • Lösungen

Zum Beispiel, wenn Sie es sind Verkauf von Luxusartikeln Wenn Sie aufgrund des hohen Preises bereits weniger Umsatz erzielen und eine treue Basis alter Kunden haben, ist eine mehrseitige Kaufabwicklung hier die bessere Wahl. Es führt die Benutzer durch den Checkout-Prozess und konvertiert besser. Auf der anderen Seite, wenn Sie nicht teure Artikel verkaufen, bei denen es mehr Verkäufe gibt, und Sie auch bietet kostenlosen Versand Optionen, dann wäre eine einseitige Checkout-Lösung hier effektiver. Dies ist schnell, bietet eine schnellere Möglichkeit, die Produkte im Warenkorb zu überprüfen, die kostenlose Versandoption sofort anzuzeigen und dem Käufer die Zahlung direkt auf derselben Seite zu ermöglichen.

Führen Sie A / B-Tests durch, um die beste Lösung für die Checkout-Seite zu finden

Dies sind nur Beispiele für zwei einfache Fälle. Der beste Weg, um herauszufinden, welche Option für Sie am besten geeignet ist, ist das Testen, Analysieren, Testen und Iterieren. A / B-Tests können sehr hilfreich sein, wenn Sie beide Arten der Kaufabwicklung (dh einseitige Kaufabwicklung und mehrstufige Kaufabwicklung) gleichzeitig testen und feststellen können, welche Ihren Kunden besser gefällt. Seien Sie beim Testen vorsichtig, denn hier treten Sie gegen die Besten an. Sie würden nicht die richtigen Ergebnisse erzielen, wenn Sie eine gut optimierte einseitige Kaufabwicklung mit einer überfüllten und unorganisierten mehrstufigen Kaufabwicklung vergleichen würden. Testen Sie also immer einen Apfel mit einem anderen Apfel. Eine einfache Empfehlung wäre, zunächst die aktuelle mehrseitige Kaufabwicklung so weit wie möglich zu optimieren. Sobald Sie die mehrstufige Kaufabwicklung vollständig optimiert haben, vergleichen Sie sie mit einer gut optimierten Kaufabwicklung, indem Sie sie testen. Dies gibt Ihrer mehrseitigen Kaufabwicklung eine faire Chance, oder die einseitige Kaufabwicklungslösung überschattet sie immer.

Einseitige Kassen haben standardmäßig noch einige Vorteile

  • Das Auschecken auf einer Seite ist schnell, da sich alles auf einer einzigen Seite befindet.
  • Kunden müssen nur ein paar Schritte für eine einseitige Checkout-Lösung ausführen.
  • Gut optimierte Kassen bieten die Option zur Überprüfung des Warenkorbs auf derselben Seite.
  • Die Auswahl der Versandoptionen ist auf derselben Seite im einseitigen Checkout-Modul verfügbar.
  • Die einseitige Kaufabwicklung bietet Zahlungsoptionen auf derselben Seite.
  • Einige erweiterte Kassen bieten auch soziale Anmeldeoptionen.

Funktionen, nach denen Sie bei der Auswahl einer One-Page-Checkout-Lösung suchen müssen

Optimierung ist eine solche Sache, die eine Checkout-Seite von einer anderen Checkout-Lösung unterscheidet. Unabhängig davon, ob es sich um eine mehrstufige Kaufabwicklung oder eine einseitige Kaufabwicklung handelt, muss diese gut optimiert werden. Sie können nicht alle Probleme mit der Checkout-Seite lösen, indem Sie sie einfach auf einer einzigen Seite zusammenfassen. Sie müssen es noch optimieren für Fragen der Wagenabgabe. Eine echte einseitige Kaufabwicklung, die entwickelt wurde, um das Verlassen der Kaufabwicklungsseite einzudämmen, muss folgende Probleme lösen:

Länge- Die Länge des Bestellvorgangs hängt nicht nur von der Anzahl der Seiten ab, sondern auch von der Anzahl der Details, die ein Kunde eingeben muss, um den Vorgang abzuschließen. Stellen Sie sicher, dass Ihre einseitige Kaufabwicklung die Kunden nicht auffordert, unnötige und redundante Details einzugeben. Sie können die obligatorischen und optionalen Felder trennen. Sie können beispielsweise die Größe des Rechnungs- oder Versandadressformulars reduzieren, indem Sie unnötige Felder wie Faxnummer, Personen von der Telefon- oder Handynummer usw. entfernen.

Warenkorb Überprüfung und Update- Was den meisten einseitigen Checkout-Lösungen fehlt, ist die Option für Kunden, ihren Warenkorb zu überprüfen und die Produktmenge auf der Checkout-Seite zu aktualisieren. Es gibt jedoch Erweiterte einseitige Checkout-Lösungen Das bietet die Optionen für die Überprüfung und Aktualisierung des Warenkorbs. Stellen Sie also sicher, dass Ihre einstufige Kaufabwicklung diese Funktion bietet.

Gästekasse: Gastkasse ist ein wichtiges Merkmal. Wenn Sie an beiden Kassen (dh an einer einstufigen Kasse oder an einer mehrseitigen Kasse) keine Option zum Auschecken von Gästen bereitstellen, verlieren Sie möglicherweise etwas Geschäft. Stellen Sie also sicher, dass Sie unabhängig von der von Ihnen gewählten Checkout-Option den Gast-Checkout anbieten.

Social Login: Soziale Anmeldeoption ist eher ein Wettbewerbsvorteil als eine Optimierung. Wenn Sie Ihre Kunden nicht unbedingt auffordern, ein Konto zu erstellen und einen Gast-Checkout anzubieten, ist dies eine Optimierung. Wenn Sie ihnen jedoch erlauben, sich mit ihrem Facebook- oder Google-Konto anzumelden oder anzumelden, ist dies ein Wettbewerbsvorteil. Unser einseitiger PrestaShop-Checkout bietet eine soziale Anmeldung über Facebook und Google, damit Sie Ihren Checkout-Prozess optimal nutzen können.

Unübersichtliches Design: Was die meisten Händler beim Wechsel zur einseitigen Kaufabwicklung verfolgt, ist das Designproblem. Eine einseitige Kaufabwicklung, in der der gesamte Kaufabwicklungsprozess auf einer einzelnen Seite untergebracht ist, wirkt mit größerer Wahrscheinlichkeit überlastet und überladen. Daher müssen Sie sicherstellen, dass Ihre Checkout-Seite nicht nur zu Ihrem Design passt, sondern auch über genügend Leerzeichen verfügt, um jedes Element und jeden Abschnitt zu trennen. Zum Beispiel wäre es kein schönes Aussehen, wenn der Versandbereich den Zahlungsbereich oder einen anderen Abschnitt der Seite überlappt.

Wir haben unser Bestes versucht

Wir haben unser Bestes versucht, um unsere einseitigen Checkout-Module für zu optimieren Magento, OpenCartund PrestaShop auf die bestmögliche Weise. Wir haben alle Optionen aufgenommen, die im vorherigen Punkt erwähnt wurden. Darüber hinaus haben wir versucht, das bestmögliche übersichtliche Design zu erzielen.

KAUFEN wie wir alle einseitigen Checkout-spezifischen Probleme in unseren Checkout-Modulen beseitigt haben.

Wir sagen nicht, dass eine einseitige Kaufabwicklung eine Lösung für alle Ihre Probleme mit der Kaufabwicklungsseite aus einer Hand darstellt. Eine gut optimierte Ein-Schritt-Kaufabwicklung kann jedoch immer die Oberhand gewinnen. Optimieren Sie Ihre mehrstufige Kaufabwicklung im bestmöglichen Umfang und testen Sie sie anschließend mit der einseitigen Kaufabwicklungslösung. Die Ergebnisse stellen sicher, dass Sie die beste Kaufabwicklung haben, unabhängig davon, ob es sich um eine einseitige oder mehrseitige Kaufabwicklung handelt. Wählen Sie immer das Beste für Ihre Marke.

Mochte dies? Sie werden auch diese mögen