🚀 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ê:
- Cria um Shopify produto para o pacote (usando o URL do produto, Título, Preço, Descrição e Imagem que você fornece)
- 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árioVocê 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:
- Definir a Quantidade os clientes devem escolher
- Escolher De → Coleção ou De → Produto
- Clique Selecionar Coleções ou Selecionar produtos para abrir o Shopify escolhedor
- 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-outouexcluded
➕ 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:
- Clique Gravar na barra de gravação na parte inferior
- 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 🚀
Actualizado em: 10/09/2026
Obrigado!