> ## 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 freqüentemente comprados juntos > ℹ️ **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 app**Você 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 `
` 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! 🚀