Lar Mídia social Web design: o básico de um bom carrinho de compras - dummies

Web design: o básico de um bom carrinho de compras - dummies

Índice:

Vídeo: Como criar uma Loja Online apenas com HTML, CSS e JavaScript - SimpleStore 2025

Vídeo: Como criar uma Loja Online apenas com HTML, CSS e JavaScript - SimpleStore 2025
Anonim

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.

Crédito: © Bath & Body Works Direct, Inc. Sites de comércio eletrônico, como Bath and Body Works, geralmente possuem um carrinho Quick View localizado na parte superior do cabeçalho do site.

Crédito: © LUSH América do Norte Um carrinho de Visualização Rápida, como este no canto superior direito do site Lush, recebe o nome da pequena janela de visualização que se abre quando um usuário clica.

crédito: © LUSH América do Norte O design do carrinho Lush Quick View exibe o custo total quando o usuário rola o ponteiro do mouse sobre ele.

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.

Crédito: © AEO Management Co. A página do carrinho de compras da American Eagle Outfitters oferece uma visão gráfica de seus itens e um meio para inserir seu código promocional.

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.

Crédito: © AEO Management Co. Os bons sites de comércio eletrônico permitem que os usuários verifiquem, iniciando ou continuando como convidado.

Web design: o básico de um bom carrinho de compras - dummies

Escolha dos editores

Usando os atalhos de teclado Scrivener para formatação e edição - dummies

Usando os atalhos de teclado Scrivener para formatação e edição - dummies

Funcionam rapidamente ao formatar ou editar seus documentos no Scrivener usando os atalhos de teclado nesta tabela. Deseja fazer algum texto em negrito sem usar a barra de ferramentas? Precisa encontrar algo no documento? Esses atalhos podem ser feitos. Scrivener Editing Controls Command Mac Shortcut Windows Shortcut Bold Command key + B Ctrl + B Itálico Comando ...

Como proteger suas carteiras Bitcoin - manequins

Como proteger suas carteiras Bitcoin - manequins

Da mesma maneira que você não andaria com seu real carteira pendurada no bolso da parte de trás ou mantenha o número PIN do seu cartão bancário em um pedaço de papel dentro dessa carteira, você também precisa ter segurança sobre sua carteira bitcoin. Carteiras de bitcoin móveis seguras Uma carteira de bitcoin móvel é conveniente ...

O que QuarkXPress Does - dummies

O que QuarkXPress Does - dummies

QuarkXPress é um programa de layout de página. Para construir uma página, desenhe algumas caixas (recipientes) e preencha-os com conteúdo (texto, imagens e outras coisas). Adicione algumas regras (linhas) e quadros (bordas da imagem) e você possui um layout. Se você é inteligente, você vincula sua página a uma página mestre (que contém itens como ...

Escolha dos editores

Como mover seu blog do WordPress para o LiveJournal - dummies

Como mover seu blog do WordPress para o LiveJournal - dummies

WordPress. com e WordPress. org oferece um script de importação para usuários do LiveJournal, e o processo de importação do LiveJournal para o WordPress é o mesmo para cada plataforma. Na página de Importação no seu Painel de WordPress, siga estas etapas: Clique no link do LiveJournal e instale o plugin para instalar no LiveJournal. Clique no botão Ativar Plugin & Instalar ...

Como garantir o seu WordPress Permalinks Trabalhar com seu servidor - manequins

Como garantir o seu WordPress Permalinks Trabalhar com seu servidor - manequins

Depois de definir o formato para os permalgantes para o seu site usando outras opções diferentes do padrão, o WordPress grava regras específicas ou diretivas para o. arquivo htaccess em seu servidor web. O. O arquivo htaccess comunica ao seu servidor web como ele deve servir os permalinks, de acordo com a estrutura de permalink que você escolheu ...

Como inserir sua imagem / Avatar no seu blog do WordPress - dummies

Como inserir sua imagem / Avatar no seu blog do WordPress - dummies

Quer para mostrar ao mundo a sua linda imagem? Na seção Grav Gravador atual da página do Meu Perfil Público da WordPress, você pode fazer o upload de uma imagem de você ou uma imagem que o represente. Esta imagem é chamada de gravatar. Esta seção está localizada no lado direito da minha página de Perfil Público. O ...

Escolha dos editores

Você precisa falar melhor para o Dragão? - dummies

Você precisa falar melhor para o Dragão? - dummies

Você provavelmente poderia falar um pouco melhor. Melhorar seus hábitos de fala é uma das maneiras melhores e mais baratas de reduzir erros em NaturallySpeaking. Por outro lado, não fique louco. Por exemplo, tente pronunciar esta frase de exemplo: "Quero um Fig Newton e um copo de leite. " Continue. Diga isso ...

Com NaturallySpeaking - dummies

Com NaturallySpeaking - dummies

Você pode usar Comandos de linguagem natural para criar tabelas do Word com até 20 linhas ou colunas. Use os comandos Inserir, Criar, Adicionar ou Criar, como você preferir. Você pode preferir Inserir porque é o mesmo comando que você usa para outras inserções de espaços em branco, como espaços, parágrafos e quebras de página. Aqui estão as diferentes formas de ...

Distinguir entre Texto e Comandos em NaturallySpeaking - dummies

Distinguir entre Texto e Comandos em NaturallySpeaking - dummies

Como você pode ver na figura, NaturallySpeaking permite que você misture ditado (palavras que são convertidas em texto) e comandos (instruções para o computador). Você não precisa pressionar ou clicar em qualquer coisa para dizer NaturallySpeaking, "Aqui vem um comando; não escreva isso. "Você apenas diz o comando. Às vezes, no entanto, você não pode obter o que você ...