Este artigo também está disponível em:

🚚 Como Configurar Frete Grátis Upsell Bar com Colocação Única

ℹ️ 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 mostrar um Bar de Frete Grátis altamente direcionado apenas em uma área específica da sua loja?


Isso é exatamente o que o Fluxo de trabalho de colocação único em Hoppy Free Shipping é construído para.


Ao contrário do fluxo de trabalho de Colocação Múltipla, onde uma configuração controla várias áreas de colocação juntas, o fluxo de trabalho de Colocação Única foca em apenas uma colocação de cada vez — dando-lhe mais controle granular sobre:


  • Visibilidade
  • Comportamento de colocação
  • Condições de visualização
  • Upsell configuração
  • Personalização do projeto
  • Opções de destino


Este fluxo de trabalho é especialmente útil quando:


  • Você quer diferentes barras de envio grátis para páginas diferentes
  • Você quer mensagens específicas de posicionamento
  • Você precisa de alvo de visibilidade avançada
  • Você quer controle completo sobre uma única área de colocação



🔄 Colocação Única vs Colocação Múltipla


Hoppy Free Shipping atualmente oferece 2 tipos de fluxo de trabalho.


Tipo de fluxo de trabalho


Melhor para


Colocação múltipla (baseada em objetivos)


Uma configuração em várias áreas, como página de produto, gaveta de carrinho, página de carrinho e banner


Colocação única (baseada na colocação)


Uma configuração altamente personalizável para uma colocação específica


Com fluxo de trabalho de colocação única:


✅ Você configura apenas uma colocação
✅ Cada colocação pode ter configurações diferentes
✅ Mais controles específicos de colocação ficam disponíveis
✅ Melhor para personalização avançada


A Barra de Frete Grátis:


  • Aparecer apenas nas Páginas do Produto
  • Rastreie o valor do carrinho do cliente
  • Mostrar o progresso em tempo real 📈
  • Aplicar automaticamente a recompensa quando o objetivo for atingido 🎉
  • Mostrar recomendações de upsell abaixo da barra de Frete Grátis



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


Para que a barra de envio gratuito 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 → Editar Tema → App Incorpora


Depois:


  • Procurar Frete grátis Upsell
  • Activar
  • Clique em Salvar



🛠️ Passo 1 — Criar uma nova Upsell de envio


  1. Abrir o Hoppy Free Shipping app
  2. Clique Criar nova Upsell de envio
  3. Selecionar fluxo de trabalho: Existem dois tipos de colocação, que são Baseado em Objetivos e Baseado na Colocação.

Selecionar Baseado na ColocaçãoPela Baseado em Objetivos fluxo de trabalho, você pode segui-lo aqui [Link].


  1. Selecione a área de colocação com a qual deseja trabalhar




⚙️ Passo 2 — Configurar e Configurar Objetivos


Uma vez que a página de configuração abre, você vai pousar dentro da seção Objetivo.


A secção Regras de Objectivos permite definir:


  • Objectivos: Os limiares devem ser fixados nas metas, seja para a quantidade do produto ou a quantidade total do carrinho (como discutido mais adiante).
  • Prémios: Você pode selecionar uma recompensa para cada objetivo que você alcançar.
  • Cálculos: Com base na sua preferência, você pode optar por calcular o total do carrinho antes ou depois de quaisquer descontos são aplicados quando você escolher o valor total do carrinho.
  • Mensagens: Várias mensagens são exibidas para cada status de objetivo, incluindo início, progresso e objetivo alcançado.
  • Formato da moeda: Selecione se você quer a moeda exibida antes ou depois do preço, usando o símbolo da moeda ou texto da moeda, e assim por diante.



🎯 Página de Meta Explicada


Um objetivo em nosso Hoppy Free Shipping app é um limiar que especifica o número máximo de produtos ou o valor mínimo do carrinho necessário para se qualificar para uma recompensa.


Considerando que a recompensa pode ser qualquer coisa de um presente gratuito 🎁, um desconto percentual (5% de desconto), uma soma de desconto ($10 de desconto), ou frete grátis.


A. Frete grátis Upsell Nome


Este campo é apenas para uso interno, os clientes nunca verão este nome. Use algo fácil de reconhecer mais tarde.


Exemplo


  • Booster de página de produto
  • Campanha de envio gratuito
  • Objectivo de Venda de Verão ☀️
  • Funil de crescimento da AOV



B. Tipo de Objectivo


Esta configuração determina como você deseja acompanhar o progresso da barra de Frete Livre para alcançar uma recompensa.


Existem 2 opções disponíveis.


1. Quantidade Total do Carrinho


Esta opção rastreia o valor do dinheiro sendo gasto e atualiza a barra de Frete Livre em tempo real.


Exemplo: Você pode dar 5% OFF se o valor total do carrinho atingir 300 dólares. Aqui, “$300” é a meta e “5% OFF” é a recompensa.



2. Quantidade de produto


Ele mantém o controle de quantos produtos estão no carrinho e vê se a pessoa pode obter uma recompensa. 🎁


Normalmente, contamos todos os produtos, mesmo que alguém adicione o mesmo duas vezes.


Mas podemos escolher a opção "Count Only Unique Products" para garantir que só contamos produtos diferentes para o objetivo.



Contar apenas produtos exclusivos


ℹ️ Esta opção só apareceria se você tivesse selecionado "quantidade de produto" em Tipo de Objetivo.


Habilite isso se você só quiser que produtos diferentes contem para o objetivo. Útil quando você quer clientes explorando vários produtos em vez de aumentar a quantidade do mesmo item.


Exemplo:


Carrinho


Contado Como


Produto A × 5


1 Produto


Produto A + Produto B


2 Produtos


C. Incluir / Excluir Produtos de Objetivos


Esta opção determina quais produtos você deseja adicionar ou remover ao apontar para o objetivo. 🚀


Se um produto(ou coleção) for excluído, o indicador de transporte gratuito não mudará quando um item entrar no carrinho.


Você pode:


  • Adicionar certos produtos
  • Remover certos produtos
  • Adicionar coleções
  • Remover coleções


Isto é útil quando:


  • Você só deseja que coleções específicas sejam contadas
  • Você precisa deixar de fora itens que estão à venda
  • Você quer apenas produtos de alta qualidade para contar para o objetivo



💰 Passo 3 — Configurar cálculos e configurações de moeda


ℹ️ Esta secção não é necessária quando se utiliza a Quantidade de Produto como Tipo de Objectivo.



A. Cálculos da barra de progresso


Como discutido acima, aqui você pode escolher como você quer que a quantidade total do carrinho seja considerada para progredir mais e contar para o objetivo.


Antes do Desconto


Utiliza os preços fixados Shopify sem aplicar quaisquer descontos em cima deles.


Após o Desconto


Usa valores de carrinho com desconto após Shopify são aplicados descontos.



B. Tipo de Símbolo de Moeda


Esta configuração dita a forma como a moeda é apresentada na barra de Frete Livre.


Usar Símbolo de Moeda 💲


A opção para mostrar a moeda na sua loja dependerá da moeda que você selecionou Shopify Configurações → Geral → Armazenar padrões → Exibição de moeda.
Isso significa, se você tiver selecionado Dólar dos EUA (USD $) na Shopify Configurações, então nossa opção Usar Símbolo de Moeda daria duas opções:


  1. Usar o símbolo da moeda ($)
  2. Usar o texto da moeda (USD)


Exemplo: “Você está a apenas $200 de desconto de 50%!”



Usar texto em moeda 💵


Como mencionado acima, ele lhe dá a opção como selecionado no Shopify Configurações, ele será posicionado como um sufixo, significando após o texto de preço.


Exemplo: “Você está apenas a 200 USD de 50% de desconto!”



C. Posição do símbolo da moeda


Esta opção permite- lhe escolher a colocação do símbolo da moeda.


ℹ️ Disponível apenas quando “Usar Símbolo de Moeda” é selecionado.


Exemplo:


  • Antes Preço: “Você está apenas a 200 dólares de desconto de 50%!”
  • After Price: “Você está a apenas 200$ de desconto de 50%!”



D. Formato do dinheiro


Controla como os preços são formatados em toda a Barra de Frete Grátis, isso ajuda as lojas a combinar com as preferências de formatação de moeda regional.


Os formatos disponíveis incluem:


  • Guardar por Omissão
  • Montante
  • Montante sem decimais
  • Quantidade com separador de vírgulas
  • Quantidade com separador de espaço
  • Quantidade com Separador de Apostrofe
  • E mais



🎁 Passo 4 — Configurar o Objetivo


Agora vamos começar a configurar os objetivos e recompensas reais.


ℹ️ Nota:


  • Configurar recompensas para as metas em nosso aplicativo vai gerar um desconto em seu Shopify Descontos, que será habilitado para apoiar as recompensas que você escolheu.
  • Se você NÃO deseja que qualquer desconto seja criado automaticamente, selecione Nenhuma recompensa na secção Recompensas.
  • Apenas a barra de Frete Grátis será visível, sem quaisquer descontos sendo aplicados a partir do aplicativo.



A. Carrinho Mensagem Vazia


Esta é a primeira mensagem que aparece acima da barra de Frete Livre quando o carrinho está vazio (ou se contém um item que já está excluído na configuração).


Você deve utilizar a variável dinâmica:
{order-value}


ℹ️ Usando variáveis dinâmicas, você não terá que atualizar os valores no objetivo e mensagem cada vez que você fizer ajustes.


Exemplo: “Obter 50% de desconto para pedidos sobre {valor da ordem}!”



B. Objetivo de Gastar 🎯


Este é o objetivo real que os clientes precisam alcançar desbloquear a recompensaVocê pode configurá-lo com base na quantidade total de cada carrinho ou Quantidade do produto, dependendo da sua Seleção do tipo de objetivo.


C. Tipo de recompensa


Existem 5 tipos de recompensa disponíveis.


Tipo de recompensa


Designação das mercadorias


Sem desconto


Apenas progresso visual


Frete grátis


Aplica Frete Grátis 🚚


Desconto Percentagem


Desconto percentual aplicável


Desconto de Quantidade Fixa


Aplica desconto de valor fixo


Presente grátis


Adiciona automaticamente um produto de presente 🎁


⚠️ Importante:


O produto presente deve estar disponível dentro de um canal de vendas ativo.



D. Rótulo de desconto


O rótulo que você digita aqui é mostrado na página Carrinho / Checkout como o nome do desconto.


Você deve utilizar a variável dinâmica:
{value}


ℹ️ Nota:


  • Usando variáveis dinâmicas, você não terá que atualizar os valores no rótulo cada vez que fizer ajustes.
  • Variáveis dinâmicas só funcionariam se você usasse as recompensas “Percent Discount” ou “Fixed Quantity Discount”.


Exemplo:


  • Hoppy {valor}% OFF
  • Página do produto {valor} Recompensa
  • Desconto VIP


Seria assim na página de Checkout 👀



E. Mensagem de progresso


Esta mensagem informa aos clientes quanto mais eles precisam adicionar para desbloquear a próxima recompensa.


Usar a variável:


{order-value-progress}


Isso atualiza dinamicamente a quantidade ou quantidade restante.


Exemplo


“Adicionar {valor da ordem-progress} mais para desbloquear Frete Grátis”



F. Excluir métodos de envio


ℹ️ Esta opção só aparece ao usar o Frete grátis em Reward Type.


Você pode excluir métodos de envio digitando o nome do método de envio dos métodos de envio que você criou em Shopify Admin → Configurações → Envio e entrega.


Se detectado com sucesso, o método é adicionado à lista de exclusão.


⚠️ Por favor note:


Alguns métodos de envio avançados e subcategorizados de fornecedores como UPS, USPS, FedEx e DHL pode não ser totalmente apoiado neste momento.


💡 O apoio a estas estruturas é actualmente em desenvolvimento.



G. Objetivo alcançado mensagem


Active isto se quiser que os clientes vejam uma mensagem de sucesso assim que desbloquearem a recompensa. 🎉


ℹ️ Esta mensagem só será mostrada uma vez todos os objetivos são alcançados.


Exemplo: “Parabéns! Você desbloqueou 50% de desconto!”



H. Combine com outros descontos


Liga isto, se quiseres. Hoppy recompensas para empilhar com outras ofertas. Quando isso for ativado, descontos de diferentes aplicativos contribuirão para os objetivos:


  • Shopify Descontos
  • Descontos Automáticos
  • Aplicativos de desconto de terceiros



I. Escolha como recompensas devem ser aplicadas


Esta opção permite que você decida como seus objetivos serão tratados: ou todos os objetivos serão aplicados com base em seus limiares, ou apenas o último objetivo será aplicado.


  • Todas as recompensas devem ser aplicadas

Todas as recompensas desbloqueadas serão ativadas ao mesmo tempo.

  • Só deve ser aplicada a última recompensa

Apenas a mais alta/última recompensa se torna ativa.



🛍️ Passo 5 — Configurar produtos Upsell


Agora vá para a guia Upsell.


Esta seção controla as recomendações do produto mostradas abaixo da barra de Frete Livre.



📦 Tipos de venda explicados


1. Nenhum Upsell


Não haveria nenhuma recomendação upsell abaixo da barra de Frete Grátis.



2. AI Upsell (Comprados Freqüentemente Juntos)


Mostrar automaticamente produtos que são comumente comprados juntos, com base no tipo de recomendação seleccionado na configuração e na produtos adicionados ao carrinho.


Opções disponíveis:


  • Produtos relacionados: Recomenda produtos semelhantes ao produto com o qual o cliente está interagindo. Estas recomendações são geradas automaticamente ou podem ser personalizadas usando ShopifyAplicativo Search & Discovery.
  • Produtos complementares: Recomenda produtos que combinam bem com o produto que o cliente está interagindo.


Você pode gerenciar e personalizar essas recomendações usando ShopifyAplicativo Search & Discovery. Para saber mais sobre Search & Discovery, clique aqui [Link].



3. Upsell Produtos Específicos


Escolha manualmente os produtos exatos que você deseja recomendar aos clientes. Esta opção lhe dá total controle sobre quais produtos são exibido como recomendações upsell, independentemente do produto atualmente no carrinho ou ser visto.



4. Upsell coleções específicas


Mostra as recomendações de upsell das coleções selecionadas. Produtos serão mostrados a partir das coleções que você escolher, tornando mais fácil promover categorias relacionadas, Rubricas sazonaisou Grupos de produtos curados.



5. Upsell mesmo produto


Mostrar o mesmo produto que o cliente está vendo atualmente. Isso pode ser útil para destacar o produto novamente em diferentes contextos, como incentivar compras baseadas em quantidades.



⬅️ Auto Slide Upsell por Intervalo


Active isto para rodar automaticamente através de recomendações de upsell num intervalo de tempo definido. Isso mantém as sugestões do produto frescas e pode aumentar o engajamento, mostrando diferentes opções.


O intervalo pode ser definido em segundos no Duração do Intervalo campo, permitindo-lhe controlar com que frequência os produtos upsell mudam.



🖋️ Título e número máximo de produtos


Você pode definir um título personalizado para a secção upsell na campo de área de texto com opções básicas de formatação de texto. Este título aparecerá acima do produtos recomendados.


Na Número máximo de produtos campo, você pode especificar quantos produtos upsell para exibir imediatamente. Isto permite- lhe controlar a número de recomendações mostrado aos clientes, garantindo uma apresentação limpa e focada.



🔘 Configuração do Botão de Chamada a Acção


Você pode configurar:


  • Botão Texto a mostrar no botão Upsell antes do item upsell ser adicionado ao carrinho.
  • Botão Texto a mostrar no botão Upsell após o item upsell ser adicionado ao carrinho.


Exemplo


Estado


Texto


Antes de adicionar


Adicionar ao Carrinho 🛒


Após adicionar


Adicionar outro 🔀



👀 Passo 6 — Configurar a visibilidade do posicionamento


Agora vá para a página de Colocação.


Esta secção controla:


  • Onde a barra aparece: Escolha as páginas ou seções onde a barra será exibida.
  • Quando não deve aparecer: Excluir páginas ou áreas específicas de mostrar a barra.
  • Regras de visibilidade: Controle quando a barra deve aparecer com base nas condições que você definir.
  • Segmentação do utilizador: Mostre a barra para visitantes específicos com base nas condições do cliente ou usuário.
  • Colocações personalizadas: Coloque manualmente a barra em posições personalizadas dentro da sua loja.
  • Comportamento de programação: Defina datas e horários específicos para quando a barra deve estar ativa.



📍 Mostrar Ligado (Incluir)


Isto determina onde deve aparecer a Barra de Frete Livre.



A. Todos os produtos


Exiba a Barra de Frete Grátis em todas as páginas de produtos da sua loja, independentemente do tipo de produto, coleção ou tag.



B. Produtos específicos


Escolha produtos exatos onde a barra de envio livre deve aparecer. Esta opção é útil quando você deseja atingir produtos individuais apenas.



C. Todos os produtos em coleções específicas


Exibir a Barra de Frete Grátis apenas para produtos que pertencem a coleções selecionadas. Isso ajuda a direcionar categorias específicas ou grupos de produtos curados.



D. Todos os produtos com etiquetas específicas


Mostrar a Barra de Frete Grátis apenas em produtos que contenham etiquetas de produtos selecionadas. Isso permite um direcionamento mais flexível com base na estrutura de marcação da sua loja.


ℹ️ A correspondência de marcas é sensível a maiúsculas.



✅ Passo Final — Salvar e Publicar


Uma vez concluída a configuração:


  1. Gravar a configuração
  2. Publicar a configuração



Sua página de produto Frete grátis Bar está agora ao vivo 🚀



🎉 Resultado Final


Uma vez configurado com sucesso:


✅ Os clientes vêem o progresso do carrinho em tempo real
✅ Recompensas se aplicam automaticamente
✅ Páginas de produto tornam-se mais focadas na conversão
✅ Recomendações de Upsell aumentam a AOV
✅ A experiência de compras parece mais interativa e gratificante ✨

Actualizado em: 10/09/2026

Esse artigo foi útil?

Partilhe o seu feedback

Cancelar

Obrigado!