ℹ️ 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 vender uma combinação de produtos diferentes junto com um desconto doce? 🛍️

Isso é exatamente o que o Pacote (Produto Combo) oferta em Hoppy Bundles é construído para.

Com um pacote, você pode agrupar até 3 produtos diferentes numa única oferta combinada — como T-shirt + calças + silenciador — e recompensar clientes com um desconto (ou até mesmo um presente grátis 🎁) quando agarram o conjunto todo.

Os clientes vêem um widget de pacote limpo na página do produto, e com um clique de um botão, todos os produtos são adicionados ao carrinho, juntamente com o desconto aplicado automaticamente ✨

Este guia leva você através de toda a configuração, passo a passo, para que o seu primeiro Bundle vai ao vivo sem um problema ⚙️

📋 Antes de começar

Antes de criar seu Bundle, certifique-se do seguinte:

• ✅ Os produtos que você quer empacotar já existem em seu Shopify conservar e ativo no canal de vendas Online Store
• ✅ Você sabe qual desconto (se houver) você quer oferecer na combinação
• ✅ A Hoppy Bundles app incorporar está habilitado no seu tema (coberto no próximo passo)

ℹ️ Um pacote precisa pelo menos 2 produtos e suportes até 3 produtos por combinação.

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

Para que o widget Bundle apareça na frente da sua loja, a incorporação do aplicativo deve ser ativada dentro de sua Shopify tema.

Ir para:

Shopify Admin → Canais de Vendas → Loja online → Temas → Personalizar → App Inbeds

Depois:

• Encontrar o Hoppy Bundles app incorporar
• Activar
• Clique Gravar

⚠️ Sem a incorporação do aplicativo habilitada, seu Bundle permanecerá invisível na frente da loja — mesmo após a publicação.

⚙️ Passo 1 — Crie uma nova oferta de pacote

Abrir o Hoppy Bundles app a partir da sua Shopify Admin.

Depois:

→ Clique Criar uma nova oferta (top direito) para abrir o tipo de oferta escolhedor.

→ Encontrar o Pacote cartão — está marcado Produto Combo e descrito como "Vender combinação de diferentes produtos juntamente com um desconto".

→ Clique Criar um Pacote.

A página de configuração do pacote será aberta automaticamente 🎉

🧭 Passo 2 — Familiarizar - se com a Página de Configuração

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

• Lado esquerdo → Suas configurações, organizadas em 3 abas:
• • Geral → Produtos, desconto, presente e comportamento widget ⚙️
  • Desenho → Fontes, cores e estilo 🎨
  • & Colocação de Destino → Onde e para quem o widget mostra 📍
• Lado direito → A Visualização ao vivo do seu widget Bundle no desktop e no celular, que atualiza conforme você configura 👀

Sempre que você faz uma mudança, Salvar barra aparece na parte inferior da tela — seu pacote permanece um Rascunho Até publicá-lo.

💡 Ajuste as configurações enquanto observa a visualização. O que você vê lá é o que seus clientes verão.

📝 Passo 3 — Nomeie Sua Oferta & Pacote

Primeiro vais aterrar dentro do Geral tab, dentro da Geral Cartão.

🏷️ Nome da Oferta

Este nome é somente visível para você — os clientes nunca o vêem.

Use qualquer nome reconhecível como:

• Pacote de combinação de inverno
• T-shirt + Cap Deal
• Pacote do Kit de Iniciação

💡 Boa nomeação interna torna muito mais fácil identificar ofertas mais tarde, especialmente quando você executa vários pacotes.

🧾 Título do pacote

Este é o cabeçalho clientes ver no topo do widget pacote em sua loja.

Exemplo

• "Bundle & Save 🎁"
• "Complete o olhar"
• "Pegue o conjunto completo"

⚠️ O título do pacote é obrigatório — a oferta não pode ser salva sem ela.

📦 Passo 4 — Escolha seu tipo de recomendação do pacote

Este controlo suspenso como os produtos dentro do seu pacote são escolhidos.

Existem 2 opções:

🖐️ Selecção Manual

Você escolhe os produtos exatos (e variantes) que compõem a combinação você mesmo.

Clique Selecionar produtos para abrir o seu Shopify lista de produtos e escolher até 3 produtos.

Uma vez selecionado, cada produto aparece como um bloco onde você pode:

• 🔢 Definir a quantidade desse produto dentro do pacote
• ✏️ Renomear o produto — clique no ícone de edição para lhe dar um nome de exibição personalizado (por exemplo: "Premium Cotton Tee" em vez do título do produto bruto)
• ❌ Remover o produto do pacote

ℹ️ Se um produto tem várias variantes e você seleciona mais de uma, cada variante é adicionada como sua própria linha no pacote.

🏷️ Mostrar o nome do produto modificado

Active esta opção se quiser que o elemento mostre o seu nomes de produtos personalizados em vez do original Shopify títulos.

⚠️ Limites importantes para os pacotes manuais:

• Pelo menos 2 produtos são necessários — uma combinação de um não é uma combinação 😉
• Um máximo de 3 produtos é permitido por pacote
• Apenas um pacote publicado é permitido por conjunto único de produtos. Se você tentar publicar um pacote com os mesmos produtos já publicados, você verá um erro e precisará mudar os produtos ou não publicar primeiro o pacote mais antigo.

🤖 AI Recomendado

Em vez de uma combinação fixa, o widget recomenda automaticamente produtos para cada cliente.

Quando você selecionar AI Recomendado, aparecem três campos adicionais:

🔢 Número de produtos recomendados de IA

Quantos produtos a IA deve sugerir dentro do widget.

• Mínimo: 1
• Máximo: 10

🎯 Tipo de alvo AI

Decide em que o widget do pacote de IA deve aparecer:

• Produtos específicos → O elemento mostra nas páginas do produto que escolher
• Colecções → O elemento mostra nas páginas de produto pertencentes às coleções que escolher

📦 Produtos alvo / Colecções

Clique Selecionar produtos (ou Selecionar Coleções) para escolher onde o widget aparece. Itens selecionados estão listados abaixo do campo, e você pode remover qualquer um deles com o ícone excluir.

⚠️ Você deve selecionar pelo menos um produto ou coleção — a oferta não pode ser salva sem um alvo.

💸 Passo 5 — Configurar o Desconto

Ainda dentro da Geral tab, role para baixo para o Desconto Cartão.

Tipo de Desconto

Escolha como os clientes salvar quando eles compram a combinação:

Tipo de Desconto

Como funciona

Sem desconto

Combo vende a preço total combinado (apenas pacote visual)

% de desconto

Percentagem do pacote (por exemplo, 25% de desconto)

Desconto plano

Uma quantia fixa fora do pacote inteiro (por exemplo, $29 fora)

Em cada unidade de desconto plano

Um montante fixo desligado cada unidade no pacote

Preço específico

O pacote inteiro vende a um preço fixo (por exemplo, $29.00 total)

Desconto

Digite o valor do desconto.

ℹ️ O campo de desconto permanece desabilitado quando Sem desconto está seleccionado.

ℹ️ Como funciona nos bastidores: quando você salvar, Hoppy Bundles cria automaticamente um desconto automático de correspondência dentro Shopify Admin → Descontos. Este desconto pode o preço reduzido no checkout — por favor, não exclua manualmente do seu Shopify administrador.

🎁 Passo 6 — Adicione um presente grátis (Opcional)

Abaixo do cartão de desconto, você vai encontrar o Presente grátis Cartão.

Queres adoçar o acordo? Activar a Presente grátis caixa de seleção, em seguida, clique Selecionar produtos do presente para escolher quais produtos são adicionados De graça quando um cliente compra o pacote.

Assim como os produtos do pacote, cada presente permite-lhe:

• 🔢 Definir uma quantidade
• ✏️ Renomeia- o com um nome de exibição personalizado
• ❌ Remover

⚠️ Desmarcando o Presente grátis a caixa de seleção limpa todos os produtos de presente selecionados — você precisará selecioná-los novamente se você ligar de volta.

💡 Presentes gratuitos funcionam como complementos de baixo custo e alto valor percebido (amostras, adesivos, acessórios).

⚙️ Passo 7 — Configurar as Configurações do Widget

Agora vá para o Configuração Cartão. Essas opções controlam como o widget se comporta e o que os clientes veem.

💰 Mostrar o Preço unitário

Mostra o preço individual de cada produto dentro do pacote — ótimo para transparência.

🚀 Saltar o Carrinho Directamente para Verificar

Quando habilitado, os clientes são tomados direto para o checkout depois de clicar no botão do pacote, pulando a página do carrinho inteiramente.

💡 Perfeito para reduzir o atrito nos clientes prontos para comprar — mas mantenha-o desligado se quiser que os clientes continuem navegando.

🏷️ Mostrar Comparar ao preço

Mostra o preço original "compare" ao lado do preço do pacote com desconto, então as economias são óbvias.

ℹ️ Habilitar isso revela um campo extra: Preço de comparação personalizado. Defina aqui um valor para substituir o preço de comparação do seu Shopify listagem ou saída em branco / 0 utilizar a comparação existente dos seus produtos a preços.

📦 Usar texto personalizado para rastrear o inventário

Mostra uma mensagem personalizada aos clientes quando um produto selecionado no pacote é sem existências.

ℹ️ Habilitar isso revela um campo de texto onde você pode escrever sua própria mensagem.

Exemplo

"Produtos destacados estão sem estoque"

🔄 Descontos combinados

Controla se o desconto do pacote pode combinar com outros tipos de desconto no carrinho e checkout:

• Descontos de encomendas → Permitir combinar com descontos de nível de ordem
• Descontos de envio → Permitir combinar com descontos de transporte

ℹ️ Devido a Shopify restrições, esta configuração se aplica globalmente para todas as novas ofertasNão só este pacote.

🎯 Produtos-alvo

ℹ️ Esta secção só aparece para Selecção Manual Pacotes.

Escolher em que páginas de produtos o widget do pacote deve aparecer. Você não tem que mostrá-lo em cada produto na combinação — por exemplo, mostrar o T-shirt + Calças pacote apenas na página T-Shirt.

⚠️ Pelo menos um produto deve permanecer selecionado — o balcão (por exemplo: 2/3) mostra quantos são visados.

🔘 Chamada à ação

O texto no botão do pacote.

Exemplo

• "Adicionar pacote ao carrinho" (padrão)
• "Agarra o Combo 🛒"
• "Get the Set & Save"

✨ Marca Realçada

Um pequeno crachá mostrado no elemento (por omissão: "Combo"). Use-o para etiquetas curtas como "Melhor Valor" ou "Salvar 20%".

Clique na ícone do olho ao lado do campo para mostrar ou esconder a etiqueta. Quando escondido, o campo de texto fica desativado.

🦶 Texto do Rodapé

Uma pequena linha de texto na parte inferior do elemento (por omissão: "Transporte livre"). Handy para garantir mensagens como "Envio grátis incluído 🚚".

🌍 Opcional — Mercados múltiplos

A vender internacionalmente? A Mercados múltiplos a secção permite- lhe activar diferentes configurações de oferta para cada mercado — por exemplo, um título ou um valor de desconto diferente por país.

Para cada mercado você também pode decidir como o desconto é fechado com Desconto baseado em:

• Quantidade total do carrinho → Desconto aplica-se uma vez que o valor total do pacote atinge um Valor mínimo do carrinho
• Quantidade do produto → Desconto aplica-se uma vez um Quantidade mínima de itens está no pacote (com uma opção de contar apenas produtos únicos)

💡 A maioria dos comerciantes pode pular isso durante sua primeira configuração — as configurações padrão (mercado primário) funcionam fora da caixa.

🈯 Opcional — Tradução

A Tradução O cartão permite- lhe traduzir o texto do widget para os outros idiomas que a sua loja suporta.

Isso é totalmente opcional durante a configuração — configure uma vez que seu pacote esteja ao vivo e você esteja pronto para localizar. Consulte o guia de tradução dedicado para detalhes.

🎨 Opcional — Projete seu Widget

Mudar para o Desenho aba para fazer o widget corresponder ao visual da sua loja:

• Tipografia & Cor → Use sua fonte de tema ou escolha de fontes do Google, e definir tamanhos, pesos e cores para cada elemento de texto
• Largura e Raio da Fronteira → Redonda ou afiar os cantos do widget
• Cores de Fundo e Contorno → Estilo as linhas do produto, rodapé, tag e botão

Cada mudança mostra instantaneamente na visualização ao vivo à direita 👀

ℹ️ Este guia mantém o design breve — verifique o documento dedicado Design & Styling para uma caminhada completa.

📍 Passo 8 — Definir a Meta & Colocação

Mudar para o & Colocação de Destino tab.

🧩 Colocação

Controla onde o elemento aparece:

• Abaixo Adicionar ao Botão do Carrinho (Padrão) → O widget automaticamente renderiza sob o botão Adicionar ao Carrinho nas páginas de produto direcionadas. Nenhum código necessário ✅
• Personalizado (somente na página do produto) → Você mesmo coloca o widget.

Colocação Personalizada

Quando você escolher Personalizado, o aplicativo mostra duas coisas depois de salvar a oferta:

• Hoppy Bundles ID → Use-o para adicionar o Hoppy Bundles bloco de aplicativos em qualquer lugar em sua página de produto através do editor de tema
• Hoppy Bundles excerto de código → A <div> snippet você pode colar em qualquer lugar no código do seu tema

ℹ️ Salve sua oferta primeiro — o ID e o trecho só aparecem quando o pacote existe.

👥 Segmentação do Cliente (Opcional)

Mostrar ou ocultar o pacote com base em quem está navegando:

• Visibilidade (Status de login do cliente) → Mostrar a todos, apenas clientes logados, ou apenas convidados
• Mostrar a → Todos os clientes, clientes com etiquetas específicas, ou clientes acima de uma quantidade de tempo gasto
• Esconder de → Excluir etiquetas específicas de clientes ou grupos de gastos ao longo da vida

🌎 Meta de Geolocalização (Opcional)

Por padrão, o elemento aparece em Todo o mundo. Mudar para Países específicos limitar o pacote apenas a países seleccionados.

🗓️ Programação (Opcional)

Definir um data de início e/ou data de fim para executar o pacote como uma campanha cronometrada.

⚠️ A data limite deve ser no futuro e após a data de início — caso contrário, a oferta não será poupada.

💡 Scheduling é perfeito para combos de venda flash e pacotes sazonais 🎄

ℹ️ A Meta ao Cliente e a Meta de Geolocalização têm seus próprios documentos dedicados — os padrões (mostrar a todos, em todos os lugares) funcionam muito bem para um primeiro pacote.

💾 Passo 9 — salve seu pacote

Uma vez que seus produtos e desconto são configurados:

1. Clique Gravar na barra de gravação na parte inferior da tela
2. A oferta é criada juntamente com a sua correspondência desconto automático em Shopify — conservados inativo (Draft) Por enquanto, nada muda na tua loja.

⚠️ Possíveis erros de gravação a observar:

• "São necessários pelo menos 2 produtos" → Adicione mais produtos ao seu pacote manual
• "Um pacote com os mesmos produtos já existe e é publicado" → Alterar os produtos ou não publicar primeiro o pacote existente
• "Título redondo é necessário" → Preencha o campo Título do Pacote

🚀 Passo 10 — Publicar e Verificar

Pronto para ir ao vivo?

1. Clique na Publicar botão no canto superior direito da página
2. O crachá de estado do pacote muda de Rascunho para Publicado, e Shopify desconto ativa automaticamente.
3. Se o aplicativo incorporado ainda não está habilitado, um banner aparece Activar a Entrada da Aplicação — clique nele para pular diretamente em seu editor de tema.
4. Uma vez publicado, aparece um banner de confirmação. Clique Abrir a Loja e visite uma de suas páginas de produto para ver o widget em ação 👀

ℹ️ Podes. Não publicado a qualquer momento do mesmo botão — o widget e o desconto desativam instantaneamente, sem excluir sua configuração.

🎉 Resultado Final

Uma vez configurado com sucesso:

✅ Clientes ver o widget pacote em suas páginas de produto alvejado ✅ Todos os produtos do pacote são adicionados ao carrinho juntamente com um clique ✅ O desconto (e presente grátis 🎁) aplica-se automaticamente no checkout ✅ Itens sem stock mostram sua mensagem personalizada em vez de quebrar a oferta ✅ Seu valor médio da ordem cresce como clientes compram combos em vez de itens únicos 📈

Pacotes são uma das formas mais simples de levantar AOV — comece com o seu emparelhamento mais vendido, veja os resultados e duplique a oferta para testar novos combos 🚀

Actualizado em: 10/09/2026