ℹ️ 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 suas ofertas upsell para chamar mais atenção sem clientes levantando um dedo? ✨

Isso é exatamente o que o Upsell Auto- Deslizante em Hoppy Upsell & Cross Sell foi concebido para o efeito.

Em vez de mostrar um único produto estático, o widget upsell pode girar automaticamente através de seus produtos recomendados em um carrossel deslizante suave — como uma mini vitrine de produto correndo dentro de sua loja 🛍️

Com esta configuração, você pode:

• 🔄 Rodar automaticamente vários produtos de upsell no widget
• Controle quantos segundos cada produto permanece visível
• 👆 Deixe os clientes navegar manualmente usando as setas de navegação Esquerda / Direita
• 🎯 Manter o widget compacto enquanto ainda mostra mais ofertas

Isto é especialmente útil quando você tem vários produtos para recomendar, mas espaço limitado na página — cada produto recebe seu momento em destaque 💡

🧩 Como funciona o deslizamento automático

O widget upsell exibe produtos dentro de uma barra deslizante que mostra um produto de cada vez.

Quando o Deslize Automático estiver activo:

• O widget se move automaticamente para o próximo produto após o intervalo escolhido
• As loops de controle deslizante continuamente, então ele volta ao primeiro produto após o último
• Os clientes podem sempre navegar manualmente usando o Setas de navegação esquerda/direita

⚠️ Importante: Auto- Slide é automaticamente desabilitado para um visitante no momento em que ele interage com a barra deslizante — por exemplo, clicando nas setas de navegação, tocando ou arrastando a barra deslizante para telemóvel. Isso dá aos clientes controle total uma vez que eles começam a navegar em si mesmos.

✅ Antes de começar

Certifique-se de que o aplicativo embed está habilitado no seu tema, caso contrário, o widget upsell não aparecerá na sua frente de armazenamento.

Ir para:

Shopify Admin → Canais de Vendas → Loja online → Temas → Editar tema → App Incorpora

Depois:

• Procurar Upsell Cross-Sell Slider
• Alternar ON
• Clique Gravar

💡 Se você estiver usando o Posição Personalizada colocação, você também vai precisar adicionar o Bloco de venda cruzada Upsell bloco de aplicativo dentro de seu editor de tema e digite seu Upsell ID. Ver 🔎 Como encontrar Upsell ID? se necessário.

⚙️ Passo 1 — Criar ou abrir um Upsell

Abrir o Hoppy Upsell & Cross Sell app a partir da sua Shopify Admin.

Então, ou:

→ Clique Criar um novo upsell para iniciar uma nova configuração e escolher uma colocação (Página do produto, Página do Carrinho, Gaveta de Carrinhosou Posição Personalizada)

—ou...

→ Abra um upsell existente do seu painel para editá-lo

A configuração Auto-Slide funciona da mesma forma todos os tipos de colocação, para que você possa usá-lo onde quer que seu widget apareça 🙌

🛍️ Passo 2 — Escolha seus produtos Upsell

Dentro da Conteúdo tab, primeiro decida quais produtos a barra deve rodar.

Embaixo Selecione produtos upsell, escolha uma das opções disponíveis:

• AI Upsell (Comprados Freqüentemente Juntos) → puxa automaticamente produtos relacionados ou complementares ShopifyAplicativo de Pesquisa e Descoberta
• Upsell Produtos Específicos → escolha os produtos exatos que você quer promover
• Upsell coleções específicas → gire produtos de coleções selecionadas
• Upsell mesmo produto (Como na página do produto) → promover o produto actualmente a ser visto

💡 Auto- Slide brilha mais brilhante quando o widget tem vários produtos para mostrar — com apenas um produto, não há nada para deslizar.

🔢 Número máximo de produtos

Ao utilizar AI Upsell ou Upsell coleções específicas, você também verá um Número máximo de produtos Campo.

Isso controla quantos produtos (até 10) são carregados na barra deslizante para rotação.

Por exemplo, definir para 5 significa que até 5 produtos recomendados se revezam dentro do widget.

🎠 Passo 3 — Habilitar o Deslize Automático

Ainda dentro da Conteúdo tab, rolagem para o Auto Slide Upsell por Intervalo Preparar.

Esta lista tem 2 opções:

• Activado → o widget desliza automaticamente através de seus produtos upsell
• Desactivado → o widget permanece em um produto até que o cliente usa as setas de navegação

A configuração é Activado por omissão para novos upsells.

Passo 4 — Defina a Duração do Intervalo

Uma vez Deslize Automático está definido como Activado, um novo campo aparece logo abaixo dele:

Duração do Intervalo 🕒

Este número controla quantos segundos cada produto permanece na tela antes da barra passar para a próxima.

• Valor padrão: 5 segundos
• Valores mais baixos (por exemplo: 3) → rotação mais rápida, mais energia ⚡
• Valores mais elevados (por exemplo: 8–10) → rotação mais lenta, mais tempo para ler cada oferta 🧘

💡 Um bom ponto de partida é 4–6 segundos — rápido o suficiente para mostrar vários produtos, mas lento o suficiente para que os clientes leiam o título do produto, preço e botão.

ℹ️ A Duração do Intervalo campo só aparece enquanto o Slide Auto está definido como Activado. Se você desativar o Auto Slide, o campo se esconde automaticamente.

💾 Passo 5 — Salvar e Publicar

Depois de tudo parecer bom:

1. Clique Gravar na barra de gravação no topo da página
2. Clique Publicar para fazer o upsell viver na sua loja

Após a publicação, um banner de confirmação aparecerá com links rápidos para abrir a sua loja ou activar a incorporação da aplicação Se ainda não estiver activo.

⚠️ Notas Importantes

• 🛑 Desliza automaticamente pára para a visão da página atual assim que um visitante interage com a barra deslizante (setas, toque, arraste ou clique). Ele reinicia automaticamente da próxima vez que a página for carregada — por exemplo, quando o visitante navegar para outra página.
• 👁️ A visualização dentro do aplicativo mostra como seu widget parece, mas o movimento deslizante em si é melhor verificado em seu loja ao vivo.
• 🔁 A barra deslizante loops continuamente — após o último produto, desliza automaticamente para o primeiro.
• 🧭 A setas de navegação sempre ficar disponível, mesmo quando o Auto-Slide está habilitado, assim os clientes nunca perdem o controle manual.
• 📱 O deslizamento automático funciona em ambos desktop e móvel Em frente às lojas.

🎉 Resultado Final

Seu widget upsell agora funciona como um carrossel de deslizamento automático em sua loja:

• Produtos giram automaticamente com base no seu Duração do Intervalo
• Os clientes podem assumir a qualquer momento usando as setas de navegação
• Mais de suas ofertas são vistas — sem ocupar espaço extra na página 🚀

📚 Guias relacionados

• 🎨 Upsell & Cross Sell – Design & Styling → Personalizar a cor da seta, tamanho, estilos de botão, e muito mais
• 🎯 Opções de Alvo Avançadas para Upsell & Cross Sell → controlar exatamente quem vê seu upsell e quando
• 🌍 Upsell & Cross Sell — Tradução → mostrar conteúdo slider em vários idiomas
• Upsell & Cross Sell is Not Showing on My Store [Fixed] → problemas de visibilidade

Actualizado em: 15/09/2026