Como exibir a cotação de frete na gaveta do carrinho (cart drawer) da Shopify
Boa parte dos temas da Shopify não leva o cliente pra página do carrinho. Ao adicionar um produto, abre uma gaveta lateral, e dali o cliente vai direto pro checkout. Se a cotação do Cota Frete está só na página do produto e na página do carrinho, esse cliente não vê o frete.
A gaveta é diferente das outras duas: na maioria dos temas, ela não aceita bloco de app pelo editor. Por isso o Cota Frete usa um App Embed, que você ativa no tema e aponta pro lugar certo da gaveta. Leva uns cinco minutos.
Antes de começar
- O Cota Frete precisa estar instalado e com pelo menos uma transportadora ou gateway conectado.
- Você precisa de acesso ao editor de temas da loja.
- Teste primeiro numa cópia do tema, se a loja estiver no ar e você preferir não arriscar.
Passo a passo
1. Abra o editor de temas
No admin da Shopify, vá em Loja online e clique em Editar tema no tema ativo.
2. Abra os App Embeds
Na barra lateral esquerda, clique no ícone de Incorporações de app (App embeds). É o último ícone da coluna, abaixo das seções e das configurações do tema.
3. Ative o Cota Frete
No campo de busca, digite Cota. Vai aparecer CotaFrete (automático). Ative a chave ao lado.
4. Configure o posicionamento
Clique no nome do embed pra abrir as configurações. Há dois campos:
- Seletor de página de produto: deixe vazio. A página do produto já é atendida pelo bloco de app; não precisa duplicar aqui.
- Seletor do carrinho / drawer: aqui você diz ao app onde, dentro da gaveta, o bloco de frete deve entrar.
Pro seletor da gaveta, use um destes dois, com o ponto no início:
| Seletor | Onde o frete aparece |
|---|---|
.cart-totals | Logo antes do bloco de totais da gaveta |
.cart__ctas | Depois do total, antes do botão de finalizar compra |
Comece pelo .cart-totals. Se não aparecer nada, troque pelo .cart__ctas. Esses dois cobrem o Dawn e a maioria dos temas derivados dele.
5. Salve e teste
Clique em Salvar, abra a loja numa aba nova, adicione um produto ao carrinho e abra a gaveta. O campo de CEP e as opções de frete devem aparecer no lugar que você escolheu.
Se não apareceu
Temas muito customizados usam outros nomes de classe pra gaveta. Nesse caso, abra a gaveta na loja, clique com o botão direito no bloco de totais, escolha Inspecionar e procure a classe do elemento que envolve os totais ou o botão de finalizar. Use essa classe no seletor, com o ponto na frente.
Se preferir não mexer nisso, fale com o atendimento : dá pra fazer junto numa chamada rápida, ou, com acesso de colaborador à loja, a equipe configura pra você.
Relacionados
- Guia de configuração do Cota Frete (página do produto e carrinho)
- Como exibir a cotação na página do produto, no carrinho e na gaveta
Última atualização: agosto de 2026