ℹ️ 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 aos clientes os produtos que naturalmente vão juntos? 🛍️

Isso é exatamente o que o Freqüentemente comprados juntos tipo de oferta em Hoppy Bundles foi concebido para o efeito.

Com esta oferta, você pode exibir um controle deslizante de recomendação de produto inteligente em suas páginas de produto, alimentado por:

• 🧠 Recomendações de IA — Shopify sugere automaticamente Relacionado ou Complementar produtos para cada página de produto
• 🎯 Produtos específicos — ou escolher exactamente quais os produtos que pretende recomendar

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 controle deslizante freqüentemente comprado junto esteja ao vivo em apenas alguns minutos ⚙️

📋 Antes de começar

Antes de criar sua primeira oferta Frequently Buught Together, certifique-se de ter o seguinte pronto:

• ✅ Hoppy Bundles instalado na sua Shopify guardar
• ✅ O livre Shopify Pesquisar & Discovery app instalado — é aqui que Shopify armazena a Relacionado e Complementar recomendações do produto que alimentam o modo IA
• ✅ Uma ideia difícil de se queres IA para escolher as recomendações para você, ou preferir Produtos específicos de escolha manual si próprio

ℹ️ O controle deslizante frequentemente comprado junto faz 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 apareça na 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 Aplicações incorporadas 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 freqüentemente comprada juntos

Da Hoppy Bundles Painel de aplicação:

1. Clique Criar uma nova oferta
2. Na Selecionar tipo de oferta tela, encontrar o Freqüentemente comprados juntos cartão 🏷️ — “Mostre aos clientes produtos que são frequentemente comprados juntos”
3. Clique Criar uma Oferta FBT

Você vai pousar no Criar uma Barra de Upsell página de configuração — esse é o lugar certo, freqüentemente comprado juntos roda no mesmo motor de controle deslizante 🛠️

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

💡 A boa notícia: o fluxo FBT vem pré- configurado para você — o modo de recomendação de IA já está seleccionado e o título da barra deslizante está pré-enchido com: **“Frequentemente comprados juntos”**Você poderia literalmente salvar e publicar!

🏷️ 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:

• FBT — Todos os produtos
• Freqüentemente comprado juntos Slider

Título da barra deslizante

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

Para ofertas FBT, o título é pré-cheio com “Frequentemente comprados juntos” — o título clássico, imediatamente reconhecível. Podes mudá-lo 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ê tem produtos mais recomendados 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 recomendar muita coisa.

🧠 Passo 4 — Escolha seu modo de recomendação

Este é o coração da sua oferta FBT ❤️ — decisão como Os produtos recomendados são colhidos.

Você tem duas opções:

Opção 1 — AI Upsell (Comprados Freqüentemente Juntos) (pré-selecionado)

Este é o padrão para as ofertas FBT — e o recomendado 🌟

ShopifyA IA decide automaticamente quais os produtos a recomendar, individualmente para cada página do produto. Não é necessário escolher produtos manuais — uma oferta cobre todo o seu catálogo.

Estão disponíveis dois tipos de recomendação:

• Upsell Produtos relacionados (pré-selecionado) → Produtos semelhantes ao que está sendo visto — ótimo para mostrar alternativas e variações
• Upsell Produtos complementares → Produtos que vão bem junto com o que está sendo visto — o clássico “comprado juntos” emparelhamento

⚠️ Importante: Recomendações de IA vêm do 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.

💡 Relacionado vs Complementar? Utilização Relacionado quando você quiser mostrar itens semelhantes (por exemplo, outras camisetas em uma página de camiseta). Utilização Complementar quando você quer verdadeiros pares “comprados juntos” (por exemplo, sapatos + meias). Complementar geralmente converte melhor para FBT ✨

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, por omissão: 3).

ℹ️ Isto é apenas... máximo — se Shopify tem menos recomendações para um produto, apenas essas são mostradas.

Opção 2 — Produtos específicos da venda

Preferes controlo total? Escolha os produtos exatos que você deseja recomendar em vez disso:

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 o mesmo conjunto de recomendações em todos os lugares — por exemplo, sempre empurrando seus acessórios mais vendidos.

⚠️ Atenção! Alternando entre AI Upsell e Upsell Produtos Específicos limpa sua seleção atual de produtos. Escolha sua abordagem primeiro e configure-a.

🌍 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 — o local perfeito para as recomendações do FBT, já que os clientes o veem no exato momento em que decidem comprar. Nenhum trabalho extra necessário ✅

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

• 🧠 O modo IA precisa de pesquisa e descoberta — sem produtos relacionados/complementares Shopify Pesquisa & Discovery app, a barra deslizante pode parecer vazia. Configura isto. antes esperando recomendações para mostrar
• 🔄 As recomendações são por produto — em modo IA, Shopify escolhe sugestões individualmente para cada página do produto. Uma oferta FBT cobre todo o seu catálogo automaticamente
• 💰 Não são aplicados descontos — a FBT recomenda produtos ao seu preço regular. Se você quer pacotes com desconto, confira o nosso Pacote ou Comprar X Obter Y tipos de oferta em vez disso
• 🔄 Mudar o modo de recomendação reinicia a sua selecção — mudança entre AI Upsell e Upsell Produtos Específicos 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 — seu controle deslizante freqüentemente comprado junto é ao vivo! 🥳

Seus clientes agora verão um controle deslizante de recomendação inteligente em suas páginas de produto, logo abaixo do botão Adicionar ao Carrinho. Eles podem navegar produtos que combinam perfeitamente com o que eles estão vendo e adicioná-los 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 o modo de recomendação, design ou direcionamento
• 📊 Desempenho da pista para ver como suas recomendações estão convertendo
• O que é isso? Não publicado quando quiser pausar a oferta

Feliz venda! 🚀

Actualizado em: 10/09/2026