Le paiement en une seule page de KnowBand a simplifié les choses: le site Web CEP Sport prospère au Danemark

One Page Checkout est un moyen intelligent de mettre tous les champs sur une seule page et de la présenter au client dans un format élégant et clair. C’est comme une boîte conçue pour garder vos accessoires séparément mais ensemble. Une société basée au Danemark, CEP Sport a ajouté le module de paiement en une page à son site Web et l’a configuré de manière bien conçue. La personnalisation de la mise en page est assez simple et l’ajout de la barre de progression maintient l’utilisateur engagé. Cet article décrit à quel point vous pouvez créer la page de paiement avec le module de paiement en une page et implémenter la même chose sur votre site Web de commerce électronique comme CEP Sport vient de le faire sur son site Web.

Qu’est-ce que CEP Sport?

CEPsport.net est un distributeur de la marque allemande CEP et est exploité par SportSupport ApS. CEP propose les meilleurs vêtements de sport du marché en termes de design, de fonctionnalité et de compression. Ce sont même des athlètes qui aiment pouvoir bouger. Il est bien soutenu par les produits de sport les plus avancés du marché.

Mise en œuvre du module One Page Checkout dans le site Web du CEP Sport

De la page du produit à la page de paiement, chaque conception de site Web de commerce électronique nécessite la meilleure interface utilisateur et UX. Il est important d’optimiser la page de destination, mais plus nécessaire d’avoir une page de paiement qui ne s’ajoute pas à l’abandon du panier. CEP Sport a choisi le module One Page Checkout de KnowBand pour sa page de paiement et nous sommes heureux qu’ils aient fait confiance à notre module pour la meilleure solution de page de paiement. One Page Checkout a plusieurs fonctionnalités qui le rendent meilleur parmi les autres choix disponibles. -> Visitez CEP Sports Store et jetez un œil à leur conception de page de paiement par vous-même: cliquez ici

Il a une disposition à 3 colonnes avec une conception de disposition personnalisée

La page de paiement de CEP Sport a une conception de mise en page à 3 colonnes et le module fournit des fonctionnalités de personnalisation pour la mise en page. Comment la mise en page peut-elle être personnalisée? Il vous permet de choisir un modèle de mise en page (1 colonne, 2 colonnes, 3 colonnes). Et, vous pouvez mélanger les champs et les repositionner avec la fonctionnalité glisser-déposer. Dans l’image ci-dessous, vous pouvez voir que la page de paiement est personnalisée et que CEP Sport l’a conçue en fonction de leurs besoins.

CTA du panier

Pour accéder à la page de paiement, il est important d’avoir des boutons CTA (Call-to-action) clairs. Le site Web est incorporé avec des CTA appropriés.

Les clients peuvent accéder à la page de paiement en cliquant sur le bouton «Procéder au paiement» et il les redirigera vers One Page Checkout.

Connexion, vérification des invités, nouvelle inscription

Une fois que le client a atteint la page de paiement, il doit s’inscrire et s’il est pressé, alors Invité Commander est également disponible. Le paiement en une page comporte trois options:

  1. Connectez-vous par e-mail
  2. Invité Commander
  3. S’inscrire en tant que nouvel utilisateur

Connectez-vous et inscrivez-vous avec un compte de médias sociaux

Inscription avec un compte de médias sociaux comme Facebook est assez pratique et il n’est pas nécessaire de se souvenir du mot de passe de chaque site de commerce électronique. Si un client s’inscrit via Facebook, il lui suffit de fournir l’adresse de livraison. Et, le processus de paiement est trié! Après l’enregistrement, la connexion peut être effectuée en entrant l’adresse e-mail et le mot de passe ou un utilisateur peut connexion par Facebook Compte. Juste un clic et vous avez terminé!

Je suis obligatoire* et tu viens de remplir les mauvais détails

Les champs obligatoires peuvent être mis en évidence avec la marque astérisque (*). En outre, il a immédiatement indiqué les erreurs commises par un utilisateur lors du processus de remplissage du formulaire, appelé validation en ligne.

Modes de livraison et de paiement

Le paiement en une seule page du site Web du CEP Sport propose plusieurs options d’expédition et passerelles de paiement. Avec chaque méthode d’expédition, des frais supplémentaires (le cas échéant) sont affichés. Il est également possible de spécifier une passerelle de paiement particulière avec un mode d’expédition spécifique.

La barre de progression montre le succès de l’utilisateur

Cela aide le client à mesurer la progression de l’enregistrement. Si vous pensez que ce n’est pas nécessaire, sachez qu’un cerveau humain fonctionne mieux s’il sait combien de travail il reste.

Mettre à jour la quantité de produit sur la page de paiement

Une autre caractéristique qui en fait le choix du client est l’option de mise à jour de la quantité. One Page Checkout permet aux clients de mettre à jour la quantité de produit sur la page de paiement elle-même.

Ajoutez un champ supplémentaire pour collecter plus d’informations

Si un client souhaite ajouter un commentaire sur la commande, il dispose d’un champ supplémentaire pour la même chose. L’administrateur peut ajouter des champs personnalisés dans la page de paiement pour collecter des informations sur le client qui peuvent être utilisées lors du marketing par e-mail pour un e-mail personnalisé.

Puisque toutes les informations sont ajoutées correctement par le client ou le visiteur invité. Maintenant, il / elle peut passer la commande!

Pourquoi avez-vous besoin d’un paiement en une page dans votre boutique en ligne?

Nous avons eu une visite réussie du site Web de CEP Sport One Page Checkout. Maintenant, il est temps de comprendre la valeur d’un paiement sur une seule page par rapport au paiement par défaut de plusieurs pages disponible sur les plates-formes de commerce électronique. La vérification d’une page semble être plus simple car elle affiche tous les champs sur une seule page avant le processus de remplissage du formulaire. Les options de paiement des invités et de connexion aux réseaux sociaux sont des méthodes éprouvées qui augmentent les inscriptions sur la boutique en ligne. Il a un onglet d’analyse des statistiques qui montre le taux de conversion et le taux de rebond de la page de paiement. Plusieurs caractéristiques font du Module de paiement d’une page le premier choix du client pour la page de paiement. L’article détaillé sur Paiement sur plusieurs pages et paiement sur une page peut mieux expliquer cela.

Démo AdminPaiement d’une page

Démo Front EndSupercheckout d’une page

Manuel de l’utilisateur

Assistance

L’équipe KnowBand est toujours disponible pour vous aider avec des solutions de commerce électronique. Nous avons plus de 100 modules disponibles pour les plates-formes de commerce électronique telles que OpenCart, PrestaShop, Magento, WooCommerce et Shopify. Visite KnowBand Boutique pour en savoir plus. Contactez-nous au support@knowband.com et discutez des besoins de votre site Web avec nos experts.

Comment créer une mise en page personnalisée pour les pages CMS dans Magento 2?

Dans cet article, nous allons apprendre à créer une mise en page de pages CMS personnalisée pour nos pages cms. Nous allons créer une mise en page personnalisée nommée Disposition de la bande de connaissance.

Magento nous fournit la présentation suivante: -> Vide -> Colonne 1 -> Colonnes 2 avec barre de gauche -> Colonnes 2 avec barre de droite -> Colonnes 3 Si vous souhaitez créer votre propre présentation personnalisée pour les pages cms ou certaines pages spécifiques, vous devez vous concentrer sur les étapes suivantes:

Étape 1 :

Créez le fichier <Nom du fournisseur> / <Nom du module> /view/frontend/page_layout/kb_layout.xml. Ce fichier définira la conception de votre mise en page personnalisée.

<? xml version = "1.0" encoding = "UTF-8"?>> layout xmlns: xsi = "https://www.w3.org/2001/XMLSchema-instance" xsi: noNamespaceSchemaLocation = "urn: magento: framework : Affichage / Présentation / etc / page_layout.xsd "> <update handle =" empty "/> <! - vous pouvez modifier le descripteur comme 2columns-left ou 3columns, etc. -> <referenceContainer name =" page.wrapper "> <nom du conteneur = "header.container" as = "header_container" label = "Conteneur d'en-tête de page"

Étape 2 :

Créez <Nom du fournisseur> / <Nom du module> /view/frontend/layouts.xml. Ce fichier enregistrera la mise en page personnalisée. <? xml version = "1.0" encoding = "UTF-8"?> <page_layouts xmlns: xsi = "https://www.w3.org/2001/XMLSchema-instance" xsi: noNamespaceSchemaLocation = "urn: magento: infrastructure : Voir / PageLayout / etc / layouts.xsd "> <layout id =" kb_layout "> <label translate =" true "> Disposition de la bande de connaissance </ label> </ layout> </ page_layouts>

Après avoir créé ces deux fichiers, effacez le cache et votre mise en page personnalisée sera ajoutée à la liste des mises en page. Vous pouvez vérifier votre mise en page personnalisée côté administrateur dans Contenu-> Pages -> Ajouter une nouvelle page -> Conception

Merci d'avoir lu cela.


Paiement en une page pour les magasins de commerce électronique, est-ce une solution unique pour tous vos problèmes?

Ici, à Knowband, nous recevons des questions de tous nos clients qui cherchent à augmenter leur taux de conversion de paiement, s’ils doivent passer à un paiement en une page?

Leur but avec la question est simple; ils veulent obtenir plus de conversions de page de paiement, moins d’abandon de panier et plus de ventes. Nous répondons en disant toujours ceci: “Cela dépend”. La plupart des clients sont parfois surpris d’entendre cette réponse. Comme nous vendons unExtension de paiement d’une page, et ne leur propose toujours pas de vente. Peut-être qu’ils attendent une réponse comme “Oui, c’est le meilleur. Vous devriez utiliser notre page de paiement”. J’aurais aimé que ce soit aussi simple. Nous ne présentons pas notre solution avec les yeux bandés, mais nous leur recommandons quelque chose qui les aidera à comprendre si leur problème peut être résolu en installant simplement le module de paiement d’une page. Prenons juste une pause et inspectons quelques avantages et inconvénients du paiement en une étape, puis décidons si un paiement en une page est simplement une solution tout-en-un pour tous vos problèmes?

La partie mal comprise de la solution de paiement en une page

Alors, lequel devriez-vous considérer, Paiement d’une page ou paiement de plusieurs pages? Une réponse honnête serait les deux. Un paiement d’une page peut être vraiment efficace dans les bonnes conditions et avec une mise en œuvre appropriée. Vous devez vous assurer qu’il résout les problèmes courants liés au paiement d’une page et les a traités efficacement. Les bonnes conditions pour décider du bon processus de paiement pour votre entreprise peuvent dépendre d’aspects tels que:

  • Niche
  • Clients
  • Point de prix
  • type de produit
  • Points de douleur et
  • Solutions

Par exemple, si vous êtes vendre des articles de luxe qui reçoivent déjà moins de ventes en raison du prix élevé et que vous avez une base fidèle d’anciens clients, alors un paiement multi-pages est un meilleur choix ici. Il guidera les utilisateurs tout au long du processus de paiement et permettra une meilleure conversion. D’autre part, si vous vendez des articles non chers là où il y a plus de ventes et que vous êtes également offrant la livraison gratuite options, alors une solution de paiement en une page serait plus efficace ici. Ce sera rapide, offrira un moyen plus rapide d’examiner les produits dans le panier, affichera immédiatement l’option de livraison gratuite et permettra à l’acheteur d’effectuer le paiement directement sur la même page.

Effectuez des tests A / B pour la meilleure solution de page de paiement

Ce ne sont là que l’exemple de deux cas simples. Cependant, le meilleur moyen de savoir quelle option vous convient le mieux est de tester, analyser, tester et itérer. Les tests A / B peuvent être très utiles, car vous pouvez tester les deux types de paiement (par exemple, paiement sur une page et paiement en plusieurs étapes) en même temps et voir celui qui plaît le mieux à vos clients. Soyez prudent lors des tests, car ici vous opposerez les meilleurs aux meilleurs. Vous n’obtiendrez pas les bons résultats si vous compariez un paiement d’une page bien optimisé à un paiement en plusieurs étapes encombré et non organisé. Alors, testez toujours une pomme avec une autre pomme. Une simple recommandation serait d’optimiser d’abord le paiement actuel de plusieurs pages dans la mesure du possible. Une fois, vous avez entièrement optimisé le paiement en plusieurs étapes, puis comparez-le avec un paiement bien optimisé en les testant. Cela donnera une chance équitable à votre paiement de plusieurs pages, sinon la solution de paiement en une page l’éclipsera toujours.

Les paiements en une page présentent toujours certains avantages par défaut

  • Le paiement d’une page est rapide puisque tout est sur une seule page.
  • Les clients ne doivent effectuer que quelques étapes avec une solution de paiement en une page.
  • Les caisses bien optimisées offrent l’option de révision du panier sur la même page.
  • La sélection des options d’expédition est disponible sur la même page dans le module de paiement d’une page.
  • Le paiement en une page offre des options de paiement sur la même page.
  • Certaines caisses avancées offrent également des options de connexion sociale.

Fonctionnalités à rechercher lors de la sélection d’une solution de paiement en une page

L’optimisation est l’une de ces choses qui différencie une page de paiement d’une autre solution de paiement. Que vous parliez d’un paiement en plusieurs étapes ou d’un paiement d’une page, il doit être bien optimisé. Vous ne pourrez pas résoudre tous les problèmes de la page de paiement en la consolidant simplement sur une seule page; vous devrez toujours l’optimiser pour problèmes d’abandon de chariot. Un véritable paiement d’une page développé pour freiner les abandons de page de paiement doit résoudre les problèmes comme ceux-ci:

Longueur-La longueur du processus de paiement ne dépend pas seulement du nombre de pages, mais du nombre de détails qu’un client doit remplir pour le compléter. Assurez-vous que votre paiement d’une page ne demande pas aux clients de remplir des détails inutiles et redondants. Vous pouvez séparer les champs obligatoires et facultatifs. Par exemple, vous pouvez réduire la taille du formulaire d’adresse de facturation ou de livraison en supprimant les champs inutiles tels que le numéro de fax, n’importe qui sur le téléphone ou le numéro de portable, etc.

Examen et mise à jour du panierCe que la plupart des solutions de paiement en une page manquent, c’est la possibilité pour les clients de consulter leur panier et de mettre à jour la quantité de produit à partir de la page de paiement. Cependant, il y a Solutions de paiement avancées sur une page qui fournissent la révision du panier et les options de mise à jour. Assurez-vous donc que votre paiement en une étape fournit cette fonctionnalité.

Checkout invité:Le paiement des invités est une fonctionnalité importante. Lors des deux paiements (par exemple, paiement en une étape ou paiement en plusieurs pages), si vous ne fournissez pas une option de paiement pour les invités, vous risquez de perdre des affaires. Alors, assurez-vous, quelle que soit l’option de paiement que vous choisissez, vous devez proposer la commande à l’invité.

Connexion sociale:L’option de connexion sociale est plus un avantage concurrentiel qu’une optimisation. Si vous ne demandez pas forcément à vos clients de créer un compte et de proposer un paiement invité, c’est de l’optimisation. Cependant, si vous leur permettez de s’inscrire ou de se connecter avec leur compte Facebook ou Google, c’est un avantage concurrentiel. Notre paiement en une page PrestaShop offre une connexion sociale via Facebook et Google pour vous aider à tirer le meilleur parti de votre processus de paiement.

Conception sans encombrement:“ Ce qui hante la plupart des marchands lors du passage au paiement en une page, c’est le problème de conception. Un paiement d’une page hébergeant l’ensemble du processus de paiement sur une seule page est plus susceptible de paraître encombré et encombré. Par conséquent, vous devez vous assurer que votre page de paiement ne correspond pas seulement à la conception de votre thème, mais doit également comporter suffisamment d’espaces blancs pour séparer chaque élément et chaque section. Par exemple, ce ne serait pas une belle apparence si la section d’expédition chevauche la section de paiement ou toute autre section de la page.

Nous avons fait de notre mieux

Nous avons fait de notre mieux pour optimiser nos modules de paiement en une page pour Magento, OpenCart, et PrestaShop de la meilleure façon possible. Nous avons inclus toutes les options qui ont été mentionnées au point précédent. De plus, nous l’avons également essayé pour avoir le meilleur design possible sans encombrement.

PAIEMENT comment nous avons éliminé tous les problèmes spécifiques au paiement d’une page dans nos modules de paiement.

Nous ne disons pas qu’une page de paiement soit une solution unique à tous vos problèmes de page de paiement. Cependant, un paiement en une étape bien optimisé peut toujours offrir un avantage. Optimisez au mieux votre paiement en plusieurs étapes, puis testez-le avec la solution de paiement en une page, les résultats vous garantiront le meilleur paiement, qu’il s’agisse d’une page ou de plusieurs pages. Choisissez toujours le meilleur pour votre marque.

Aimait ça? Vous aimerez ces trop