ℹ️ 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 o seu valor de ordem média (AOV) recomendando os produtos certos no momento certo? 🛍️

Isso é exatamente o que o Produto Upsell (Slider) tipo de oferta em Hoppy Bundles foi concebido para o efeito.

Com esta oferta, você pode exibir uma bela barra de produto em suas páginas de produto que recomenda produtos adicionais para seus clientes, tais como:

• 🧠 Recomendações de I.A. (Produtos relacionados ou complementares)
• 🎯 Produtos específicos escolhidos a dedo que você deseja promover

Os clientes podem adicionar produtos recomendados ao carrinho diretamente da barra deslizante — sem nunca sair da página do produto ✨

Neste guia, vamos levá-lo através da configuração completa, passo a passo, para que o seu upsell slider é ao vivo em apenas alguns minutos ⚙️

📋 Antes de começar

Antes de criar seu primeiro produto Upsell, certifique-se de ter o seguinte pronto:

• ✅ Hoppy Bundles instalado na sua Shopify guardar
• ✅ Uma ideia áspera de Que produtos você quer recomendar (ou se você quer que a IA decida por você)
• ✅ (Apenas para AI Upsell) O livre Shopify Pesquisar & Discovery app instalado — é aqui que Shopify armazena suas recomendações de produtos relacionados e complementares

ℹ️ O controle deslizante Upsell do produto não criar quaisquer descontos. Produtos recomendados são adicionados ao carrinho a seu preço regular — é puramente uma ferramenta de recomendação de produto 💡

✅ Passo inicial — Habilitar a incorporação da aplicação

Para que o controle deslizante upsell apareça em sua loja, o Hoppy Bundles app embed deve ser ativado dentro de seu Shopify tema.

Ir para:

Shopify Admin → Loja online → Temas → Editar Tema → App Incorpora

A partir daí:

1. Abrir o Incorporar aplicativos secção da barra lateral esquerda
2. Encontrar o Hoppy Bundles app incorporar
3. Alternar ON ✅
4. Clique Gravar

⚠️ Não se preocupe se você pular este passo — após publicar sua oferta, Hoppy Bundles lhe mostrará um banner de lembrete com um direto Activar a Entrada da Aplicação botão que o leva diretamente para o lugar certo no editor do tema.

⚙️ Passo 1 — Criar uma nova oferta de upsell produto

Da Hoppy Bundles Painel de aplicação:

1. Clique Criar uma nova oferta
2. Na Selecionar tipo de oferta tela, encontrar o Produto Upsell (Slider) cartão 🏷️
3. Clique Criar uma Barra de Upsell

Você vai pousar no Criar uma Barra de Upsell página de configuração.

A página de configuração está dividida em duas áreas:

• Lado esquerdo → Suas configurações, organizadas em 3 abas: Geral, Desenho, e & Colocação de Destino
• Lado direito → A Visualização ao vivo do seu controle deslizante em ambos 🖥️ Área de trabalho e 📱 Móvel, que atualiza instantaneamente à medida que você altera as configurações

💡 Cada mudança que você faz é refletida na visualização em tempo real — sinta - se à vontade para experimentar!

🏷️ Passo 2 — Nomeie sua oferta e defina o título da barra deslizante

Na Geral tab, comece com o básico:

Nome da Oferta

Este nome é somente visível para você dentro do aplicativo – os clientes nunca o vêem. Use algo reconhecível para sua própria referência, como:

• Coleção de Verão Upsell
• Barra deslizante de acessórios

Título da barra deslizante

Este é o cliente principal verá acima do controle deslizante em sua loja.

O título padrão é **“Você também pode gostar”**Mas podes mudar para o que quiseres, como:

• Complete o look
• Pars bem com
• Clientes também comprados

⚠️ A É necessário o título da barra deslizante — se o deixar em branco, verá “Título deslizante é necessário” erro e não será capaz de salvar.

🔢 Passo 3 — Configurar as configurações da barra deslizante

Ainda na Geral tab, o Configuração a seção controla quantos produtos são visíveis ao mesmo tempo dentro da barra deslizante:

• Produtos por lâmina (Desktop) → Quantos produtos mostram por slide em telas de desktop (padrão: 3)
• Produtos por lâmina (Mobile) → Quantos produtos mostram por slide em dispositivos móveis (padrão: 2)

ℹ️ Se você selecionar mais produtos do que caber em um slide, os clientes podem passar ou navegar através do controle deslizante para ver o resto — então não tenha medo de adicionar muitas recomendações.

🛍️ Passo 4 — Selecione seus produtos Upsell

Este é o coração da tua oferta ❤️ — escolha Que produtos ser recomendado dentro da barra deslizante.

Você tem duas opções:

Opção 1 — Subvenções de produtos específicos (padrão)

Escolha os produtos exatos que você deseja recomendar:

1. Selecionar Upsell Produtos Específicos
2. Clique Selecionar produtos
3. ShopifyO coletor de produtos abrirá — procure e selecione um ou mais produtos
4. Confirme sua seleção ✅

Seus produtos escolhidos aparecerão como uma lista abaixo do botão, e instantaneamente na pré-visualização ao vivo.

💡 Esta opção é perfeita quando você quer controle total — por exemplo, sempre recomendando acessórios correspondentes em uma página específica do produto.

Opção 2 — AI Upsell (Comprados Freqüentemente Juntos)

Vamos ShopifyA IA decide quais produtos recomendar para cada página do produto automaticamente.

Quando você seleciona esta opção, dois tipos de recomendação ficam disponíveis:

• Upsell Produtos relacionados → Produtos semelhantes ao que está sendo visto
• Upsell Produtos complementares → Produtos que vão bem junto com o que está sendo visto

⚠️ Importante: AI Upsell usa as recomendações que você configura no livre Shopify Pesquisar & Discovery appVocê verá um banner de lembrete com um Abrir pesquisa e descoberta botão — use-o para configurar seus produtos Relacionados ou Complementares por produto, caso contrário, o controle deslizante pode não ter nada para mostrar.

Número máximo de produtos

Quando a IA Upsell é selecionada, aparece um campo adicional:

Número máximo de produtos → O número máximo de produtos recomendados indicado na barra deslizante (até 10).

⚠️ Atenção! Alternando entre Upsell Produtos Específicos e AI Upsell limpa sua seleção atual de produtos. Escolha sua abordagem primeiro, em seguida, selecione produtos.

🌍 Etapa 5 — Traduções (Opcionais)

A vender em várias línguas? A Tradução a seção na guia Geral permite traduzir os textos da barra deslizante para cada uma das línguas da sua loja.

Este passo é completamente opcional durante a configuração — você sempre pode voltar a ele mais tarde. Para uma caminhada completa, confira nosso dedicado Guia de tradução 📖

🎨 Passo 6 — Personalizar o Desenho (Opcional)

Mudar para o Desenho aba para fazer com que o controle deslizante corresponda perfeitamente à sua marca 🎨

Aqui está uma rápida visão geral do que você pode personalizar:

• Fonte → Use sua fonte de tema (padrão) ou escolha a partir de uma grande lista de fontes
• Tipografia e cores → Tamanho, peso e cor do texto para o título da barra deslizante, títulos do produto, preços e o botão Adicionar ao Carrinho
• Contorno → Largura da borda e arredondamento do canto (rádio) dos cartões do produto
• Cores de fundo e borda → Para ambos os cartões de produto e o botão

Todas as alterações são atualizadas instantaneamente na visualização ao vivo à direita 🖥️📱

ℹ️ O design padrão já parece limpo fora da caixa, para que você possa pular isso com segurança durante sua primeira configuração e refino-lo mais tarde. Para um mergulho profundo em cada opção de estilo, confira nosso dedicado Guia de Desenho e Estilhamento 📖

📍 Passo 7 — Escolha a posição

Mudar para o & Colocação de Destino aba e decidir em que A barra deslizante aparece.

Você tem duas opções de colocação:

Abaixo Adicionar ao Botão do Carrinho (Padrão)

A barra deslizante é colocada automaticamente logo abaixo da Adicionar ao Carrinho botão em suas páginas de produto. Nenhum trabalho extra necessário — esta é a opção recomendada para a maioria das lojas ✅

Personalizado (somente na página do produto)

Escolha isto se quiser posicionar a barra manualmente, onde quiser na página do produto.

Quando selecionado, o aplicativo mostra duas coisas:

• Hoppy Bundles ID → Use este ID com o Hoppy Bundles bloco de aplicativo em seu editor de tema para adicionar, remover ou reposicionar a barra deslizante
• Hoppy Bundles excerto de código → Um pequeno <div> snippet você pode colar em qualquer lugar em seu código de tema

⚠️ O trecho ID e código só aparece depois de salvar ou publicar a oferta — então salve primeiro, depois copie-as.

🎯 Passo 8 — Definir o destino e o calendário (Opcional)

Ainda na & Colocação de Destino tab, você vai encontrar controles opcionais para que vê a barra deslizante e quando 👇

👤 Alvo do Cliente

Controle qual cliente vê o controle deslizante:

• Visibilidade (Status de login do cliente) → Mostrar a todos os clientes, ou apenas aos clientes logados
• Mostrar a barra para → Todos os clientes, clientes com um específico etiqueta do cliente (p. ex. premium, wholesale), ou clientes acima de um determinado vida útil montante
• Ocultar barra de → Opcionalmente excluir clientes por tag ou vida útil

🌍 Meta de Geolocalização

• Todo o mundo (padrão) → Mostrar o controle deslizante para visitantes de todos os países
• Países específicos → Clique Seleccionar Países para abrir o catador de país, procure e selecione exatamente onde o controle deslizante deve aparecer

🗓️ Agendamento

Perfeito para campanhas de tempo limitado:

• Iniciar → Agora (por omissão) ou Data específica e tempo
• Fim → Nunca (por omissão) ou Data específica e tempo

ℹ️ Todas estas opções de segmentação são opcionais. Para a maioria das lojas, os padrões (mostrar a todos, em todos os lugares, sempre) funcionam muito bem para começar. Para configurações avançadas, confira nosso dedicado Guia-alvo 📖

🚀 Passo 9 — Salvar e Publicar

Você está quase pronto! 🎉

Salvar sua oferta

Sempre que fizer alterações, Salvar barra aparece no topo da página:

• Clique Gravar para guardar a sua oferta como um Rascunho 📝
• Clique Descartar para reverter suas alterações

⚠️ Numa nova oferta, o Publicar botão permanece desativado até que você tenha salvo pelo menos uma vez — então pressione Gravar Primeiro.

Publicar a sua oferta

Uma vez salvo, clique Publicar no canto superior direito para fazer o controle deslizante viver em sua loja 🚀

Após publicação, Hoppy Bundles mostra um banner de confirmação:

• Se a app embed ainda não está habilitado, você verá um “Certifique-se de que o App Inbed está ativo” banner com uma Activar a Entrada da Aplicação botão — clique nele e ative a inserção (veja o Passo Inicial acima)
• Se tudo estiver ativo, clique Abrir a Loja para ver sua barra ao vivo em uma página do produto ✨

Podes. Não publicado a qualquer momento para tirar a barra off-line sem perder suas configurações.

⚠️ Notas e Dicas Importantes

• 💰 Não são aplicados descontos — o produto Upsell slider recomenda produtos ao seu preço regular. Se você quer pacotes com desconto, confira o nosso Pacote ou Quebra de Quantidades tipos de oferta em vez disso
• 🧠 AI Upsell precisa de pesquisa e descoberta — sem produtos relacionados/complementares Shopify Pesquisa & Discovery app, a barra IA pode aparecer vazia
• 🔄 Alternar o tipo upsell reinicia sua seleção — mudança entre Produtos específicos e AI Upsell limpa os produtos que você escolheu
• 🗑️ A exclusão é permanente — o Apagar action (topo da página de edição) remove a oferta e suas estatísticas analíticas para sempre. Isto não pode ser desfeito
• 📄 Duplicar ofertas facilmente — utilizar o Duplicar acção sobre qualquer oferta existente para criar uma cópia e ajustá- la, em vez de começar do zero

🎉 Resultado Final

É isso aí — sua barra Upsell do produto está ao vivo! 🥳

Seus clientes agora verão uma bela barra de recomendação de produto em suas páginas de produto, exatamente onde você a colocou. Eles podem navegar recomendações e adicionar produtos ao seu carrinho com um único clique — impulsionando seu AOV no piloto automático 📈

Da Hoppy Bundles painel, você pode:

• ✏️ Editar a oferta a qualquer momento para alterar produtos, design ou direcionamento
• 📊 Desempenho da pista para ver como seus upsells estão convertendo
• O que é isso? Não publicado quando quiser pausar a oferta

Feliz aumento! 🚀

Actualizado em: 10/09/2026