> ## 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 o produto > ℹ️ **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ção**Como 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.