# Como exibir a cotação de frete na gaveta do carrinho (cart drawer) da Shopify

> Passo a passo pra ativar o App Embed do Cota Frete e fazer a cotação de frete aparecer na gaveta lateral do carrinho da sua loja Shopify, com o seletor certo pro seu tema.

Fonte: https://www.cotafrete.app/central-de-ajuda/cotacao-frete-gaveta-carrinho-shopify/
Publicado em 23/08/2026 · atualizado em 21/10/2026 · categorias: Configuração

---

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](https://www.cotafrete.app/contato/): 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](https://www.cotafrete.app/central-de-ajuda/guia-configuracao-cota-frete/) (página do produto e carrinho)
- [Como exibir a cotação na página do produto, no carrinho e na gaveta](https://www.cotafrete.app/blog/cotacao-frete-pagina-produto-carrinho-gaveta-shopify/)

*Última atualização: agosto de 2026*