> ## 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 uma barra de upsell de envio gratuito baseada em objetivos com vários posicionamentos > ℹ️ **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) enquanto dá aos clientes mais razões para continuar as compras? 🛍️ Isso é exatamente o que o **Fluxo de trabalho de posicionamento múltiplo baseado em objetivos** em Hoppy Free Shipping foi concebido para o efeito. Com este fluxo de trabalho, você pode criar marcos de recompensa como: * 🚚 Frete grátis * 💸 Percentagem de descontos * 🎁 Presentes gratuitos * 💰 Descontos Fixos —e exibir a mesma Barra de Frete Livre em várias áreas de colocação em toda a sua Shopify loja. Esta configuração ajuda a criar uma experiência de compras mais conectada porque os clientes continuam vendo seu progresso de recompensa enquanto se movem em diferentes seções da loja ✨ --- # **📍 Áreas de colocação disponíveis** Com o **Colocação múltipla (baseada em objetivos)** fluxo de trabalho, o Free Shipping Bar pode aparecer nas seguintes áreas de colocação: * **Página do produto** → Abaixo do botão Adicionar ao Carrinho * **Página do Carrinho** → Acima dos produtos do carrinho, abaixo do cabeçalho da loja * **Gaveta de Carrinhos** → Acima dos produtos do carrinho, abaixo do cabeçalho do carrinho * **Banner** → No topo do site ℹ️ A colocação Banner atualmente suporta apenas a Barra de Frete Livre e não suporta o Upsell Widget. --- # **🛠️ Configuração de Exemplo Usada nesta Documentação** Nesta documentação, vamos configurar a seguinte estrutura de recompensa: * 🚚 Frete grátis em $100 * 💸 10% de desconto em $200 * 🎁 Presente grátis a $300 A configuração será ativada em: * Página do produto * Página do Carrinho * Gaveta de Carrinhos Este guia explica cada configuração em detalhe para que você possa entender corretamente como cada opção se comporta ⚙️ --- # **✅ 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** Abrir o **Hoppy Free Shipping** app Depois: → Clique **Criar nova Upsell de envio** para começar a criar uma nova campanha de Frete Livre. → Selecionar **Baseado em Objetivos** para usar o fluxo de trabalho de posicionamento múltiplo, que permite que a mesma configuração recompensa para aparecer em várias áreas de colocação simultaneamente. Este fluxo de trabalho é útil quando você quer que a mesma configuração da Barra de Frete Livre apareça em várias posições, compartilhando os mesmos objetivos e recompensas. Uma vez selecionada, a página de configuração será aberta automaticamente. --- # **🎯 Passo 2 — Configurar Regras de Objetivo** Depois de abrir a página de configuração, você vai primeiro pousar dentro do **Regras do objetivo → Objetivo** secção. Esta secção controla: * 🎯 Objectivos de recompensa * 💬 Mensagens de progresso * 🎁 Comportamento de recompensa * 📈 Acompanhamento do progresso * 💰 Cálculos do carrinho --- # **🏷️ Frete grátis Upsell Nome** Este campo é utilizado apenas para fins internos. Os clientes nunca verão este nome. Você pode usar qualquer nome reconhecível como: * Campanha de Venda de Verão * Black Friday Upsell * Free Shipping Booster * Funil de oferta festiva 💡 Usar a nomenclatura interna adequada torna mais fácil identificar configurações mais tarde, especialmente se sua loja executar várias campanhas. --- # **📦 Tipo de Objetivo** Esta configuração determina como o progresso deve ser monitorado. Existem 2 opções disponíveis. --- ## **💰 Quantidade total do carrinho** Esta opção rastreia o valor do dinheiro sendo gasto. Sempre que os produtos são adicionados ou removidos do carrinho, a Barra de Envio Livre atualiza automaticamente e verifica se o objetivo foi alcançado. ### **Exemplo** * $100 → Frete grátis * $200 → 10% OFF * $300 → Presente grátis Esta é a configuração mais usada porque ajuda a aumentar o valor médio de ordem (AOV) 📈 --- ## **🛒 Quantidade do produto** Esta opção rastreia o número de produtos adicionados ao carrinho. ### **Exemplo** * Adicionar 5 produtos → Frete grátis * Adicionar 10 produtos → Presente grátis Por padrão, cada aumento de quantidade é contado — mesmo que os clientes aumentem a quantidade para o mesmo produto. --- ## **🔄 Contar apenas produtos exclusivos** ℹ️ Esta opção só apareceria se você tivesse selecionado "quantidade de produto" em **Tipo de Objetivo**. Habilite esta opção se você quiser apenas produtos diferentes para contar para o objetivo. ### **Exemplo** * Produto A × 5 → Contado como 1 Produto * Produto A + Produto B → Contado como 2 Produtos Isto é especialmente útil quando você quer clientes explorando vários produtos em vez de simplesmente aumentar a quantidade de um produto 🛍️ --- # **🚫 Incluir / Excluir Produtos de Objetivos** Às vezes, você pode querer recompensas para aplicar apenas a produtos específicos ou coleções. Esta configuração permite- lhe: * ✅ Incluir produtos específicos * ✅ Incluir colecções * ❌ Excluir os produtos * ❌ Excluir coleções ### **Exemplo de Casos de Uso** * Oferecer recompensas apenas para coleções premium * Excluir produtos com desconto * Criar campanhas específicas para colecções * Impedir que produtos de baixa margem contribuam para recompensas Isso dá aos comerciantes muito mais controle sobre como os objetivos se comportam 🎯 --- # **💰 Passo 3 — Configurar cálculos e configurações de moeda** ℹ️ Esta secção não é necessária quando a **Tipo de Objetivo** é selecionado como **Quantidade do produto**. Essas configurações determinam como valores e moedas são exibidos ao longo da Barra de Envio Livre. --- # **📈 Cálculos da Barra de Progresso** Esta configuração controla como o valor restante necessário para recompensas é calculado. --- ## **Antes do Desconto** Utiliza os preços originais do produto antes de quaisquer descontos são aplicados. --- ## **Após o Desconto** Calcula o progresso após Shopify Os descontos já são aplicados. Isto significa que os valores do carrinho com desconto são considerados ao calcular o progresso da recompensa remanescente. --- # **💱 Tipo de Símbolo de Moeda** Esta configuração controla como a moeda é exibida dentro da Barra de Envio Livre. --- ## **Usar Símbolo de Moeda** Mostra o símbolo da moeda antes do valor. ### **Exemplo** “Você está apenas a $200 de desconto de $20!” --- ## **Usar texto em moeda** Mostra o código da moeda após o valor. ### **Exemplo** “Você está apenas a 200 USD de desconto de $20!” --- # **🔄 Posição do Símbolo de Moeda** Esta configuração só está disponível quando **Usar Símbolo de Moeda** está seleccionado. --- ## **Antes do Preço** Exemplo: `$100` --- ## **Após o Preço** Exemplo: `100$` --- # **🌍 Formato de Dinheiro** Esta configuração controla como a formatação da moeda aparece ao longo da Barra de Frete Livre. 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 Estas opções ajudam as lojas a combinar com os estilos de formatação de moeda regional 🌎 --- # **🎁 Passo 4 — Configurar Objetivos e Recompensas** 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. --- # **🧾 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** “Adicione mais ${order-value} para desbloquear recompensas!” --- ## **🎯 Objetivo de Gastar** ## Este é o objetivo real que os clientes precisam alcançar **desbloquear a recompensa**. ## Podes configurá-lo. **com base na quantidade total de cada carrinho** ou **Quantidade do produto**, dependendo da sua **Seleção do tipo de objetivo**. --- # **🎉 Tipo de recompensa** Esta configuração controla o que os clientes recebem depois de atingirem o objetivo. 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. --- # **🏷️ Rótulo de Desconto** Esta etiqueta aparece nas páginas Carrinho e Saída sempre que os descontos são aplicados automaticamente. ### **Legendas de Exemplo** * Frete grátis aplicado * 10% OFF Ativado * Recompensa de presente aplicada Isso ajuda os clientes a entender qual recompensa se tornou ativa ✨ Seria assim na página de Checkout 👀 --- # **📈 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 ${order-value-progress} mais para desbloquear Frete Grátis” --- # **🚫 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**. --- # **🚚 Passo 5 — Configurar Objetivo #1 (envio grátis em $100)** Para o primeiro marco da recompensa: * Definir o valor do objetivo → $100 * Selecione Tipo de recompensa → Frete grátis Uma vez que os clientes cruzam o valor do carrinho de $100, o Frete Livre é aplicado automaticamente 🚚 --- # **💸 Passo 6 — Configurar o Objetivo #2 (10% de desconto em $200)** Logo abaixo. **Objetivo # 1**, clique **Adicionar Novo Objetivo** para criar outro marco de recompensa. Depois: → Selecionar **Tipo de recompensa** → **Desconto Percentagem**, uma vez que o segundo marco deve recompensar os clientes com um desconto baseado em percentagem. **→ Enter → 10** na **campo de entrada percentual** aplicar automaticamente um desconto de 10% quando os clientes atingirem o valor do carrinho configurado. Uma vez selecionado, um campo de entrada de porcentagem adicional aparece automaticamente. ### **Mensagem de progresso do exemplo** “Você está apenas ${order-value-progress} longe de 10% OFF” --- # **🎁 Passo 7 — Configurar Objetivo #3 (presente grátis em $300)** Clique **Adicionar Novo Objetivo** Outra vez. Depois: **→** Selecionar **Tipo de recompensa → Presente grátis**; assim, os clientes recebem um produto automaticamente após atingir a quantidade de meta. → Clique **Selecionar Presente( s)** para abrir o seu Shopify lista de produtos e escolher quais produtos ou variantes devem ser adicionados como presentes. Isto abre a lista de produtos disponíveis na sua loja. Você pode então escolher quais produtos devem ser adicionados como presentes. ⚠️ **Importante**: Se todas as variantes de um produto forem selecionadas, todas as variantes serão adicionadas automaticamente. Verifique sempre as variantes selecionadas antes de salvar. --- # **⚙️ Configuração do Objectivo Adicional** Abaixo da seção de metas, existem várias configurações globais importantes. --- # **🎉 Mostrar a Mensagem Meta Atingida** 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!” --- # **🔄 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 --- # **⚙️ 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. --- ## **✅ Todas as recompensas devem ser aplicadas** Todas as recompensas desbloqueadas tornam-se activas juntas. ### **Exemplo no valor do carrinho de $300** * 🚚 Frete grátis * 💸 10% OFF * 🎁 Presente grátis Todas as recompensas se aplicam simultaneamente. --- ## **🎯 Só deve ser aplicada a última recompensa** Apenas a mais alta/última recompensa se torna ativa. ### **Exemplo no valor do carrinho de $300** * 🎁 Apenas presente grátis Recompensas anteriores são ignoradas. Isso é útil quando você quer progressão baseada em marcos sem empilhamento de recompensa. --- **🛒 Passo 8 — 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 sazonais**ou **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 8 — habilitar a visibilidade da colocação** Uma vez que todos os objetivos são configurados, o próximo passo é permitir a visibilidade de colocação. Abra cada guia de colocação individualmente: * Página do produto * Página do Carrinho * Gaveta de Carrinhos * Banner Ativar então: Activar **Barra de Envio Livre Activada** --- # **🛍️ Activar / Desactivar o Upsell Widget Separadamente** Cada colocação oferece alternações separadas para: * Barra de Frete Grátis * Upsell Widget Isso significa que você pode: ✅ Mostrar a barra de progresso ❌ Ocultar o item upsell ℹ️ Nota: A colocação do banner atualmente não suporta o Upsell Widget. --- # **✅ Passo Final — Salvar e Publicar** Uma vez concluída a configuração: 1. Gravar a configuração 2. Publicar a configuração Seu Bar de Frete Grátis está agora ao vivo 🚀 --- # **🎉 Resultado Final** Uma vez configurado com sucesso: ✅ Os clientes vêem o progresso da recompensa em tempo real ✅ Recompensas se aplicam automaticamente ✅ Os clientes permanecem envolvidos em várias posições ✅ Valor médio da ordem melhora ✅ A experiência storefront parece mais interativa e gratificante ✨ Usando campanhas de posicionamento múltiplo baseadas em metas corretamente pode melhorar significativamente tanto o engajamento do cliente e oportunidades de conversão ao longo da jornada de compras 🚀