Índice:
Vídeo: Como criar uma Loja Online apenas com HTML, CSS e JavaScript - SimpleStore 2025
No coração de um site de comércio eletrônico é o carrinho de compras - a coleção do usuário de itens de loja de retirada que deseja comprar. Muitas vezes, um carrinho de compras é uma pequena área geralmente encontrada no cabeçalho do site que mantém um recorde de execução (geralmente chamado de carrinho de Visualização Rápida) ou uma página dedicada onde os usuários podem ver e revisar seus itens antes de prosseguir com o check-out.
Para maximizar as vendas, é melhor manter as convenções da interface de usuário convencional.
Visão rápida do design do carrinho de compras
Um link pequeno no cabeçalho do seu site (a parte superior direita é a convenção) que diz que "carrinho de compras" não é suficiente. É melhor mostrar pelo menos o número de itens no carrinho. Um tratamento visual, como incluir um design ou ícone de pequeno saco, ajudará os usuários a encontrar o carrinho, os meios para comprar seus itens e ver quantos itens já colocaram de lado. Quando um usuário clica em um carrinho de Visualização Rápida, geralmente uma pequena janela se abre e exibe um resumo dos itens (daí o nome "visualização rápida"). O usuário pode clicar fora da janela para fechá-lo e continuar comprando, ou clique no botão Checkout para continuar com a compra. Muitas vezes, a janela de Visualização rápida possui elementos úteis adicionais, como um link de atendimento ao cliente, um número de telefone e ícones para os tipos de pagamento aceitos. Um toque mais agradável é fornecer ao usuário uma olhada no montante total em resposta ao rolo do ponteiro do mouse sobre o carrinho de Visualização Rápida no cabeçalho.
Design da página do carrinho de compras
Quando um usuário está pronto para verificar e clicar no link no carrinho da Visualização rápida, a próxima página que aparece é a página dedicada do carrinho de compras. Esta página mostra um resumo de todos os elementos atualmente no carrinho. A melhor prática é mostrar uma representação visual de todos esses itens (as imagens devem ser clicáveis e levar o usuário de volta às suas respectivas páginas de detalhes) e dar ao usuário a opção de editar a quantidade ou remover um item. Outro elemento útil para incluir é uma calculadora de transporte ao lado do subtotal.O transporte é muitas vezes uma grande barreira para os usuários porque eles estão surpresos com o quanto custa; é melhor dar uma estimativa no início do processo. Muitos varejistas oferecem incentivos para o transporte marítimo para ajudar os compradores coaxiais através desta barreira.
Além disso, se você está oferecendo uma promoção, a página do carrinho de compras é um ótimo lugar para permitir que os usuários vejam quanto de um desconto são elegíveis. Ofereça um campo de entrada de promoção ao lado do subtotal, juntamente com a calculadora de remessa, para que os usuários possam ter uma idéia dos custos reais que terão que pagar.
Oferecendo diferentes opções de pagamento é outra boa tática para ajudar a funil os usuários através do processo de compra. Muitas empresas permitem que você pague com o PayPal, além do cartão de crédito. O objetivo é dar ao usuário uma informação total de custo total e mostrar a flexibilidade de pagamento para que eles se sintam confortáveis ao prosseguir.
Depois de clicar no botão Checkout para prosseguir com sua compra, muitas empresas de comércio eletrônico fornecem dois caminhos: você pode prosseguir como convidado ou fazer login e prosseguir como registrado. A idéia de fazer login antes de prosseguir é que o site pode pré-preencher os campos de informações (nome, endereço e tal) com os dados que ele possui no arquivo, fazendo check-out um processo mais rápido.
O que você quer evitar a todo custo é forçando os usuários a se registrar antes de prosseguir com o check-out. Essa é uma maneira certa de perder clientes. Forneça sempre uma opção de compra de clientes. Durante o checkout, você acaba capturando a maioria dos dados que você precisa para registrar esses usuários de qualquer maneira, então, se o registro for seu objetivo, você pode dar às pessoas a opção de adicionar uma senha no final do check-out, e voilá, você tem um novo registro do utilizador.
