Como configurar o widget Adicionar ao Carrinho no Customer Hub
O que você vai aprender
Saiba como exibir um widget interativo de Adicionar ao carrinho nas suas páginas de detalhes do produto. O widget personalizável permite que os compradores adicionem um produto ao carrinho ou o salvem para mais tarde enquanto rolam a página.
O Customer Hub para Shopify atualmente aceita vitrines padrão e Shopify Headless. Para WooCommerce, navegue até https://help.klaviyo.com/hc/en-us/articles/47792369863451
Antes de começar
Este guia aborda como ativar o widget de Adicionar ao carrinho no seu site. Antes de prosseguir, verifique se você ativou os recursos do Klaviyo Customer Hub na Klaviyo. Para permitir que os compradores salvem produtos no widget, ative Favoritos.
O widget Adicionar ao carrinho é um recurso pago do Klaviyo Customer Hub e também fica disponível durante um teste gratuito do Customer Hub. Verifique se o widget principal do Klaviyo Customer Hub está visível para os clientes que você quer alcançar.
Saiba mais sobre o Klaviyo Customer Hub.
Visão geral
O widget Adicionar ao carrinho mantém uma opção de compra ao alcance enquanto os clientes rolam por uma página de detalhes do produto. Ele anima de um ícone de widget minimalista para uma visualização expandida do produto atual, com um botão Adicionar ao carrinho. O widget é exibido apenas nas páginas de detalhes do produto, na profundidade de rolagem que você selecionar. Você também pode escolher quais compradores vão vê-lo.

Quando a opção Favoritos está habilitada, os compradores também podem salvar itens em sua lista de favoritos diretamente no widget.

Quando o widget estiver habilitado, as notificações do chat web ainda estarão acessíveis em uma barra de notificação mínima, garantindo que o comprador veja apenas as informações mais importantes em um determinado momento.

Como configurar o widget de adicionar ao carrinho
- Navegue até o Customer Hub na navegação à esquerda da Klaviyo.
- Selecione Design.
- Selecione Editar seu hub.
- Selecione Fechado e, em seguida, escolha Adicionar ao carrinho no menu suspenso de visualização acima da prévia.
- Na guia Conteúdo, ative Mostrar popover de Adicionar ao carrinho. Em Tempo, insira um valor de 1 a 100 para Mostrar popover depois que o cliente tiver rolado. Essa é a porcentagem da distância que um cliente pode rolar do topo até o final da página.
- Em Visibilidade, escolha um Status de login para controlar quais clientes veem o widget Adicionar ao carrinho:
- Todos os compradores (reconhecidos, conectados e desconectados) mostram o widget para todos que visitarem a página de detalhes de um produto.
- Compradores que fizeram login ou reconhecidos – exiba o widget para compradores reconhecidos pela Klaviyo (via um token _kx) ou para quem fez login na própria conta. Esta é a configuração recomendada para uma experiência personalizada que exclui visitantes anônimos. Esta opção fica disponível quando Personalização para comprador reconhecido está ativada nas Configurações do Klaviyo Customer Hub.
- Somente para compradores conectados – restrinja o widget estritamente aos usuários que tenham concluído um login completo na conta.
- Compradores desconectados – mostre o widget para compradores que não estão conectados, incluindo visitantes anônimos. Se Favoritos estiver visível para eles, compradores anônimos podem salvar produtos no dispositivo sem fazer login. Os favoritos salvos são sincronizados com o perfil quando eles fazem login.
- Opcional: use Mostrar para grupos ou Ocultar de grupos para incluir ou excluir listas ou segmentos, como clientes VIP ou assinantes da newsletter.
- Os filtros de grupo não restringem compradores anônimos quando Status de login está definido como Todos os compradores ou Compradores desconectados. Para segmentar grupos conhecidos, selecione Compradores conectados ou reconhecidos ou Apenas compradores conectados.
- Clique em Publicar para salvar as configurações do seu widget.
Se você manteve o Klaviyo Customer Hub oculto durante a configuração, volte ao Klaviyo Customer Hub e selecione Configurações. Em Configurações gerais, defina Visibilidade do Klaviyo Customer Hub como Ao vivo e clique em Salvar para deixá-lo ativo no seu site.


Como desativar o widget Adicionar ao carrinho
- Navegue até o Customer Hub na navegação à esquerda da Klaviyo.
- Selecione Design.
- Selecione Editar seu hub.
- Selecione Fechado e, em seguida, escolha Adicionar ao carrinho no menu suspenso de visualização acima da prévia.
- Selecione a aba Conteúdo.
- Desative Mostrar popover Adicionar ao carrinho.
- Clique em Publicar para aplicar suas alterações.
Recursos adicionais
- Como estilizar seu Customer Hub
- Introdução ao chat web
- Como mostrar botões favoritos no seu site e no Customer Hub
Prefere assistir? Confira o vídeo do Klaviyo Customer Hub na Klaviyo Academy para ver um passo a passo de como personalizar a experiência do Klaviyo Customer Hub.