ℹ️ Note: Este artigo foi traduzido automaticamente utilizando IA e pode conter imprecisões. Se algo parecer errado, entre em contato com nossa equipe de suporte.

Quer aumentar seu valor médio de ordem (AOV) mostrando as recomendações certas do produto no momento certo? 🛍️

Isso é exatamente o que Hoppy Upsell & Cross Sell foi concebido para o efeito.

Com este aplicativo, você pode criar upsell & cross-sell ofertas que aparecem:

• 🛍️ Na Página do produto → abaixo do botão Adicionar ao Carrinho
• 🛒 Na Página do Carrinho → dentro do carrinho
• 🗂️ Na Gaveta de Carrinhos → enquanto os clientes analisam seus itens
• 📌 Em uma Posição Personalizada → em qualquer lugar do seu tema usando um bloco de app

Este guia orienta você através da criação de sua primeira campanha upsell de ponta a ponta — de escolher um lugar para publicá-lo ao vivo em sua loja ✨

⚠️ Antes de começar

Para qualquer oferta de upsell ou cross-sell aparecer na sua loja, o app incorporar deve ser activado dentro da sua Shopify tema.

Ir para:

Shopify Admin → Canais de Vendas → Loja online → Temas → Editar tema → App Incorpora

Depois:

• Procurar “Upsell Cross-Sell Slider”
• Activar
• Clique Gravar

💡 Quando você abre pela primeira vez o aplicativo, o Guia de Configuração na página inicial também o acompanha através deste passo com um Abrir editor de temas botão e uma verificação de um clique.

ℹ️ Sem o aplicativo incorporado habilitado, suas ofertas não serão renderizadas na frente do store — mesmo que sejam publicadas dentro do aplicativo.

⚙️ Passo 1 — Criar uma Nova Upsell

Abrir o Hoppy Upsell & Cross Sell app a partir da sua Shopify administrador.

Depois:

→ Clique Criar um novo upsell no topo da página para iniciar uma nova campanha.

Seus upsells existentes (se houver) estão listados na mesma página, onde você também pode publicar, não publicar, duplicar ou excluí-los.

📍 Passo 2 — Escolha sua posição

Em seguida, você será perguntado onde a oferta deve aparecer.

Existem 4 tipos de colocação disponíveis:

• Página do produto → Mostra upsell & cross-sell blocos abaixo do botão Adicionar ao Carrinho. Ótimo para as recomendações de estilo “Comprado Freqüentemente Juntos”.
• Página do Carrinho → Pede aos clientes que adicionem mais enquanto analisam seu carrinho.
• Gaveta de Carrinhos → Mostra ofertas dentro da gaveta do carrinho de slide-out, logo antes do checkout.
• Posição Personalizada → Permite colocar o bloco upsell em qualquer lugar em seu tema usando um bloco de aplicativo e seu Upsell ID.

→ Clique Selecione este tipo na carta que corresponde ao seu objetivo.

💡 Não sabes por onde começar? A Página do produto a colocação é a primeira escolha mais comum — as recomendações aparecem exatamente onde a intenção de compra é mais alta.

Uma vez selecionada, a página de configuração abre automaticamente com 3 abas:

• Conteúdo → Quais produtos a oferecer e o que a oferta diz
• Desenho → Como a oferta parece
• Colocação → Onde e para quem aparece

Do lado direito, a Visualização ao vivo (Desktop & Mobile) atualizações enquanto você configura suas configurações 👀

📝 Passo 3 — Configurar a Página de Conteúdo

É aqui que decides. O quê? você está oferecendo. Você vai pousar aqui primeiro depois de escolher um lugar.

🏷️ Upsell Name

Um nome interno para sua campanha — os clientes nunca o verão.

Use algo reconhecível, como:

• Verão Acessório Upsell
• Black Friday Cross-Sell
• Booster pós-compra

💡 Boa nomeação torna muito mais fácil gerenciar várias campanhas mais tarde.

🛍️ Selecione produtos Upsell

Esta configuração controla Que produtos ser recomendado. Existem 4 opções:

🤖 AI Upsell (Comprados Freqüentemente Juntos)

Recomenda automaticamente produtos alimentados por ShopifyRecomendações de produtos.

Quando selecionado, uma escolha adicional aparece:

• Upsell Produtos relacionados → Itens semelhantes ao que está sendo visto
• Upsell Produtos complementares → Itens que combinam bem com ele

ℹ️ Recomendações de IA usam os produtos relacionados/complementares que você definiu ShopifyÉ livre Procurar & Discovery app. Um botão de atalho é mostrado no aplicativo para que você possa abri-lo e configurar recomendações lá.

📦 Upsell Produtos Específicos

Escolha exatamente produtos para oferecer. Seleccionar isto revela uma Selecionar produtos botão que abre ShopifyO catador de produtos — perfeito para promover um item específico ou inventário de limpeza.

🗃️ Upsell coleções específicas

Recomendar produtos de coleções inteiras. Seleccionar isto revela uma Selecionar Coleções Botão.

🔁 Upsell mesmo produto (Como na página do produto)

Oferece o mesmo produto que o cliente está vendo atualmente — útil para incentivar aumentos de quantidade ou complementos variantes.

⚙️ Configurações adicionais do conteúdo

Abaixo da seleção do produto, mais algumas configurações afinam como a oferta se comporta:

• Auto Slide Upsell por Intervalo → Quando Activado, a barra deslizante do produto gira automaticamente. An Duração do Intervalo campo aparece onde você pode definir a velocidade de rotação em segundos. ℹ️ Desliza automaticamente assim que um cliente clica nas setas de navegação esquerda/direita.
• Upsell Title → O título apresentado acima das recomendações (por exemplo: “Frequentemente comprados juntos” ou “Complete seu olhar”). Um editor de texto rico está disponível para formatação básica.
• Número máximo de produtos → Só aparece para AI Upsell e Colecções específicas. Controla quantos produtos estão incluídos no controle deslizante (padrão 3, até 10) — os clientes deslizam ou usam as setas para navegar um de cada vez.
• Botão Chamar para Ação → Escolha entre:
• • Adicionar ao Carrinho → Adiciona o produto diretamente ao carrinho 🛒
  • Ver Produto → Leva o cliente para a página do produto
• Texto do Botão (Antes de adicionar ao carrinho) → por exemplo: Adicionar ao Carrinho
• Texto do Botão (Após adicionar ao carrinho) → Mostrado uma vez que o item é adicionado, por exemplo. Adicionar outro — incentiva os clientes a continuarem a acrescentar mais ✨

🌐 Traduções: Se sua loja vender em vários idiomas, você pode traduzir os textos de upsell título e botão por idioma diretamente da aba Conteúdo. Veja o guia dedicado: Tradução

→ Uma vez que seu conteúdo parece bom, clique Continuar ao Desenho (ou abrir o Desenho aba diretamente).

🎨 Passo 4 — Página de Desenho (Brief Overview)

A Desenho aba controla como seu bloco upsell parece — cores de fundo, espaçamento, tipografia, estilo de botão e muito mais.

Você não precisa mudar nada aqui para ir ao vivo — o design padrão funciona fora da caixa e a visualização ao vivo mostra exatamente como ele vai aparecer.

Para uma análise completa de cada opção de estilo, consulte: Design & Styling

📌 Passo 5 — Escolha onde aparece (Placement Tab)

A Colocação tab decide em que e quando A tua oferta aparece. Só o essencial está aqui abrangido — as regras avançadas têm o seu próprio guia dedicado.

👀 Mostrar Ligado (Incluir)

Esta é a configuração de colocação mais importante — define quais páginas mostram sua oferta.

As opções disponíveis dependem do tipo de colocação que você escolheu no Passo 2:

Para página de produto / Posição personalizada:

• Todos os produtos → Mostra em cada página do produto
• Produtos específicos → Revela uma Selecionar produto botão para escolher páginas exatas
• Todos os produtos em coleções específicas → Revela uma Selecionar coleção botão
• Todos os produtos com etiquetas específicas → Revela um campo para inserir tags (separadas por vírgulas)
• Posição personalizada → Coloca o bloco através de um bloco de aplicativo em seu editor de tema

Para a Página de Carrinho / Gaveta de Carrinhos:

• Página do Carrinho / Gaveta de Carrinhos → Mostra na posição padrão no carrinho
• Posição personalizada → Coloca o bloco através de um bloco de app

ℹ️ A colocação personalizada só está disponível para a Página do Produto e a Página do Carrinho.

📌 Posição personalizada - Upsell ID & Excerto de Código

Quando você selecionar Posição personalizada, o aplicativo mostra o seu Upsell ID e uma cópia pronta excerto de código Depois de salvar. Você vai colar estes no bloco de aplicativo do seu editor de tema para controlar a posição exata da oferta.

Para toda a caminhada, veja: 🔎 Como encontrar Upsell ID?

🚫 Não exibir ligado (excluir)

Use isto para ocultar a oferta de páginas específicas:

• Não exclua qualquer página de produto (padrão)
• Não mostre em páginas de produtos em coleções específicas → Revela uma Selecionar Coleções botão
• Não mostrar em páginas de produto específicas → Revela uma Selecionar produtos botão

💡 Exclusões são úteis quando a maioria dos produtos deve mostrar a oferta, mas alguns (como cartões de presente) não deve.

🎯 Mostrar apenas quando (condições)

Controle exatamente quando a oferta se torna visível:

• ✅ Mostrar Sempre (padrão)
• Número mínimo de pedidos → Revela um campo para a contagem de pedidos
• Mostrar uma vez por cliente
• O valor do carrinho está abaixo → Revela um campo de valor máximo do carrinho
• A última encomenda foi há mais de X dias → Revela valor + unidade (Dias / Semanas / Meses)
• A última ordem foi nos últimos X dias → Revela valor + unidade (Dias / Semanas / Meses)

⚠️ Quando Mostrar Sempre é selecionado, nenhuma outra condição pode ser combinada com ele — deseleccioná-lo primeiro para construir regras condicionais.

A página de Colocação também inclui Segmentação no local, Segmentação do cliente (status de login, etiquetas, montante gasto), e Objectivo da geolocalização (países específicos). Estes são abordados em pormenor no guia específico: 🎯 Opções de Alvo Avançadas para Upsell & Cross Sell

💾 Passo 6 — Salvar vs Publicar

Esta é uma distinção fundamental para entender:

• Gravar → Armazena sua configuração, mas a oferta é não visível Ainda na frente da loja. Assim que você mudar qualquer configuração, o Salvar barra aparece no topo — clique Gravar para manter as suas alterações ou Descartar para os reverter.
• Publicar → Faz a oferta vivo no seu storefront (enquanto o aplicativo incorporado estiver habilitado). Utilizar o Publicar botão no canto superior direito da página.

ℹ️ Um novo upsell começa como Não publicado — clique sempre Publicar depois de salvar quando você está pronto para ir ao vivo.

Da mesma página você pode mais tarde:

• Não publicado → Tira a oferta da loja sem excluí-la
• Duplicar → Cria uma cópia da campanha
• Apagar → Remove-o permanentemente

O crachá ao lado do nome da campanha sempre mostra o status atual: Publicado ✅ ou Não publicado.

✅ Passo 7 — Confirmar É Viver

Logo após a publicação, um banner de confirmação aparece no topo da página:

• Se a A incorporação do aplicativo está habilitada → você será solicitado a confirmar a oferta é visível, com botões para Abrir a Loja e verificar se está tudo bem.
• Se a A incorporação do aplicativo NÃO está habilitada → você verá um Activar a Entrada da Aplicação botão que o leva diretamente para o local certo em seu editor de tema.

Pela Posição personalizada campanhas, e Adicionar Bloco de Aplicação também aparece o botão, que abre o editor do tema para que você possa colocar o bloco exatamente onde você deseja.

Se sua oferta não aparecer após a publicação, consulte: Upsell & Cross Sell não aparece na minha loja

🎉 Resultado Final

Uma vez configurada e publicada, sua oferta de upsell & cross-sell aparecerá automaticamente nas páginas selecionadas:

✅ Clientes ver recomendações de produto relevantes durante as compras ✅ As ofertas aparecem nas páginas do produto, página do carrinho, gaveta do carrinho, ou posições personalizadas ✅ Adicionar aos botões do Carrinho funcionam diretamente dentro do bloco upsell ✅ Condições e exclusões certifique-se de que os compradores certos ver a oferta certa ✅ Seu valor médio de ordem recebe um impulso natural 📈

Uma campanha upsell bem colocada é uma das maneiras mais simples de crescer a receita do tráfego que você já tem ✨

📚 Guias relacionados

• 🎨 Upsell & Cross Sell – Design e Styling
• 🎯 Opções de Alvo Avançadas para Upsell & Cross Sell
• 🌍 Upsell & Cross Sell — Tradução
• 🔎 Como encontrar Upsell ID?
• Upsell & Cross Sell não aparece na minha loja

Actualizado em: 15/09/2026