> ## Knowledge Base Index > Fetch the complete knowledge base index at: https://help.hoppyapps.com/sitemap.xml > Use this file to discover available pages before exploring further. > Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash). # 🛍️ Como configurar Upsell PopUps > ℹ️ **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 🚀 ---