ℹ️ 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 sugerindo os produtos certos no momento certo? 🚀

Upsell PopUps permite que você recomendo produtos diretamente dentro de um popup — seja através de sugestões de IA-powered ou itens escolhidos manualmente — para que os compradores possam adicionar mais ao seu carrinho sem sair da página.

Este guia orienta você através de toda a configuração para que você possa lançar seu primeiro Upsell PopUp em minutos.

✅ Antes de começar — habilite o aplicativo para incorporar

Para que qualquer popup apareça em seu storefront, o aplicativo embed deve ser ativado dentro de seu Shopify tema.

Ir para:

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

Depois:

• Procurar Hoppy Popups
• Alternar ON
• Clique Gravar

ℹ️ Sem este passo, seu popup não renderizará na frente da loja mesmo após a publicação.

⚙️ Passo 1 — Criar um novo PopUp Upsell

Abrir o Hoppy PopUps app.

Depois:

→ Clique Criar um Novo PopUp

→ Selecionar PopUp Upsell da lista de tipos de contexto.

A página de configuração será aberta automaticamente com campos personalizados para campanhas upsell.

📝 Passo 2 — Configurar o Conteúdo

Depois de abrir a página de configuração, você vai pousar dentro do Conteúdo tab. Esta seção controla o que seus visitantes veem e como eles interagem com o popup.

🏷️ Nome da janela

Este campo é utilizado apenas para fins internos. Os clientes nunca verão este nome.

Você pode usar qualquer nome reconhecível como:

• Campanha Summer Upsell
• Black Friday Booster
• Funil de recomendação do produto
• Obter Upsell

💡 Usar a nomenclatura interna adequada torna mais fácil identificar configurações mais tarde, especialmente se sua loja executar várias campanhas.

💬 & Descrição do Título

Estes aparecem no topo do seu popup e devem comunicar claramente o valor.

Exemplo

• Título: "Complete o seu olhar"
• Descrição: "Os clientes também compraram estes itens"

Você pode personalizar estes para corresponder à sua voz de campanha.

❌ Fechar Ícone

A Fechar Ícone a configuração permite controlar se os clientes podem fechar manualmente o popup.

Este recurso inclui uma opção de checkbox/toggle que pode:

• ✅ Mostrar o Ícone de Fechar
• ❌ Esconder o Ícone de Fechar

Quando ativado:

→ Os clientes verão um ícone de close no popup
→ Os clientes podem descartar manualmente o popup sempre que quiserem

Quando desativado:

→ O ícone de encerramento não aparecerá
→ Os clientes não serão capazes de fechar manualmente o popup usando o botão fechar

⚠️ Importante:

Desativar o ícone Close pode aumentar a visibilidade do popup, mas também pode afetar a experiência do cliente se o popup se tornar difícil de descartar.

Geralmente recomendamos manter o Ícone Próximo ativado, a menos que uma campanha específica exija o contrário.

🖱️ Comportamento do Botão de Clique

ℹ️ Esta opção só está disponível quando "Mostrar campo de e-mail" e "Mostrar campo de número de telefone" não estiverem assinalados.

Ele permite que você controle o que acontece quando um visitante clica no botão CTA dentro do popup. Trata de um dos seguintes elementos:

1. Fechar o Popup — o popup fechará
2. Revele o Código dos Cupões — o código do cupom será revelado ao visitante, mas você terá configurado o Código do Cupom como descrito acima na seção "Mostrar Código do Cupom".
3. Redirecionar para a Ligação — selecionando isso lhe daria um campo de entrada chamado "Link" onde você pode especificar o URL para o qual o visitante será redirecionado

☁️ Botão de ação flutuante

Você pode adicionar um Botão de ação flutuante que permanece visível na página para que os visitantes possam reabrir o popup após fechá-lo.

Escolha uma posição:

• Inferior direito
• Fundo esquerdo
• Ecrã à direita
• Tela à esquerda

Em seguida, digite o Texto do Botão — por exemplo, "Oferta aberta", "Get Discount" ou "Learn More".

Para desativar completamente o botão flutuante, selecione Desactivar o botão de acção flutuante.

🔄 Passo 3 — Configurar produtos Upsell

Mover para o Upsell aba para controlar quais produtos são recomendados dentro do popup.

Este é o núcleo do seu Upsell PopUp — aqui é onde você decide o que os clientes vêem.

📦 Tipo de Upsell

Selecione como as recomendações do produto devem ser geradas:

• AI Upsell (Comprados Freqüentemente Juntos) — utilizações Shopify's motor de recomendação para sugerir automaticamente produtos relacionados ou complementares com base no que o cliente está vendo.

ℹ️ Esta opção não funcionará na página inicial porque depende do contexto do produto.

• Upsell Produtos Específicos — escolha manualmente os produtos exactos que deseja recomendar.
• Upsell coleções específicas — produtos de exposição de colecções seleccionadas.
• Upsell mesmo produto (Como na página do produto) — mostra o mesmo produto que o cliente está actualmente a ver, útil para incentivar compras baseadas em quantidades.

🎯 Tipo de recomendação (apenas AI Upsell)

Se você selecionar AI Upsell, escolha o estilo de recomendação:

• Upsell Produtos relacionados — sugere elementos semelhantes aos do contexto
• Upsell Produtos complementares — sugere itens que combinam bem

Você pode gerenciar estas recomendações usando ShopifyAplicativo Search & Discovery.

🖼️ Disposição da Grelha do Produto

Controle como os produtos upsell são exibidos:

• Número de colunas na área de trabalho — quantos produtos aparecem lado a lado no ecrã
• Número de colunas no telemóvel — quantos produtos aparecem lado a lado no telemóvel

🔢 Número máximo de produtos

Defina o número máximo de produtos a mostrar na grade upsell. Isso ajuda a manter o popup limpo e focado.

💡 Disponível quando usar AI Upsell ou Coleções Específicas.

🛒 Texto do Botão Chamar a Ação

Configurar o texto do botão upsell para dois estados:

• Texto do Botão (Antes de adicionar ao carrinho) — por exemplo, "Adicionar ao carrinho"
• Texto do Botão (Após adicionar ao carrinho) — por exemplo, "Adicionar outro"

Isso dá aos clientes um feedback claro após interagirem com uma recomendação.

🎨 Passo 4 — Projete seu PopUp (Opcional)

Mudar para o Desenho aba para ajustar:

• Posição, tamanho e animação do Popup
• Cores de fundo, gradientes ou imagens
• Fontes, estilos de botões e raio de canto

💡 Você pode pular este passo se a aparência padrão já corresponder à sua loja.

Para uma análise completa de todas as opções de design, consulte a documentação dedicada PopUps - Design & Styling [Link].

🖱️ Passo 5 — Definir as Regras de Ativação e Exibição

Mover para o Colocação/Targeting aba para controlar quando e onde aparece o seu Upsell PopUp.

Configurações de chave que você encontrará:

• Tipo de gatilho — After Time, Page Scroll, Exit-intent, Add to cart button clicked or After page views
• Frequência de exibição — Mostrar sempre, uma vez por visita, ou limitar com uma refrigeração
• Alvo da Página — Cada página, casa apenas, produtos específicos, coleções, ou etiquetas
• Alvo do Cliente — Status de login, etiquetas de cliente, vida útil
• Geolocalização — Todos os países mundiais ou específicos
• Agendamento — Datas de início e de termo facultativas

Para explicações profundas de cada opção de segmentação, consulte a documentação dedicada PopUp Advanced Targeting Options [Link].

✅ Passo 6 — Salvar e Publicar

Depois de tudo parecer bom:

1. Clique Gravar para guardar a sua configuração
2. Clique Publicar para fazer o popup ao vivo em sua loja

⚠️ Salvar sozinho não torna o popup visível para os clientes. Tem de publicá-lo.

Se o aplicativo incorporado ainda não está habilitado, um banner irá lembrá-lo de ativá-lo em seu Shopify Editor de temas.

🎉 Resultado Final

Uma vez configurado com sucesso:

✅ Visitantes ver recomendações relevantes do produto dentro do popup
✅ E-mails e números de telefone são coletados automaticamente (se ativado)
✅ Os compradores podem adicionar upsell produtos diretamente ao seu carrinho
✅ Seu popup respeita regras de segmentação, agendamento e configurações do dispositivo
✅ Valor de ordem médio melhora através de sugestões de produtos inteligentes

Seu PopUp Upsell agora está ao vivo e pronto para crescer suas vendas 🚀

Actualizado em: 10/09/2026