> ## 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 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ção**Pela **Baseado em Objetivos** fluxo de trabalho, você pode segui-lo aqui \[Link\]. 4. 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 recompensa**Você 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 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 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 ✨