> ## 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 Construir seu próprio pacote (BYOB) > ℹ️ **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 deixar que seus clientes escolham os produtos dentro de seu pacote em vez de comprar uma combinação fixa? 🛍️ Isso é exatamente o que o **Construa seu próprio pacote (BYOB)** oferta em Hoppy Bundles foi concebido para o efeito. Com a BYOB, seus clientes podem: * 🧺 Escolha produtos das coleções ou produtos que você permite * 🎯 Conheça as regras de seleção que você define (por exemplo, "escolha pelo menos 3 itens") * 💸 Desbloquear um desconto uma vez que seu pacote se qualifica * 🛒 Adicionar o pacote inteiro ao carrinho em um clique O pacote aparece como sua própria página de produto em sua loja, com um construtor de pacotes ao vivo seus clientes podem interagir com ✨ --- # **🧠 Como funciona o BYOB (Visualização Rápida)** Quando você salva uma oferta BYOB, Hoppy Bundles automaticamente faz duas coisas para você: 1. **Cria um Shopify produto** para o pacote (usando o URL do produto, Título, Preço, Descrição e Imagem que você fornece) 2. **Cria um Shopify desconto automático** que aplica o seu desconto configurado quando o pacote do cliente se qualifica Os clientes então visitam essa página do produto, constroem seu pacote e check-out — o desconto se aplica automaticamente quando suas regras são cumpridas 🎉 --- # **✅ Antes de começar** Antes de iniciar a configuração, certifique-se de ter: * 📦 A **produtos ou coleções** você quer que os clientes escolham, já criado em Shopify * 🖼️ A **imagem do banner** para a página do pacote (PNG, JPG ou GIF, até 5MB) — isto é necessário * 🧮 Uma ideia áspera da tua **regras de seleção** (quantos itens os clientes devem escolher, e de onde) * 💰 Uma ideia áspera da tua **desconto** (opcional — BYOB trabalha sem desconto também) 💡 Planejar suas regras primeiro torna a configuração muito mais rápida — todo o fluxo só leva alguns minutos quando você sabe o que quer ⚙️ --- # **🛠️ Passo 1 — Criar uma nova oferta BYOB** Abrir o **Hoppy Bundles** app e vá para a página de criação da oferta. Na **Selecionar tipo de oferta** ecrã, encontrar o cartão: **BYOB (Construa seu próprio pacote)** → _"Deixe que os clientes construam seu próprio pacote"_ Depois: → Clique **Criar BIOB** para abrir a página de configuração BYOB. Uma vez selecionada, a página de configuração abre automaticamente com **Visualização ao vivo** do lado direito — cada mudança que você faz atualizações da visualização em tempo real 👀 --- # **📝 Passo 2 — Configurar a Informação do Pacote (Página Geral)** Primeiro vais aterrar dentro do **Geral** tab. A **Informação do Pacote** seção controla o que os clientes vêem na página do pacote. --- ## **🔗 URL do produto** Este é o identificador de URL do Shopify produto que Hoppy Bundles cria para o seu pacote. * Apenas letras minúsculas, números e hífens são permitidos * Exemplo: `build-your-bundle` → sua página do pacote torna-se `/products/build-your-bundle` 💡 Escolha uma pega curta e memorável — os clientes podem visitar esta URL diretamente, e você pode linkar para ela a partir de menus, e-mails ou anúncios. --- ## **🧩 Modelo** Esta configuração controla o layout do construtor de pacotes na página. Existem 2 modelos disponíveis: * **Pick da prateleira** → Os clientes navegam por produtos e "pick from the stell", com uma barra pegajosa rastreando quantos itens ainda precisam * **Dividir Selecionar** → Um layout dividido com a imagem do pacote de um lado e a seleção do produto do outro Alternar entre eles e verificar o **Visualização ao vivo** para ver qual se encaixa melhor na sua loja ✨ --- ## **🏷️ Título** Os clientes principais do cabeçalho vêem na página do pacote. ### **Exemplo** * Construa seu próprio pacote * Criar a sua lancheira * Misture e combine seu conjunto de cuidados de pele --- ## **📌 Texto de Barra Fixo** Este texto aparece na barra pegajosa que rastreia o progresso do cliente enquanto ele escolhe produtos. Você pode usar a variável dinâmica: `{target}` → automaticamente substituído pelo número total de itens que o cliente precisa selecionar ### **Exemplo** "Precisa pelo menos {alvo} deste grupo" ℹ️ Usando `{target}`, a mensagem permanece correta mesmo se você alterar suas regras de seleção mais tarde. --- ## **🔘 Textos de Botão** Duas etiquetas de botões podem ser personalizadas: * **Texto do Botão** → O botão de chamada à ação principal (padrão: _"Adicionar pacote ao carrinho"_) * **Texto do Botão do Cartão do Produto** → O pequeno botão em cada cartão de produto (padrão: _"Adicionar"_) --- ## **💰 Preço** Define o preço base do Shopify produto criado para este pacote. Você pode digitar: * A **preço fixo** → por exemplo: `5000` * A **intervalo de preços** → por exemplo: `3000-5000` ℹ️ O valor real que os clientes pagam é calculado a partir dos produtos que eles escolhem mais o seu desconto — este campo é o preço mostrado no próprio produto do pacote. Quando um intervalo é inserido, o primeiro valor é usado como o preço do produto. --- ## **📝 Designação das mercadorias** Uma descrição de texto rica para a página do pacote. Use-o para explicar a oferta aos clientes. ### **Exemplo** "Pegue quaisquer 3 produtos dos nossos best-sellers e ganhe 20% do seu pacote! 🎁" --- ## **🖼️ Mídia (obrigatória)** Envie a imagem principal mostrada na página do pacote. * Clique na área de envio ou arraste e solte uma imagem * Formatos suportados: **PNG, JPG, GIF até 5MB** * Utilização **Alterar** ou **Remover** para substituir uma imagem existente ⚠️ **Importante**: A imagem do pacote é **necessário**Você não será capaz de salvar a oferta sem carregar uma. --- # **🎯 Passo 3 — Configurar a lógica de seleção de produtos** Agora vá para o **Seleccionar o Produto Lógica** tab. Este é o coração de BYOB ❤️ — aqui define: **o que os clientes devem escolher** Para que o seu pacote se qualificasse. --- ## **📦 Condições do pacote** Cada condição define uma regra de seleção: **Selecione → pelo menos → \[Quantidade\] → De → \[Coleção ou produtos\]** ### **Exemplo** * Pelo menos **3** da coleção **"Bestsellers"** * Pelo menos **2** de produtos **"T-shirt A, T-shirt B, T-shirt C"** Um cliente deve satisfazer **todas as condições** antes que eles possam adicionar o pacote ao carrinho. --- ## **🛒 Escolher produtos ou colecções** Para cada condição: 1. Definir a **Quantidade** os clientes devem escolher 2. Escolher **De → Coleção** ou **De → Produto** 3. Clique **Selecionar Coleções** ou **Selecionar produtos** para abrir o Shopify escolhedor 4. Escolha um ou mais itens — eles aparecem como etiquetas removíveis abaixo do botão ⚠️ **Importante**: Cada condição deve ter pelo menos uma coleção ou produto selecionado – caso contrário, a oferta não pode ser salva. ℹ️ Alternando entre **Colecção** e **Produto** limpa a seleção atual para essa condição, então escolha seu tipo primeiro. --- ## **🔢 Ordem de exibição do produto** Ao utilizar uma **Colecção**, os produtos aparecem na ordem de sorte da coleção. ℹ️ Você pode alterar a ordem de exibição em **Shopify Admin → Produtos → Coleções → \[Sua coleção\] → Produtos → Ordenar por**. --- ## **🔍 Adicionar Filtros (Opcional)** Activar **Adicionar filtros** com a condição de ajustar os produtos que os clientes vêem: * **Mostrar as Marcas (separadas em vírgula)** → Mostrar apenas produtos com estas etiquetas * **Esconder as Marcas (separadas em vírgula)** → Ocultar produtos com estas etiquetas ### **Exemplo de Casos de Uso** * Mostrar apenas produtos marcados `bundle-eligible` * Esconder os produtos marcados `sold-out` ou `excluded` --- ## **➕ Adicionando Mais Condições** Clique **\+ Adicionar mais condições** para criar regras de seleção adicionais. ### **Exemplo** * Condição 1 → Pelo menos 2 da coleção **Camisas** * Condição 2 → Pelo menos 1 da coleção **Acessórios** Isso obriga os clientes a construir um pacote misto entre ambos os grupos 🎽🧢 ℹ️ O ícone de exclusão em uma condição só aparece quando você tem mais de uma condição — pelo menos uma condição é sempre necessária. --- # **💸 Passo 4 — Configurar o Desconto (Opcional)** De volta para o **Geral** tab, rolagem para o **Desconto** secção. Se você não quer qualquer desconto, deixe o **Tipo** como **Sem desconto** e pular para o próximo passo — BYOB funciona perfeitamente bem sem um. --- ## **🏷️ Tipo de Desconto** Existem 5 opções disponíveis: Tipo de Desconto Designação das mercadorias Sem desconto Apenas construtor de pacotes, sem desconto % de desconto Percentagem de desconto (por exemplo, 25% de desconto) Desconto plano Montante fixo fora do pacote (por exemplo, 500 de desconto) Em cada unidade de desconto plano Montante fixo desligado **por item** (por exemplo, 50 de desconto cada) Preço específico Definir um preço final exato para o pacote Depois de escolher qualquer tipo que não **Sem desconto**, a **Valor de desconto** campo aparece — digite o número ali. --- ## **⚖️ Desconto baseado em** ℹ️ Esta seção só aparece quando um tipo de desconto é selecionado. Controla **quando** o desconto torna-se ativo. --- ### **💰 Quantidade total do carrinho** O desconto aplica-se uma vez que o valor total dos itens no pacote atinge um valor mínimo. Definir o limiar na **Valor mínimo do carrinho** Campo. ### **Exemplo** * O pacote total chega a 30000 → 10% OFF se aplica ⚠️ **Por favor note**: O valor do carrinho é sempre avaliado **antes** Quaisquer descontos são aplicados. A verificação do valor mínimo do carrinho não considera os descontos de nível de ordem (por exemplo, uma porcentagem fora do carrinho inteiro). --- ### **🛒 Quantidade do produto** O desconto se aplica uma vez que o cliente tenha escolhido um número mínimo de itens. * Definir o limiar na **Quantidade mínima** campo * Activar opcionalmente **Contar apenas produtos únicos** então quantidades repetidas do mesmo produto não contam ### **Exemplo com apenas produtos exclusivos da contagem** * Produto A × 3 → contado como **1** produto * Produto A + Produto B → contado como **2** produtos Isso é útil quando você quer que os clientes explorem diferentes produtos em vez de empilhar o mesmo 🛍️ --- # **🔄 Passo 5 — Combinações de desconto** Abaixo da seção Desconto, o **Habilitar combinação de descontos** cartão controla se o seu BYOB pilhas de desconto com outros descontos no checkout. * **Descontos de encomendas** → Permitir combinar com descontos de nível de ordem * **Descontos de envio** → Permitir combinar com descontos de transporte ℹ️ BYOB descontos sempre combinar com outros descontos de produto por padrão. --- # **🎨 Passo 6 — Desenho, Tradução e Extras (Opcional)** Essas seções são totalmente opcionais durante a configuração — os padrões ficam ótimos fora da caixa ✨ * **Página de Desenho** → Personalize fontes, cores, tipografia e estilos de botões do construtor de pacotes. Consulte o documento dedicado Design & Styling para detalhes. * **Tradução** → Traduzir textos em pacotes para outras línguas da sua loja. * **Mercados múltiplos** → Ajuste a oferta para mercados específicos. * **Opções Personalizadas da Nota** → Activar **Adicionar campo de notas** para mostrar aos clientes um pop-up para uma nota personalizada depois de adicionar o pacote ao carrinho 🗒️ --- # **✅ Passo 7 — Salvar e Publicar** Uma vez tudo configurado: 1. Clique **Gravar** na barra de gravação na parte inferior 2. Clique **Publicar** no canto superior direito ⚠️ **Importante**: Uma nova oferta BYOB é sempre salva como um **Rascunho** Primeiro. A **Publicar** O botão fica disponível apenas após a primeira gravação. Quando bates **Gravar**, Hoppy Bundles automaticamente: * 🛍️ Cria (ou actualiza) o Shopify produto para o seu pacote – visível em **Shopify Admin → Produtos** * 💸 Cria o desconto automático – visível em **Shopify Admin → Descontos** Quando bates **Publicar**, o produto pacote vai **Activo** e o desconto gira **ligado** — sua página BYOB está agora ao vivo 🚀 💡 Podes. **Não publicado** a qualquer momento para tirar o pacote offline sem excluí-lo, e usar **Duplicar** clonar uma oferta BYOB existente como ponto de partida para uma nova. --- # **⚠️ Notas Importantes** * 🖼️ **Imagem de mídia é necessária** — as poupanças não são efectuadas sem elas * 🎯 **Cada condição precisa de uma seleção** — pelo menos uma colheita ou produto por condição * 🧺 **Os clientes devem satisfazer todas as condições** antes do botão Adicionar pacote ao carrinho ativa * 🗑️ **Excluir uma oferta BYOB também exclui** a sua ligação Shopify produto, desconto e imagem carregada – isso não pode ser desfeito * 🔗 Não apagar manualmente o produto do pacote criado automaticamente em Shopify Admin. a menos que você esteja removendo a oferta - Hoppy Bundles recria- o na próxima gravação se estiver ausente --- # **🎉 Resultado Final** Uma vez publicado com sucesso: ✅ Os clientes recebem uma página dedicada em sua loja ✅ Eles escolhem produtos com base em suas regras com acompanhamento de progresso ao vivo ✅ O desconto se aplica automaticamente uma vez que o pacote se qualifica ✅ O pacote inteiro é adicionado ao carrinho em um clique ✅ Valor médio de ordem melhora à medida que os clientes constroem pacotes maiores ✨ Uma oferta BYOB bem configurada transforma as compras em uma experiência interativa — os clientes adoram construir seus próprios combos 🚀