> ## Knowledge Base Index > Fetch the complete knowledge base index at: https://ajuda.greenn.com.br/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). # Criando um Upsell na Greenn # Criando um Upsell na Greenn ###### Está pronto para adicionar um Upsell no seu checkout? Vem com a Greenn? ||| **IMPORTANTE**: Para que a configuração do Upsell funcione, o cliente precisará ter adquirido o produto. Caso contrário, o Upsell não estará disponível. --- # Configurando na Greenn: * Em seu dashboard acesse **Produtos** e selecione **Checkouts**: ![](https://storage.crisp.chat/users/helpdesk/website/f703f4573573d800/image_soiijx.png) * Clique em **Upsell**: ![](https://storage.crisp.chat/users/helpdesk/website/f703f4573573d800/ups2_15n6aef.png) * Selecione a opção **Criar Upsell**: ![](https://storage.crisp.chat/users/helpdesk/website/f703f4573573d800/ups3_1i52ngq.png) * Adicione o **Nome** de seu Upsell, selecione o seu **Produto** e sua **Oferta**: ![](https://storage.crisp.chat/users/helpdesk/website/f703f4573573d800/ups4_khbt45.png) * Configure o **Texto do Botão**: ![](https://storage.crisp.chat/users/helpdesk/website/f703f4573573d800/ups5_1v6lvu8.png) * Selecione as **Cores do Botão**: ![](https://storage.crisp.chat/users/helpdesk/website/f703f4573573d800/ups6_1wnv7wk.png) * Configure as **Bordas**: ![](https://storage.crisp.chat/users/helpdesk/website/f703f4573573d800/ups7_1rohe0z.png) --- * *(Opcional)* Adicione e configure o botão de **Não Comprar** ![](https://storage.crisp.chat/users/helpdesk/website/f703f4573573d800/ups8_1slrlm5.png) --- * *(Opcional)* Adicione uma opção de comprar o Upsell com outro **Método de Pagamento**: ![](https://storage.crisp.chat/users/helpdesk/website/f703f4573573d800/ups9_2f8qzu.png) Por padrão, essa opção vem desativada. Quando ativada, a compra passa a ser feita em modo “one click buy” (compra com um clique). Isso significa que, ao clicar no botão de compra novamente, o cliente não precisará passar pelo checkout e preencher novamente nome, e-mail, telefone e outros dados, pois as informações já ficam salvas conforme o pagamento anterior --- * *(Opcional)* Adicione uma **Página de Obrigado**: ![](https://storage.crisp.chat/users/helpdesk/website/f703f4573573d800/ups10_1ihx50y.png) --- * Modal de confirmação ![](https://storage.crisp.chat/users/helpdesk/website/-/f/7/0/3/f703f4573573d800/image_1l37393.png) O modal de confirmação é uma etapa exibida quando o cliente clica para comprar o upsell. Nela, ele precisa confirmar se realmente deseja concluir a compra antes de seguir. --- * Em seguida salve seu Upsell ![](https://storage.crisp.chat/users/helpdesk/website/-/f/7/0/3/f703f4573573d800/image_usnkg3.png) --- * Você conseguirá visualizar o seu botão no **Topo da Tela** ![](https://storage.crisp.chat/users/helpdesk/website/f703f4573573d800/ups11_75q7ri.png) --- # Adicionando o Código de Upsell à Página de Vendas * Após finalizar a edição do seu Upsell, vamos inseri-lo na sua página de vendas. Para isso, clique no ícone de **três pontinhos (⋮)** localizado ao lado do Upsell. ![](https://storage.crisp.chat/users/helpdesk/website/-/f/7/0/3/f703f4573573d800/image_16vmq7q.png) --- * Agora copie o link **pronto** ![](https://storage.crisp.chat/users/helpdesk/website/-/f/7/0/3/f703f4573573d800/image_eqc2g0.png) --- * Acesse a edição do seu produto para inserir no campo de "Página de obrigado" ![](https://storage.crisp.chat/users/helpdesk/website/-/f/7/0/3/f703f4573573d800/image_1xywa0e.png) --- * Editar produto ![](https://storage.crisp.chat/users/helpdesk/website/-/f/7/0/3/f703f4573573d800/image_1pv6t9f.png) --- * Selecione **Avançado** e insira o link ao campo "Página de Obrigado Padrão" ![](https://storage.crisp.chat/users/helpdesk/website/-/f/7/0/3/f703f4573573d800/image_vkpkmk.png) ###### E pronto! O link de upsell foi adicionado em sua página de vendas Greenn! --- # Cadastrando o seu Upsell em uma página externa * Caso possua uma página de vendas externa selecione a opção de **Código na minha página** ![](https://storage.crisp.chat/users/helpdesk/website/-/f/7/0/3/f703f4573573d800/1-greenn-adm-2026-08-18t16-23-_166ccsu.png) --- * Em seguida copie o código. Ele já vem completo: o botão de compra e o script da Greenn, configurados para este upsell. ![](https://storage.crisp.chat/users/helpdesk/website/-/f/7/0/3/f703f4573573d800/image_1yp84mp.png) ||| Aponte a página de obrigado para a URL da sua página de upsell. É assim que o cliente chega até ela após a compra. A Greenn adiciona automaticamente as informações necessárias no link. --- ### **Teste com uma compra real** * Pode usar um cupom de 100%. Abra o link da página de obrigado após a compra e confira se o botão aparece e se, ao clicar, respeita a configuração: com a confirmação desativada, a compra é feita imediatamente; caso contrário, abre a confirmação com o final do cartão. --- ### Atributos Disponíveis: ### No código do seu Upsell, existem alguns atributos que **não devem ser alterados**, pois são utilizados pela Greenn para identificar e processar a oferta. `data-greenn-one-click` — Faz com que a compra seja realizada imediatamente ao clicar, sem uma etapa de confirmação. Caso esteja configurado como `false`, será exibida uma tela de confirmação antes da cobrança. `data-greenn-upsell` — Identifica o código como um Upsell e informa à Greenn qual oferta deve ser cobrada || **Importante:** Não altere os nomes desses atributos (`data-greenn-*`). Eles precisam permanecer exatamente como foram gerados pela Greenn. --- ### Caso algo não funcione Se o botão não aparecer em até **10 segundos**, verifique se: 1. O código foi copiado e colado completamente. 2. Os atributos `data-greenn-*` não foram alterados pelo editor da página. 3. O código original foi utilizado novamente, caso tenha sido modificado. Se aparecer o **checkout completo pedindo o cartão**, em vez da confirmação de **1 clique**, ou se o link da página perder o parâmetro `token`, confira novamente o **Passo 3** do tutorial. --- * Também ao lado de **Copiar código** temos a opção de **Baixar página de exemplo** no qual poderá ver como ficará seu pop-up de Upsell ![](https://storage.crisp.chat/users/helpdesk/website/-/f/7/0/3/f703f4573573d800/image_1dbuv0r.png) Exemplo: ![](https://storage.crisp.chat/users/helpdesk/website/-/f/7/0/3/f703f4573573d800/image_c88on3.png) ---