O One Page Checkout da KnowBand simplificou: o site do CEP Sport florescendo na Dinamarca

O Check-out em uma página é uma maneira inteligente de colocar todos os campos em uma única página e apresentá-la ao cliente em um formato simples e claro. É como uma caixa projetada para manter seus acessórios separados, mas juntos. Uma empresa com sede na Dinamarca, a CEP Sport adicionou o Módulo One Page Checkout ao seu site e configurou-o de uma maneira bem projetada. A personalização do layout é bastante simples e a adição da barra de progresso mantém o usuário engajado. Este artigo descreve como você pode criar a página Checkout com o Módulo One Page Checkout e implementar o mesmo em seu site de comércio eletrônico como o CEP Sport acabou de fazer em seu site.

O que é CEP Sport?

CEPsport.net é um distribuidor da marca alemã CEP e é operado pela SportSupport ApS. A CEP possui as melhores roupas esportivas do mercado em termos de design, características e compressão. São até atletas que gostam de se movimentar. É bem apoiado pelos produtos esportivos mais modernos do mercado.

Implementação do módulo One Page Checkout no site CEP Sport

Da página do produto à página de checkout, todo design de site de comércio eletrônico requer a melhor IU e UX. É importante otimizar a página de destino, mas é mais necessário ter uma página de checkout que não leve ao abandono do carrinho. O CEP Sport escolheu o módulo One Page Checkout da KnowBand para sua página de checkout e estamos felizes que eles confiaram em nosso módulo para a melhor solução de página de checkout. O Check-out de uma página possui vários recursos que o tornam melhor entre as outras opções disponíveis. -> Visite a CEP Sports Store e dê uma olhada no design da página de check-out por você mesmo: Clique aqui

Ele tem um layout de 3 colunas com um design de layout personalizado

A página de Checkout do CEP Sport tem um design de layout de 3 colunas e o módulo fornece recursos de personalização para o layout. Como o layout pode ser personalizado? Ele permite que você escolha um design de layout (1 coluna, 2 colunas, 3 colunas). E você pode embaralhar os campos e reposicioná-los com a funcionalidade de arrastar e soltar. Na foto abaixo, você pode ver que a página de checkout é customizada e a CEP Sport a projetou de acordo com sua necessidade.

CTA do carrinho de compras

Para chegar à página de checkout, é importante ter botões de CTA (call to action) claros. O site é incorporado com CTAs adequados.

Os clientes podem prosseguir para a página de checkout clicando no botão ‘Proceed to Payment’ e isso os redirecionará para One Page Checkout.

Login, checkout de convidado, novo registro

Uma vez, o cliente chegou à página de checkout, ele deve se registrar e, se estiver com pressa, Comprar como Convidado também está disponível. O Check-out em uma página tem três opções:

Login via e-mail
Comprar como Convidado
Registre-se como um novo usuário

Faça login e registre-se com uma conta de mídia social

Registro com uma conta de mídia social como o Facebook, é muito útil e não é necessário lembrar a senha de todos os sites de comércio eletrônico. Se um cliente estiver se cadastrando pelo Facebook, ele só precisa fornecer o endereço de entrega. E o processo de checkout está classificado! Após o registro, o login pode ser feito inserindo o endereço de e-mail e a senha ou um usuário pode log-in pelo Facebook conta. Apenas um clique e pronto!

Eu sou obrigatória* e você acabou de preencher os detalhes errados

Os campos obrigatórios podem ser destacados com a marca de asterisco (*) Além disso, indicava imediatamente os erros cometidos por um usuário durante o processo de preenchimento do formulário, denominado validação inline.

Métodos de entrega e pagamento

O Check-out de página única do site CEP Sport tem várias opções de envio e gateways de pagamento. Juntamente com cada método de envio, são exibidos custos adicionais (se aplicáveis). Também é possível especificar um portal de pagamento particular com um método de envio específico.

A barra de progresso mostra o sucesso do usuário

Isso ajuda o cliente a medir o andamento do registro. Se você acha que isso não é necessário, saiba que um cérebro humano funciona melhor se souber quanto trabalho ainda resta.

Atualizar a quantidade do produto na página de checkout

Outra característica que o torna a escolha do cliente é a opção de atualização da quantidade. O Check-out em uma página permite que os clientes atualizem a quantidade do produto na própria página de checkout.

Adicione um campo extra para coletar mais informações

Se um cliente deseja adicionar algum comentário sobre o pedido, ele tem um campo adicional para o mesmo. O administrador pode adicionar campos personalizados na página de checkout para coletar informações do cliente que podem ser usadas durante o marketing por email para email personalizado.

Uma vez que todas as informações são adicionadas corretamente pelo cliente ou pelo visitante convidado. Agora, ele pode fazer o pedido!

Por que você precisa do One Page Checkout na sua loja online?

Fizemos um tour bem-sucedido no One Page Checkout do site do CEP Sport. Agora, é hora de entender o valor de um checkout de uma única página em vez do checkout de várias páginas padrão disponível em plataformas de comércio eletrônico. O Check-out em uma página parece ser mais simples porque exibe todos os campos em uma única página antes do processo de preenchimento do formulário. As opções de check-out e login de mídia social são métodos comprovados que aumentam os registros na loja online. Possui uma guia de análise estatística que mostra a taxa de conversão e a taxa de rejeição da página de checkout. Vários recursos tornam o Módulo de verificação de uma página a primeira escolha do cliente para a página de checkout. O artigo detalhado sobre Check-out em várias páginas vs. check-out em uma página pode explicar isso de uma maneira melhor.

Demonstração de administração de check-out em uma página

Demonstração de front-end de Supercheckout de uma página

Manual do usuário

Suporte

A equipe da KnowBand está sempre disponível para ajudá-lo com soluções de comércio eletrônico. Temos mais de 100 módulos disponíveis para plataformas de comércio eletrônico como OpenCart, PrestaShop, Magento, WooCommerce e Shopify. Visita KnowBand Armazene para explorar mais. Entre em contato em support@knowband.com e discuta os requisitos do seu site com nossos especialistas.

Como criar um layout personalizado para páginas CMS no Magento 2?

Neste artigo, aprenderemos sobre como criar layout personalizado de páginas CMS para nossas páginas cms. Vamos criar um layout personalizado chamado Layout de Knowband.

Magento nos fornece o seguinte layout: -> Vazio -> coluna 1 -> colunas 2 com barra esquerda -> colunas 2 com barra direita -> colunas 3 Se você quiser criar seu próprio layout personalizado para as páginas cms ou algumas páginas específicas então você precisa se concentrar nos seguintes passos:

–

Crie o arquivo <Vendor_Name> / <Module_Name> /view/frontend/page_layout/kb_layout.xml. Este arquivo irá definir o design do seu layout personalizado.

<? xml version = "1.0" codificação = "UTF-8"?> <layout xmlns: xsi = "https://www.w3.org/2001/XMLSchema-instance" xsi: noNamespaceSchemaLocation = "urna: magento: estrutura : View / Layout / etc / page_layout.xsd "> <handle update =" vazio "/> <! - você pode alterar o identificador como 2columns-left ou 3columns etc -> <referenceContainer name =" page.wrapper "> <container name = "header.container" como = "header_container" label = "Contêiner de cabeçalho de página"

–

Crie <Vendor_Name> / <Module_Name> /view/frontend/layouts.xml. Este arquivo registrará o layout personalizado. <? xml version = "1.0" codificação = "UTF-8"?> <page_layouts xmlns: xsi = "https://www.w3.org/2001/XMLSchema-instance" xsi: noNamespaceSchemaLocation = "urn: magento: estrutura : View / PageLayout /etc/layouts.xsd "> <layout id =" kb_layout "> <label translate =" true "> Layout de Knowband </ label> </ layout> </ page_layouts>

Depois de criar esses dois arquivos, limpe o cache e seu layout personalizado será adicionado à lista de layout. Você pode verificar seu layout personalizado no lado do administrador em Conteúdo-> Páginas -> Adicionar nova página -> Design

Obrigado por ler este.

Check-out de uma página para lojas de comércio eletrônico. É uma solução completa para todos os seus problemas?

Aqui na Knowband, recebemos perguntas de todos os nossos clientes que procuram aumentar a sua taxa de conversão de checkout, se deveriam mudar para um checkout de uma página?

Seu objetivo com a pergunta é simples; eles querem obter mais conversões de página de check-out, menos abandono do carrinho e mais vendas. Nós respondemos sempre dizendo isso: “Depende”. Às vezes, é uma surpresa para a maioria dos clientes ouvir essa resposta. Como estamos vendendo umExtensão de checkout de uma página, e ainda não lançando uma venda para eles. Talvez eles esperem uma resposta como “Sim, é o melhor. Você deve usar nosso checkout de uma página”. Eu gostaria que fosse assim tão fácil. Não apresentamos nossa solução com uma venda, em vez disso, recomendamos a eles algo que os ajudará a entender se o problema pode ser resolvido simplesmente instalando o módulo de checkout de uma página. Vamos apenas fazer uma pausa e inspecionar alguns prós e contras da verificação em uma etapa e, em seguida, decidir se uma verificação em uma página é simplesmente uma solução completa para todos os seus problemas?

A parte mal compreendida da solução de checkout de uma página

Então, qual você deve considerar, Check-out em uma página ou check-out em várias páginas? “Uma resposta honesta seria as duas coisas. Uma verificação de uma página pode ser realmente eficaz nas condições certas e com implementação adequada. Você precisa ter certeza de que ele aborda os problemas comuns de um check-out de uma página e os trata de forma eficaz. As condições certas para decidir o processo de checkout certo para sua empresa podem depender de aspectos como:

Nicho
Clientes
Ponto de preço
Tipo de produto
Pontos de dor e
Soluções

Por exemplo, se você é venda de artigos de luxo que já recebem menos vendas devido ao alto preço e você tem uma base leal de clientes antigos, então um checkout de várias páginas é a melhor escolha aqui. Ele guiará os usuários pelo processo de checkout e fará uma conversão melhor. Por outro lado, se você vende itens baratos onde há mais vendas e você também está oferecendo frete grátis opções, uma solução de checkout de uma página seria mais eficaz aqui. Será rápido, dará uma maneira mais rápida de revisar os produtos no carrinho, mostrará a opção de frete grátis imediatamente e permitirá que o comprador faça o pagamento direto na mesma página.

Realize o teste A / B para a melhor solução de página de checkout

Esses são apenas o exemplo de dois casos simples. No entanto, a melhor maneira de saber qual opção funciona melhor para você é testar, analisar, testar e iterar. O teste A / B pode ser realmente útil, pois você pode testar ambos os tipos de checkout (ou seja, checkout de uma página e checkout de várias etapas) ao mesmo tempo e ver qual deles agrada melhor seus clientes. Seja cauteloso ao testar, porque aqui você estará jogando o melhor contra o melhor. Você não obteria os resultados corretos se comparasse um check-out de uma página bem otimizado com um check-out de várias etapas desordenado e desorganizado. Portanto, sempre teste uma maçã com outra maçã. Uma recomendação simples seria primeiro otimizar o checkout de várias páginas atual o máximo possível. Depois de ter otimizado totalmente o checkout em várias etapas, compare-o com um checkout bem otimizado testando-os. Isso dará uma chance justa ao seu checkout de várias páginas, ou então, a solução de checkout de uma página sempre irá ofuscar isso.

Os checkouts de uma página ainda têm alguns benefícios por padrão

O checkout de uma página é rápido, pois tudo está em uma única página.
Existem apenas algumas etapas para os clientes concluírem em uma solução de checkout de uma página.
Check-outs bem otimizados fornecem a opção de revisão do carrinho na mesma página.
A seleção da opção de envio está disponível na mesma página no módulo de checkout de uma página.
O checkout de uma página oferece opções de pagamento na mesma página.
Alguns checkouts avançados também oferecem opções de login social.

Recursos a serem observados ao selecionar uma solução de check-out em uma página

Otimização é algo que diferencia uma página de checkout de outra solução de checkout. Esteja você falando sobre um check-out de várias etapas ou um check-out de uma página, ele deve ser bem otimizado. Você não conseguirá resolver todos os problemas com a página de checkout simplesmente consolidando-a em uma única página; você ainda precisará otimizá-lo para problemas de abandono de carrinho. Um verdadeiro checkout de uma página desenvolvido para conter o abandono da página de checkout deve abordar questões como estas:

Comprimento- A duração do processo de finalização da compra não depende apenas do número de páginas, mas da quantidade de detalhes que o cliente deve preencher para concluí-lo. Certifique-se de que seu checkout de uma página não peça aos clientes que preencham detalhes desnecessários e redundantes. Você pode separar os campos obrigatórios e opcionais. Por exemplo, você pode reduzir o tamanho do formulário de faturamento ou endereço de entrega removendo os campos desnecessários, como número de fax, qualquer pessoa do telefone ou número de celular, etc.

Revisão e atualização do carrinho- O que a maioria das soluções de checkout de uma página deixa passar é a opção dos clientes revisarem seu carrinho e atualizarem a quantidade do produto na página de checkout. No entanto, existem Soluções avançadas de checkout de uma página que fornecem as opções de revisão e atualização do carrinho. Portanto, certifique-se de que sua verificação em uma etapa forneça esse recurso.

Check-out do hóspede: O check-out de convidados é um recurso importante. Em ambos os checkouts (ou seja, check-out em uma etapa ou check-out de várias páginas), se você deixar de fornecer uma opção de check-out como convidado, poderá perder alguns negócios. Portanto, certifique-se de que, qualquer opção de checkout que você escolher, você deve oferecer o checkout de convidado.

Login Social: A opção de login social é mais uma vantagem competitiva do que uma otimização. Se você não está pedindo a seus clientes para necessariamente criar uma conta e oferecer check-out como convidado, é uma otimização. No entanto, se você permitir que eles se inscrevam ou façam login com sua conta do Facebook ou Google, é uma vantagem competitiva. Nosso PrestaShop checkout de uma página oferece login social através do Facebook e Google para ajudá-lo a obter o máximo do seu processo de checkout.

Design livre de confusão: O que assombra a maioria dos comerciantes ao mudar para o checkout de uma página é a questão do design. Um checkout de uma página que aloja todo o processo de checkout em uma única página tem mais probabilidade de parecer congestionado e desordenado. Portanto, você deve garantir que sua página de checkout não apenas se ajuste ao design do seu tema, mas também tenha espaços em branco suficientes para separar cada elemento e seção. Por exemplo, não seria uma boa aparência se a seção de envio se sobrepusesse à seção de pagamento ou qualquer outra seção da página.

Nós tentamos nosso melhor

Tentamos o nosso melhor para otimizar nossos módulos de checkout de uma página para Magento, OpenCarte PrestaShop da melhor maneira possível. Incluímos todas as opções mencionadas no ponto anterior. Além disso, também tentamos ter o melhor design livre de desordem possível.

Confira como eliminamos todos os problemas específicos de checkout de uma página em nossos módulos de checkout.

Não dizemos que um checkout de uma página seja uma solução completa para todos os seus problemas com a página de checkout. No entanto, uma verificação de uma etapa bem otimizada pode sempre fornecer uma vantagem. Otimize seu checkout de várias etapas da melhor maneira possível e, em seguida, teste-o com a solução de checkout de uma página, os resultados irão garantir que você tenha o melhor checkout, não importa se é uma página ou várias páginas. Escolha sempre o melhor para sua marca.

Gostou disso? Você também vai gostar disso

Tag: melhores páginas de checkout