Personalizar o ícone do carrinho

6 min de leitura
Importante:
Este artigo é relevante para Wix Stores, Wix Bookings e Pedidos do Wix Restaurantes (Novo).
O ícone do carrinho aparece no cabeçalho do seu site. O número de itens adicionados é mostrado no ícone do carrinho. Quando seu cliente estiver pronto para concluir o pedido, ele pode clicar no ícone para iniciar o processo de checkout.
Captura de tela da parte superior de um site com o ícone do carrinho em destaque
Neste artigo, confira:

Ativar o checkout com carrinho (somente Wix Bookings)

Para permitir que os clientes agendem vários serviços ao mesmo tempo, o checkout com carrinho deve estar ativado. Se você também usa o Wix Stores, isso permite que os clientes agendem serviços e comprem produtos ao mesmo tempo. Quando você ativa o checkout com carrinho, o ícone do carrinho, página do carrinho e minicarrinho são adicionados ao seu site.
Dica:
Você também pode ativar a capacidade de fazer agendamentos com vários serviços, (por exemplo: uma sessão que inclui 2 serviços, como manicure e pedicure). 

Para ativar o checkout com carrinho:

  1. Vá para Configurações de agendamento no painel de controle do seu site.
  2. Clique em Checkout com carrinho
  3. Clique na alavanca Ativar para habilitá-la.
  4. Clique em Salvar.
Captura de tela das configurações de agendamentos no painel de controle de um site Wix

Adicionar o ícone do carrinho outra vez

Quando você adiciona o Wix Stores, Wix Bookings ou o novo Pedidos do Wix Restaurantes ao seu site, o ícone do carrinho é adicionado automaticamente. Você pode adicionar novamente o ícone do carrinho se ele tiver sido excluído anteriormente.
Observação:
O mesmo ícone do carrinho é usado para Wix Stores, Wix Bookings e para o novo Pedidos do Wix Restaurantes.
Editor Wix
Editor do Wix Studio
  1. Vá para o seu editor.
  2. Clique em Elementos  no lado esquerdo do editor.
  3. Dependendo do app que você estiver usando, clique em Wix Stores/Wix Bookings/Wix Restaurantes.
  4. Clique em Ícone do carrinho.
  5. Arraste o carrinho até o cabeçalho do seu site.
Captura de tela do painel Elementos, com Loja e o ícone do carrinho em destaque

Personalizar o design do ícone do carrinho

Selecione o design do seu carrinho que mais gostar e, em seguida, personalize a fonte e as cores para obter o visual perfeito. Você pode escolher entre designs de carrinho que têm apenas uma imagem, designs com a palavra "carrinho" ou designs que têm ambos.

Para personalizar o design do ícone do carrinho:

  1. Clique no Ícone do carrinho no seu editor.
  2. Clique em Configurações.
  3. Selecione a aba Ícone do carrinho.
  4. Clique para selecionar um design de ícone.
  5. Personalize as cores, a fonte ou o texto do ícone.
    Dica: as opções disponíveis variam dependendo do ícone selecionado.
Captura de tela do painel de configurações para o ícone do carrinho em um site Wix

Personalizar o comportamento do ícone do carrinho

Importante:
Decida o que acontece quando os clientes clicam no ícone do carrinho. O carrinho lateral (minicarrinho) pode abrir na lateral ou os clientes podem ser direcionados para a página do carrinho.

Para definir o que acontece quando o ícone do carrinho é clicado:

  1. Clique no Ícone do carrinho no seu editor.
  2. Clique em Configurações.
  3. Clique na aba Configurações 
  4. Selecione o que acontece quando os clientes clicam no ícone do carrinho.

Personalizar o pop-up de sucesso

Importante:
Estamos no processo de substituir o minicarrinho por uma versão aprimorada chamada carrinho lateral. Se você ainda tiver o minicarrinho, não verá a opção de personalizar o pop-up de sucesso.
O pop-up de sucesso é um pop-up pequeno que aparece na lateral. Ele exibe o produto que seu cliente acabou de adicionar ao carrinho.
Captura de tela de uma loja Wix depois que um cliente clica no botão Adicionar ao carrinho e o pop-up de sucesso aparece

Para personalizar o pop-up de sucesso:

  1. Clique no Ícone do carrinho no seu editor.
  2. Clique em Configurações.
  3. Clique na aba Pop-up.
  4. Personalize o pop-up de sucesso usando as opções disponíveis.

Perguntas frequentes

Esse artigo foi útil?

|