Personalizar o carrinho lateral
7 min de leitura
Neste artigo
- Diferenças entre o carrinho lateral e o minicarrinho
- Acessar o carrinho lateral no editor
- Configurar o ícone do carrinho para abrir o carrinho lateral
- Configurar o botão "Adicionar ao carrinho" para abrir o carrinho lateral
- Personalizar o carrinho lateral
- Migrar do minicarrinho para o carrinho lateral
- Perguntas frequentes
Importante:
- Estamos no processo de lançamento do carrinho lateral, que substitui o minicarrinho. Saiba mais
- Este artigo é relevante para Wix Stores, Wix Bookings e Pedidos do Wix Restaurants (Novo).
O carrinho lateral é uma pré-visualização da página do carrinho, que abre na lateral das páginas do seu site. Os clientes podem acessar o carrinho lateral ao clicar no ícone do carrinho ou no botão "Adicionar ao carrinho".
![Captura de tela do carrinho lateral](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8769cf44-f342-494c-b25f-cc98c9da3e82/2024/07/29/69ebcbab-a1d2-4d4f-a25b-cfef48ed4659/14e60fd4-7656-410d-8b5a-40132d533747.png)
Neste artigo, confira:
- Diferenças entre o carrinho lateral e o minicarrinho
- Acessar o carrinho lateral no editor
- Configurar o ícone do carrinho para abrir o carrinho lateral
- Configurar o botão "Adicionar ao carrinho" para abrir o carrinho lateral
- Personalizar o carrinho lateral
- Migrar do minicarrinho para o carrinho lateral
- Perguntas frequentes
Diferenças entre o carrinho lateral e o minicarrinho
Estamos no processo de lançar o carrinho lateral, que é uma versão atualizada do minicarrinho. O carrinho lateral é totalmente personalizável e pode ser visualizado em um dispositivo móvel.
Observe que apenas o carrinho lateral pode ser acessado em Páginas e menu no lado esquerdo do seu editor.
Além disso, quando você clica no carrinho lateral no seu editor (como visto abaixo no lado esquerdo), uma barra de ferramentas aparece. O minicarrinho (no lado direito) não tem essa barra de ferramentas.
![Capturas de tela do carrinho lateral e do minicarrinho lado a lado](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8769cf44-f342-494c-b25f-cc98c9da3e82/2024/08/08/299b2750-5680-473e-8469-a7f10d5fe58d/1af957ae-98c5-45ce-add4-be96d7fb10da.png)
Acessar o carrinho lateral no editor
Se você estiver usando apenas uma solução de negócios, você acessa o carrinho lateral através da seção da página da solução de negócios específica no seu editor. Por exemplo, se você usar apenas Wix Stores, você encontra o carrinho lateral em Páginas da loja.
No entanto, se você usar, por exemplo, Wix Stores e Wix Bookings, o carrinho lateral é encontrado em Carrinho e agradecimento.
Editor Wix
Editor do Wix Studio
- Vá para o seu editor.
- Clique em Páginas e menu
no lado esquerdo do editor.
- Selecione a solução de negócios relevante (Páginas da loja, Páginas de agendamento ou Páginas do restaurante) ou selecione Carrinho e agradecimento.
- Selecione Carrinho lateral.
Configurar o ícone do carrinho para abrir o carrinho lateral
Você pode escolher o que acontece quando um cliente clica no ícone do carrinho. Ela pode direcionar os clientes para o carrinho lateral ou enviá-los diretamente para a página do carrinho.
Para definir o que acontece quando o ícone do carrinho é clicado:
- Clique no Ícone do carrinho no seu editor.
![Captura de tela do ícone do carrinho](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8769cf44-f342-494c-b25f-cc98c9da3e82/2024/03/21/2c883ad8-fb6d-4cce-98ab-23918a16cb2e/52ee1e69-e92b-462a-a891-a6dad299b38e.png)
- Clique em Configurações.
- Selecione a aba Configurações.
- Selecione uma opção:
- Mostrar carrinho lateral: quando os clientes clicam no ícone do carrinho, o carrinho lateral abre à direita. Nele, eles podem clicar em Ver carrinho para ir para a página do carrinho ou em Checkout para ir diretamente para a compra do pedido.
- Abrir a página completa do carrinho: quando os clientes clicam no ícone do carrinho, eles são direcionados para a página do carrinho.
Configurar o botão "Adicionar ao carrinho" para abrir o carrinho lateral
Você pode definir o que acontece quando um cliente clica no botão "Adicionar ao carrinho". O botão "Adicionar ao carrinho" pode ser definido para direcionar para o carrinho lateral ou para qualquer uma das outras três opções.
Dicas:
- Essa opção é relevante apenas para o Wix Stores.
- O botão pode ser exibido na página de produto, na página de categoria ou em uma galeria.
![Captura de tela da página de produto.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8769cf44-f342-494c-b25f-cc98c9da3e82/2024/03/21/14d48908-1509-4f69-816e-d273997be3df/709728be-9530-4d8d-bd1d-d65f02d062a2.png)
Para definir o que acontece quando o botão "Adicionar ao carrinho" é clicado:
- Clique em Página de produto, Página de categoria ou Galeria em grade no editor.
Dica: o botão em cada uma delas pode ser personalizado separadamente. - Clique em Configurações.
- Clique na aba Configurações.
- Em Adicionar ao carrinho, verifique se a alavanca Mostrar botão está ativada.
- Em Quando o botão é clicado, selecione uma opção:
- Mostrar pop-up: uma notificação pop-up aparece.
Observação: o pop-up de sucesso não aparece no mobile. Clientes no mobile são direcionados para a página do carrinho. - O carrinho lateral abre: o carrinho lateral abre na lateral da tela.
- Ir para a página do carrinho: os clientes são levados diretamente para a página do carrinho.
- Ficar na página: os clientes permanecem na página atual. O botão exibe uma marca de seleção para indicar que o produto foi adicionado com sucesso.
- Mostrar pop-up: uma notificação pop-up aparece.
Personalizar o carrinho lateral
Faça alterações no texto e no design do carrinho lateral para que ele reflita a aparência da sua marca.
Dica:
Para visualizar o carrinho lateral com itens ao personalizá-lo, clique em Visualizar no canto superior direito do seu editor, adicione um item (por exemplo: um produto ou serviço) e, em seguida, clique em Voltar ao Editor para sair do modo de visualização.
Para personalizar o carrinho lateral:
- Clique no Carrinho lateral no seu editor.
- Clique em Configurações.
![Captura de tela do Editor Wix com parte do carrinho lateral visível e o botão Configurações em destaque](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8769cf44-f342-494c-b25f-cc98c9da3e82/2024/10/15/657f8492-f240-4584-bc8e-0552527c5fb5/365cbb88-9080-490d-a2e4-ea73de9a0099.png)
- Personalize o carrinho lateral usando as opções disponíveis:
- Configurações: mostre ou oculte qualquer um dos elementos do carrinho lateral.
- Design: personalize as cores, fontes, opacidade e mais.
- Texto: edite o texto padrão.
- Personalize a sobreposição no resto da página:
- Clique em qualquer lugar na página fora do carrinho lateral.
- Clique em Alterar background.
- Clique em Configurações e personalize a sobreposição.
- Clique em qualquer lugar na página fora do carrinho lateral.
- Defina o que acontece quando os clientes clicam fora do carrinho lateral:
- Clique em qualquer lugar na página fora do carrinho lateral.
- Clique em Configurar a sobreposição.
- Clique na alavanca Clique para fechar a janela para ativá-la ou desativá-la.
- Ativada: quando os clientes clicam fora do carrinho lateral, o carrinho lateral é fechado. Os clientes também podem fechar o carrinho lateral clicando no "X" no canto superior.
- Desativada: quando os clientes clicam fora do carrinho lateral, nada acontece. Os clientes podem fechar o carrinho lateral clicando no "X" no canto superior.
- Quando terminar, clique em Sair do modo.
![Captura de tela do Editor Wix com parte do carrinho lateral visível e o botão Sair do modo destacado](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8769cf44-f342-494c-b25f-cc98c9da3e82/2024/10/15/30d88e29-3a78-4423-97a8-f5b61d640321/be94d8ce-11c7-41ca-a812-3b88f3ac11c4.png)
- (Opcional) Você pode mudar para o editor mobile e personalizar o carrinho lateral no mobile.
Dica: as personalizações feitas no editor mobile não afetam o carrinho lateral no desktop.
Migrar do minicarrinho para o carrinho lateral
Quer mudar para o novo carrinho lateral? Você pode fazer isso ao acessar o editor e publicar seu site. A página será atualizada e você terá o carrinho lateral.
Dica:
As opções de design feitas para o minicarrinho são transferidas para o carrinho lateral. O novo botão de checkout não será adicionado, mas você poderá acessar as configurações e adicioná-lo manualmente, se desejar.
Perguntas frequentes
Clique nas perguntas abaixo para saber mais.
Não tenho um ícone do carrinho. Como posso adicioná-lo?
Eu uso o Wix Bookings. Como posso ativar o carrinho lateral, a página do carrinho e o ícone do carrinho?
Posso personalizar a sobreposição nas minhas páginas quando o carrinho lateral é exibido?
Posso personalizar se a ação de clicar fora do carrinho lateral o fecha?