> ## 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 um deslizamento automático Upsell & Cross Sell > ℹ️ **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 Carrinhos**ou **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