ℹ️ 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) permitindo aos clientes adicionar produtos extras com um único clique? 🛍️

Isso é exatamente o que o Compostos de produtos oferta em Hoppy Bundles foi concebido para o efeito.

Com o Product Addons, seus clientes veem uma lista de produtos opcionais com caixas de seleção mesmo na página do produto. Eles simplesmente tick os addons que eles querem, e tudo é adicionado ao carrinho juntos de uma só vez ✅

Perfeito para coisas como

• 🎁 Cartas de presente ou de cumprimento
• 🛡️ Garantias alargadas ou planos de protecção
• 🧢 Acessórios correspondentes (cap + t-shirt, meias + sapatos)
• 🧴 Produtos complementares (versão para viagens, recargas)

Este guia explica cada configuração passo a passo para que você possa lançar sua primeira oferta do produto em apenas alguns minutos ⚡

✅ Antes de começar

Antes de criar sua oferta de produtos, certifique-se do seguinte:

• Hoppy Bundles está instalado na sua loja e você pode abri-lo de Shopify Admin → Apps.
• Os produtos que você quer oferecer como addons já existem no seu Shopify catálogo (com imagens e preços fixados).
• A Hoppy Bundles Aplicativo Incorporar está habilitado em seu tema, caso contrário, o widget não aparecerá em sua storefront.

Para habilitar a incorporação do aplicativo, acesse:

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

Depois:

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

💡 Se publicar a sua oferta sem permitir a incorporação do aplicativo, Hoppy Bundles mostrar-lhe-á um banner de lembrete com Activar a Entrada da Aplicação botão de atalho — então não se preocupe, você também pode fazê-lo mais tarde.

🚀 Passo 1 — Criar uma nova oferta de produtos

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

Depois:

→ Clique Criar uma Nova Oferta (ou + Novo opção) para abrir o tipo de oferta escolhedor.

→ Selecionar Produtos (Com caixas de seleção) — “Permitir aos clientes adicionar produtos opcionais através de caixas de seleção.”

→ Clique Criar Comentários de Produto.

A página de configuração do produto será aberta automaticamente.

Você vai notar que a página de configuração está organizada em 3 páginas à esquerda:

• Geral → Oferecer conteúdo, produtos, descontos e configurações
• Desenho → Olhar e sentir do widget
• & Colocação de Destino → Onde e para quem o widget é mostrado

No lado direito, você verá um Visualização ao vivo (tanto Desktop quanto Mobile) que atualiza instantaneamente conforme você altera qualquer configuração 👀

⚙️ Passo 2 — Configurar as Configurações Gerais

Esta é a área de instalação principal. Vamos passar por ele seção por seção.

🏷️ Nome da Oferta

Este nome é usado apenas para fins internos.

Os clientes nunca o verão.

Você pode usar qualquer nome reconhecível como:

• Adicionar a Lista de Presentes
• Garantia Upsell
• Acessórios de verão

💡 Usar nomes internos adequados torna mais fácil identificar configurações mais tarde, especialmente se sua loja executar várias ofertas.

📝 Título do pacote

Este é o título clientes ver acima da lista addon em sua página do produto.

Por padrão, está definido como “Componentes de produto”, mas sinta-se livre para torná-lo seu:

• “Faça uma combinação 🎉“
• “Complete seu olhar”
• “Adicione estes ao seu pedido”

🎯 Tipo de recomendação

Esta configuração controla como os produtos addon são escolhidos.

Existem 2 opções disponíveis:

• Selecção Manual → Você escolhe os produtos addon exatos você mesmo
• AI Recomendado → Hoppy Bundles recomenda automaticamente addons relevantes para cada produto

🙌 Selecção Manual

Clique Selecionar produtos e pegar para 3 produtos (incluindo variantes específicas) para mostrar como addons.

Cada produto selecionado aparece como seu próprio bloco onde você pode:

• 🔢 Definir a quantidade adicionado quando o cliente marcar a caixa de seleção
• ✏️ Editar o mostrar o nome do produto (ícone do lápis) — o original Shopify produto permanece intocado
• 🗑️ Remover o produto da oferta

Mostrar o nome do produto modificado

Active esta opção se quiser que o elemento mostre o seu nome de exibição editado em vez do original Shopify Título do produto.

Exemplo

• Título do produto original: “Capa de Algodão Premium – Preto / Um Tamanho”
• Nome modificado mostrado no elemento: “Capa de correspondência 🧢“

⚠️ Você pode selecionar um máximo de 3 produtos adicionais em modo manual.

🤖 AI Recomendado

ℹ️ Estas opções só aparecem quando Tipo de recomendação addOn está definido como AI Recomendado.

Com o modo IA, você mesmo não escolhe produtos addon – Hoppy Bundles sugere automaticamente os addons mais relevantes para cada produto.

Configurar o seguinte:

• Número de produtos recomendados de IA → Quantas sugestões addon para mostrar (padrão: 3)
• Tipo de alvo AI → Escolha onde o widget addon deve aparecer:
• • Produtos específicos → Mostrar em páginas de produto selecionadas
  • Colecções → Mostrar em produtos das coleções selecionadas
• Produtos alvo / Coleções alvo → Clique no botão selecionar e escolher os produtos ou coleções onde o widget Addon IA deve ser exibido

Alvos selecionados aparecem em uma lista abaixo do campo, e você pode remover qualquer um deles usando o ícone excluir 🗑️

💸 Desconto

Queres adoçar o acordo? Você pode oferecer um desconto nos produtos addon.

Tipo de Desconto

Estão disponíveis as seguintes opções:

• Sem desconto → Addons são vendidos a preço total (padrão)
• % de desconto → p. ex. 25% de desconto
• Desconto plano → por exemplo $10.00 fora do total addon
• Em cada unidade de desconto plano → Por exemplo, $2.00 de desconto em cada unidade
• Preço específico → Definir um preço exato, por exemplo, $29.00

⚠️ BOGO / Comprar X Obter Y tipos de desconto são não disponível para ofertas de produtos.

Desconto

Digite aqui o valor do desconto.

ℹ️ Este campo permanece desativado enquanto Tipo de Desconto está definido como Sem desconto.

Aplicar o Desconto

Esta configuração controla quantos itens o desconto se aplica.

• O mesmo que o número de upsells → O desconto se aplica a todos os produtos addon na oferta (padrão)
• Quantidade Personalizada → O desconto aplica-se apenas a um número específico de unidades — insira o número no Quantidade Personalizada campo que aparece

🎁 Presente grátis

Activar a Presente grátis checkbox se você quiser adicionar automaticamente um produto gratuito ao carrinho junto com os addons.

Uma vez habilitada:

→ Clique Selecionar produtos do presente e escolher um ou mais produtos para dar de graça.

Cada bloco de produto do presente permite definir o quantidade e editar o nome da exibiçãoComo os produtos addon.

💡 Presentes grátis são uma ótima maneira de empurrar os addons — “Adicione uma garantia e obtenha um pano de limpeza grátis 🎁“

🛠️ Configuração

Esta seção controla como o widget addon se comporta na frente da sua loja.

Mostrar o Preço unitário

Habilite isso para que os clientes possam ver o preço de cada produto addon individual na oferta.

Saltar o Carrinho Directamente para Verificar

Quando habilitado, os clientes são redirecionados direto para a página de checkout depois de adicionar os addons — pulando a página do carrinho inteiramente.

💡 Útil para compras rápidas, estilo impulso. Desabilitar se você quiser que os clientes revejam seu carrinho primeiro.

Mostrar Comparar ao preço

Active isto para mostrar o preço de comparação a (ataque) na oferta, para que os clientes possam ver o preço original ao lado do desconto.

ℹ️ Quando habilitado, um extra Preço de comparação personalizado O campo aparece. Use-o para substituir ShopifyA comparação do preço desta oferta — deixe em branco ou 0 para continuar a utilizar o Shopify preço de comparação.

Usar texto personalizado para rastrear o inventário

Active isto para mostrar um mensagem personalizada para os clientes quando um produto addon selecionado está fora de estoque.

ℹ️ Quando habilitado, um campo de texto aparece onde você pode digitar sua própria mensagem (por exemplo: “Atualmente indisponível – volte em breve!”).

Descontos combinados

Esta configuração controla se o desconto addon pode ser combinado com outros descontos no carrinho e checkout:

• ✅ Descontos de pedidos
• ✅ Descontos de envio

⚠️ Devido a Shopify restrições, esta configuração agora se aplica globalmente para todas as novas ofertas — não só esta.

Produtos-alvo

ℹ️ Esta secção só aparece quando Tipo de recomendação addOn está definido como Selecção Manual.

Aqui você escolhe em quais produtos o widget addon é exibido. Basta assinalar as caixas de seleção ao lado dos produtos.

⚠️ Pelo menos um produto deve ser selecionado como um alvo, caso contrário, o widget não vai mostrar em qualquer lugar.

Exemplo

Você adicionou um boné, meias e uma pulseira como addons, mas você só quer que o widget para aparecer na página de camiseta → marque apenas a camiseta ✅

🔘 Chamada à ação

Este é o texto do botão que os clientes clicam para adicionar os addons selecionados ao carrinho.

Predefinição: “Adicionar pacote ao carrinho”

Exemplos

• “Adicionar selecionado ao carrinho 🛒“
• “Sim, adicione estes!”
• “Complete a minha ordem”

✨ Marca Realçada

Adicione uma pequena etiqueta de captura de atenção ao widget, por exemplo. “Oferta do Combo” ou “Tempo Limitado”.

Clique na 👁️ ícone ao lado do campo para mostrar ou ocultar a etiqueta no widget.

📄 Texto do Rodapé

Uma pequena linha de texto mostrada na parte inferior do elemento.

Exemplos

• “Envio grátis em todos os addons 🚚“
• “Descontos aplicados automaticamente na saída”

🌍 Vários mercados e traduções

Vendendo em vários mercados ou idiomas? A Mercados múltiplos a seção permite definir diferentes valores de desconto por mercado/moeda, Tradução a seção permite traduzir os textos do widget para os outros idiomas da sua loja.

Estes são opcionais — sua oferta funciona perfeitamente bem sem eles. Verifique os vários mercados dedicados e documentos de tradução para uma caminhada completa 📚

🎨 Passo 3 — Personalizar o Design (Opcional)

Mudar para o Desenho aba para fazer o widget corresponder ao seu tema.

Você pode ajustar:

• 🔤 Fonte → Use sua fonte de tema ou escolha em uma lista de fontes do Google
• 🎨 Tipografia e cores → Título, preço, etiqueta, rodapé, preço total e estilo de botão
• ⬛ Largura da borda & raio → Redonda ou afiar os cantos widget
• 🖼️ Cores de fundo e borda → Para linhas de produto, rodapé, etiqueta destacada e botão

Cada mudança aparece instantaneamente na pré-visualização ao vivo à direita — então brinque até parecer certo ✨

💡 O design padrão já combina bem com a maioria dos temas, para que você possa pular esta guia com segurança em sua primeira configuração.

📍 Passo 4 — Definir o alvo e o posicionamento

Mudar para o & Colocação de Destino aba para controlar onde e para quem o widget aparece.

Colocação

Existem 2 opções de colocação:

• Abaixo Adicionar ao Botão do Carrinho (Padrão) → O widget aparece automaticamente sob o botão Adicionar ao Carrinho em suas páginas de produto. Esta é a opção recomendada para a maioria das lojas.
• Personalizado (Apenas na página do produto) → Coloque o widget em qualquer lugar em sua página do produto usando o Hoppy Bundles bloco de aplicativos no editor do tema, ou colar o fornecido excerto de código diretamente em seu tema.

⚠️ A Hoppy Bundles ID e o trecho de código só se torna visível depois de guardar a oferta pela primeira vez — salvar primeiro, depois voltar para pegá-los.

Outras Opções de Alvo

Abaixo do cartão de colocação você também encontrará:

• Alvo do Cliente → Mostrar o widget para todos, apenas clientes logados, etiquetas de clientes específicas ou clientes acima de uma vida útil
• Meta de Geolocalização → Mostrar o widget em todo o mundo ou apenas em países específicos
• Agendamento → Definir uma data/hora de início e fim para a oferta (perfeito para promoções de tempo limitado )

Todos estes são opcionais — por padrão a oferta é visível para todos, em toda parte, o tempo todo. Consulte os documentos dedicados do Targeting se você quiser ir mais fundo 📚

💾 Passo 5 — Salve e publique sua oferta

Quase pronto! 🎉

Salve sua oferta

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

→ Clique Gravar para guardar a sua configuração como um rascunho.

Você vai notar o Rascunho crachá ao lado do título da página — isso significa que a oferta é salva, mas ainda não está ao vivo na sua loja.

Publicar sua oferta

Uma vez que você está feliz com a prévia:

→ Clique no Publicar botão no topo da página.

O crachá muda para Publicado 🟢 e seu widget addon vai ao vivo nas páginas de produto selecionadas.

Se o aplicativo incorporado ainda não está habilitado, você verá um banner com um Activar a Entrada da Aplicação botão — clique nele, alternar a incorporação no editor do tema, e você está tudo definido ✅

Edição posterior

Volte para a oferta a qualquer momento do Hoppy Bundles Painel. Daqui você também pode:

• Duplicar → Criar uma cópia da oferta (handy para criar variações)
• Apagar → Remova permanentemente a oferta
• Não publicado → Leve a oferta off-line sem excluí-la

⚠️ Excluir uma oferta é não reversível — a oferta e o seu desconto serão permanentemente perdidos.

⚠️ Coisas Importantes a Saber

• ⚠️ Apenas uma oferta publicada por conjunto de produtos é permitido. Se já existir um pacote publicado com os mesmos produtos, você terá um erro ao salvar — ou editar o existente ou alterar a seleção do produto.
• ⚠️ O modo manual suporta um máximo de 3 produtos adicionais.
• ⚠️ Pelo menos um. Produto-alvo deve ser marcada no modo manual, caso contrário o widget não aparecerá em lugar algum.
• ⚠️ BOGO / Buy X Get Y descontos não estão disponíveis para o produto Addons.
• ℹ️ A Descontos combinados a definição aplica- se globalmente a todas as novas ofertas Shopify restrições.
• 💡 Se o widget não aparecer após a publicação, verifique se o Hoppy Bundles Aplicativo Incorporar está habilitado em seu tema e que a oferta mostra o Publicado distintivo.

🎉 Resultado Final

Aqui está o que seus clientes verão na página do produto:

• ✅ Uma lista limpa de produtos adicionais opcionais com caixas de seleção, logo abaixo do botão Adicionar ao Carrinho
• 💰 Preços ao vivo (e descontos, se configurado) para cada adição
• 🔢 Um total que atualiza enquanto os clientes marcam ou desmarcam addons
• 🔘 Seu botão call-to-action personalizado que adiciona tudo ao carrinho em um clique
• 🎁 Presentes gratuitos adicionados automaticamente, se activados

Os clientes simplesmente marcam o que querem e clicam no botão – o produto principal, os complementos selecionados e quaisquer presentes grátis todos os terrenos no carrinho juntos, com descontos aplicados automaticamente ✨

É isso — sua oferta de produtos está ao vivo e pronta para impulsionar seu AOV! 🚀

💡 Precisa de ajuda? Usar o aplicativo Suporte de Contato opção a qualquer momento — estamos felizes em ajudá-lo a se configurar.

Actualizado em: 10/09/2026