# Flow- Funil de Vendas

## 🔀 Flow — Funil de Vendas

Aprenda passo a passo como criar seu funil de vendas na Ticto, mesmo sem experiência técnica. Simples, rápido e objetivo.

### 📋 Neste guia você vai ver

* O que é o Flow?
* Como funciona na prática
* Criando seu primeiro funil
* Configurando o Upsell
* Configurando o Downsell
* Configurando Descontos estratégicos
* Usando Condicionais
* Publicando o funil
* Dicas importantes

### 💡 O que é o Flow?

Entenda a ideia antes de começar

{% hint style="info" %}
 O **Flow** é o seu funil de vendas automático. Depois que o cliente compra seu produto, você pode oferecer produtos adicionais (upsell) ou uma versão mais acessível (downsell) — tudo de forma automática, sem precisar fazer nada manualmente.
{% endhint %}

Imagine que você vende um curso online. Assim que o cliente finaliza a compra, o Flow pode automaticamente:

* ⬆️ Oferecer algo mais completo — uma mentoria, um pacote premium ou um módulo extra.
* ⬇️ Oferecer algo mais acessível — se o cliente recusar a oferta maior, apresentar uma opção mais em conta para não perder a venda.

### 🗺️ Como funciona na prática

Veja o caminho que o seu cliente percorre dentro do funil.

{% code overflow="wrap" fullWidth="false" %}

```mermaid
graph TD

   A(["`🛒 **Cliente compra seu <br> produto**
    Oferta Principal — Início do <br> funil`"])

    A --> B

    B(["`⬆️ **Upsell**
    Oferta de maior valor`"])

    B --> C{"`Aceitou
    o upsell?`"}

    C -- "☑️ SIM" --> D(["`🙏 **Página de Obrigado**
    ou nova oferta`"])

    C -- "✖️ NÃO" --> E(["`⬇️ **Downsell**
    Oferta de menor valor`"])

    E --> F{"`Aceitou
    o downsell?`"}

    F -- "☑️ SIM" --> G(["`🙏 **Obrigado**`"])

    F -- "✖️ NÃO" --> H(["`🏁 **Obrigado**
    Padrão Ticto`"])

    D --> FIM(["`✅ **Fim do funil**`"])
    G --> FIM
    H --> FIM

    style A fill:#7C5CFC,color:#fff,stroke:none
    style B fill:#4C8EF8,color:#fff,stroke:none
    style C fill:#FEF3C7,color:#92400E,stroke:#F6C54D,stroke-width:2px
    style D fill:#D1FAE5,color:#065F46,stroke:#6EE7B7,stroke-width:2px
    style E fill:#1DBF8A,color:#fff,stroke:none
    style F fill:#FEF3C7,color:#92400E,stroke:#F6C54D,stroke-width:2px
    style G fill:#D1FAE5,color:#065F46,stroke:#6EE7B7,stroke-width:2px
    style H fill:#EEF2FF,color:#334155,stroke:#C7D2FE,stroke-width:2px
    style FIM fill:#1A1F36,color:#fff,stroke:none



```

{% endcode %}

{% hint style="info" %}
**Atenção** este é apenas um exemplo simples, você pode customizar o funil a cada decisão de sim ou não.
{% endhint %}

{% hint style="warning" %}
💡 O funil funciona **automaticamente** após a configuração. Você monta uma vez e ele trabalha por você em todas as vendas.
{% endhint %}

{% hint style="warning" %}
&#x20;**Regra importante:** Uma oferta não pode iniciar dois funis ao mesmo tempo.

**Exemplo:** Se a "Oferta A" já está configurada como início do **Funil 1**, ela não aparecerá como opção ao criar o **Funil 2**. Para usar a mesma oferta em outro funil, você precisará desvinculá-la do funil atual primeiro.
{% endhint %}

{% hint style="info" %}
**Atenção** este é apenas um exemplo simples, você pode customizar o funil a cada decisão de sim ou não.
{% endhint %}

{% hint style="warning" %}
**Importante**: Não é permitido combinar o uso do **Oneclickby** disponível no template de checkout, recurso mais simples de funil de vendas com o **Flow**.
{% endhint %}

***

## 🚀 Criando seu primeiro funil

Siga cada passo com calma — é mais simples do que parece!

{% stepper %}
{% step %}
No menu lateral da Ticto, clique em **Meus Produtos**.&#x20;

<div data-with-frame="true"><figure><img src="https://3610983464-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnWIfc9hpnMPQKmkeC8kA%2Fuploads%2FW9mOIAKLsn98aShkpKh4%2Fimage.png?alt=media&#x26;token=dfcb5862-e866-4766-a5f1-9a9bc37b63c6" alt=""><figcaption></figcaption></figure></div>
{% endstep %}

{% step %}
Encontre o produto desejado e clique em **Ações → Gerenciar**

<div data-with-frame="true"><figure><img src="https://3610983464-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnWIfc9hpnMPQKmkeC8kA%2Fuploads%2Fsi5HOpM7AeecRdx6GgDX%2Fimage.png?alt=media&#x26;token=efbcd561-3ddf-4d88-a921-57d1b1ef70db" alt=""><figcaption></figcaption></figure></div>
{% endstep %}

{% step %}
No menu lateral do produto, clique em **Flow**.

<div data-with-frame="true"><figure><img src="https://3610983464-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnWIfc9hpnMPQKmkeC8kA%2Fuploads%2Ff6cYOSUfJLmp3CfKuLbb%2Fimage.png?alt=media&#x26;token=202d7a66-c6d9-4c9a-80b4-a6094138dff5" alt=""><figcaption></figcaption></figure></div>
{% endstep %}

{% step %}
Clique no botão **"+"** para criar um novo funil

Na tela do Flow, clique no ícone **"+"** no canto da tela. Uma janela será aberta para você configurar o funil.

<div data-with-frame="true"><figure><img src="https://3610983464-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnWIfc9hpnMPQKmkeC8kA%2Fuploads%2FmimwVBQCZtrUXuw0i4VS%2Fimage.png?alt=media&#x26;token=6de98cdf-4d6a-43e2-ada0-b192eb1f20e4" alt=""><figcaption></figcaption></figure></div>
{% endstep %}

{% step %}
Preencha as informações básicas do funil

Você verá um formulário com alguns campos para preencher:

| Campo                               | O que preencher                                                                                                         |
| ----------------------------------- | ----------------------------------------------------------------------------------------------------------------------- |
| Nome do funil obrigatório           | Dê um nome que te ajude a identificar. Ex: "Funil Curso de Marketing"                                                   |
| Em caso de falha, redirecionar para | Cole aqui o link de uma página de destino caso algo dê errado. Geralmente é sua página de obrigado ou página de vendas. |
| Produto obrigatório                 | Já vem preenchido com seu produto automaticamente. Não é possível alterar nesta etapa.                                  |
| Oferta obrigatório                  | Selecione qual oferta deste produto dará início ao funil.                                                               |

Você também pode ativar **Boleto** e **PIX** como formas de pagamento disponíveis no funil.

<div data-with-frame="true"><figure><img src="https://3610983464-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnWIfc9hpnMPQKmkeC8kA%2Fuploads%2F0YDnvZS9F1Eu4xdQ10gC%2Fimage.png?alt=media&#x26;token=a7358662-6aa8-4a88-a2b7-4f629be5bc38" alt=""><figcaption></figcaption></figure></div>
{% endstep %}

{% step %}
Clique em **"Iniciar funil de vendas"**

Após preencher tudo, na sequência aparecerá o formulário para preenchimento do **upsell**, ou seja a oferta que aparecerá após a compra do produto principal. Veja abaixo o próximo passo: [#configurando-o-upsell](#configurando-o-upsell "mention")
{% endstep %}
{% endstepper %}

***

## ⬆️ Configurando o Upsell

A oferta que aparece logo após a compra do produto principal

{% hint style="info" %}
O que é **upsell**? É quando você oferece algo mais completo ou de maior valor logo após o cliente comprar. Ex: o cliente comprou um curso, você oferece a mentoria em grupo.
{% endhint %}

{% stepper %}
{% step %}
Após clicar em iniciar funil de vendas.

<div data-with-frame="true"><figure><img src="https://3610983464-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnWIfc9hpnMPQKmkeC8kA%2Fuploads%2Fczlszbn0CRuoO37ija04%2Fimage.png?alt=media&#x26;token=bd95983f-2ac3-4ccd-b8e3-8b597399a4d1" alt=""><figcaption></figcaption></figure></div>
{% endstep %}

{% step %}
Preencha os dados do upsell, e clique não botão **"Salvar Upsell".**

| Campo                     | O que preencher                                                 |
| ------------------------- | --------------------------------------------------------------- |
| Nome da etapa             | Um nome para identificar. Ex: "Upsell — Mentoria Premium"       |
| URL da página obrigatório | O link da página onde a oferta de upsell aparece para o cliente |
| Produto obrigatório       | Selecione o produto que será oferecido como upsell              |
| Oferta obrigatório        | Escolha a oferta específica deste produto                       |

<div data-with-frame="true"><figure><img src="https://3610983464-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnWIfc9hpnMPQKmkeC8kA%2Fuploads%2FLlIEGIwqroA0ynDFXW03%2Fimage.png?alt=media&#x26;token=4232d3cb-ff0c-4bc4-a72b-abc40d75b00d" alt=""><figcaption></figcaption></figure></div>
{% endstep %}

{% step %}
Defina o que acontece se o cliente <mark style="color:$success;">**ACEITAR**</mark>

Após salvar o upsell, configure a seção <mark style="color:$success;">**"Caso aceite a oferta"**</mark><mark style="color:$success;">.</mark> Escolha para onde o cliente vai:

* <mark style="color:blue;">**Página de Vendas**</mark> — Leva o cliente para uma nova oferta ou próxima etapa do funil.
* <mark style="color:$primary;">**Página de Obrigado**</mark> — Encerra o funil com uma mensagem de agradecimento pela compra.

<div data-with-frame="true"><figure><img src="https://3610983464-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnWIfc9hpnMPQKmkeC8kA%2Fuploads%2FuqlfXuRSSRC764wLe8D7%2Fimage.png?alt=media&#x26;token=41ff45d3-6953-42e5-bcc4-8f2e873417ac" alt=""><figcaption></figcaption></figure></div>
{% endstep %}

{% step %}
Defina o que acontece se o cliente <mark style="color:$danger;">**RECUSAR**</mark>

Configure a seção <mark style="color:$danger;">**"Caso rejeite a oferta"**</mark>. As opções são as mesmas: Página de Vendas (para oferecer o downsell) ou Página de Obrigado (para encerrar).

Geralmente, ao rejeitar o upsell, você redireciona para a página do **downsell** — uma oferta mais em conta para tentar recuperar a venda.

<div data-with-frame="true"><figure><img src="https://3610983464-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnWIfc9hpnMPQKmkeC8kA%2Fuploads%2FyF5td2O0Xm6naR8UlIrK%2Fimage.png?alt=media&#x26;token=914be4e1-2e62-4749-9d6c-37982cd52cfe" alt=""><figcaption></figcaption></figure></div>
{% endstep %}

{% step %}
Clique em **"Salvar decisões"**

Confirme todas as configurações clicando no botão de salvar. ✅

Ao salvar decisões e configurações será aberto o modo canvas do flow onde você deixá-lo ainda mais robusto.

<div data-with-frame="true"><figure><img src="https://3610983464-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnWIfc9hpnMPQKmkeC8kA%2Fuploads%2FSsWjFlKihIsqL5FQrDrU%2Fimage.png?alt=media&#x26;token=d4fa71b5-10b6-41df-b9c4-e0d7bcc8e62a" alt=""><figcaption></figcaption></figure></div>
{% endstep %}
{% endstepper %}

***

## ⬇️ Configurando o Downsell

Para clientes que recusaram o upsell — uma segunda chance de venda

{% hint style="info" %}
O que é **downsell**? É uma oferta de menor valor apresentada quando o cliente recusa o upsell. Ex: em vez de vender a mentoria por R$997, oferece um workshop gravado por R$197. Mais isso varia muito de acordo com a estratégia do produtor.
{% endhint %}

Como vimos anteriormente o Downsell é uma etapa de recusa após o primeiro upsell.\
A configuração do Downsell segue o mesmo processo do Upsell. Basta preencher o formulário com os campos para direcionamento para o bloco **"Downsell".**

\
Depois configure o **aceite** e a **rejeição** do downsell da mesma forma — e clique em **"**✅**Salvar decisões"**.&#x20;

<div data-with-frame="true"><figure><img src="https://3610983464-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnWIfc9hpnMPQKmkeC8kA%2Fuploads%2Fmxsiwyb9HnsUOK625Jrh%2Fimage.png?alt=media&#x26;token=6a2de3f2-5c00-4e4d-8e00-577bf31d1f72" alt=""><figcaption></figcaption></figure></div>

## :loudspeaker:Configurando descontos estratégicos

O Flow permite configurar um **pop-up automático de desconto** em cada ponto de rejeição do funil. Isso significa que, em qualquer etapa onde o cliente clicar em "Não, obrigado" — seja no Upsell, no Downsell ou em qualquer outra oferta — você pode exibir um desconto especial antes de ele seguir para a próxima etapa.

***

### 💡 Como funciona na prática?

> Imagine um funil com Upsell e Downsell. O cliente rejeita o Upsell. Em vez de ir direto ao Downsell, um **pop-up de desconto aparece automaticamente** oferecendo um valor menor pela mesma oferta que ele acabou de recusar.
>
> Se ele aceitar → compra processada com desconto.\
> Se ele recusar → segue para o Downsell normalmente.
>
> Chegando no Downsell, se ele rejeitar novamente, **um novo pop-up de desconto pode aparecer** — desta vez para a oferta do Downsell — antes de ele ser direcionado para a próxima etapa.

{% hint style="info" %}
**Por que isso é poderoso?** O desconto aparece no momento exato em que o cliente está prestes a sair. É uma segunda chance de converter na mesma oferta, sem precisar mudar de produto ou de página.
{% endhint %}

***

### 🔄 Como fica o fluxo com desconto em cada etapa

```
🛒 Oferta Principal — START
         │
         ▼
   ⬆️ UPSELL
         │
      Rejeitou?
         │
         ▼
  🏷️ Pop-up de Desconto (Upsell)
         │
    ┌────┴────┐
  Aceitou   Recusou
    │            │
    ▼            ▼
✅ Compra    ⬇️ DOWNSELL
  c/ desconto     │
              Rejeitou?
                  │
                  ▼
         🏷️ Pop-up de Desconto (Downsell)
                  │
             ┌────┴────┐
           Aceitou   Recusou
             │            │
             ▼            ▼
         ✅ Compra   Próxima etapa
           c/ desconto  do funil
```

{% hint style="info" %}
O desconto é **independente em cada etapa**. Você pode configurar um desconto diferente para o Upsell e outro para o Downsell — com tipos e valores distintos em cada um.
{% endhint %}

***

### ⚙️ Como configurar o desconto em cada etapa

{% stepper %}
{% step %}
Clique na etapa desejada no canvas, **upsell ou donwsell**

<div data-with-frame="true"><figure><img src="https://3610983464-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnWIfc9hpnMPQKmkeC8kA%2Fuploads%2FNuZTKD5k4tvODeWBaSEt%2Fimage.png?alt=media&#x26;token=5a35f74e-e7a8-412f-a33a-9cca039e3630" alt=""><figcaption></figcaption></figure></div>
{% endstep %}

{% step %}
Clique no botão **"+ Desconto"**

<div data-with-frame="true"><figure><img src="https://3610983464-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnWIfc9hpnMPQKmkeC8kA%2Fuploads%2Fb9oTOGof9RV6PAvgVsWs%2Fimage.png?alt=media&#x26;token=c4692162-7db3-43a7-8660-c85751142ac7" alt=""><figcaption></figcaption></figure></div>

{% endstep %}

{% step %}
Configure o tipo de desconto a ser aplicado na oferta.

<table><thead><tr><th>Tipo</th><th>Como funciona</th><th width="229">Exemplo</th></tr></thead><tbody><tr><td><strong>Percentual</strong></td><td>Aplica uma porcentagem sobre o valor original</td><td>20% OFF em uma oferta de R$497 → cliente paga R$397,60</td></tr><tr><td><strong>Valor Fixo</strong></td><td>Aplica um valor em reais sobre o valor original</td><td>R$100 OFF em uma oferta de R$497 → cliente paga R$397</td></tr></tbody></table>

<div data-with-frame="true"><figure><img src="https://3610983464-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnWIfc9hpnMPQKmkeC8kA%2Fuploads%2FLmyQDWF7T2Izz4U9KCep%2Fimage.png?alt=media&#x26;token=81f643c3-1727-4091-92b6-1deb7e242271" alt=""><figcaption></figcaption></figure></div>
{% endstep %}

{% step %}
Personalize o pop-up

| Campo         | O que preencher                                                                                 |
| ------------- | ----------------------------------------------------------------------------------------------- |
| **Título**    | Frase de impacto. Ex: *"Espera! Temos uma oferta especial para você"*                           |
| **Descrição** | Texto com o detalhe do desconto. Ex: *"Aproveite 20% de desconto exclusivo por tempo limitado"* |

<div data-with-frame="true"><figure><img src="https://3610983464-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnWIfc9hpnMPQKmkeC8kA%2Fuploads%2FBsF5XH8RWQpNrHJTQvFV%2Fimage.png?alt=media&#x26;token=0befdff9-9f9a-48a9-bb02-7998169bac59" alt=""><figcaption></figcaption></figure></div>
{% endstep %}

{% step %}
Clique em **" Salvar desconto**", você verá o Flow indicando onde aparecerá os descontos.

<div data-with-frame="true"><figure><img src="https://3610983464-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnWIfc9hpnMPQKmkeC8kA%2Fuploads%2FfAsCtFXKCm9NOIGh1KcH%2Fimage.png?alt=media&#x26;token=dcd62dab-c64e-4684-8b2a-2fb6cfe053af" alt=""><figcaption></figcaption></figure></div>
{% endstep %}
{% endstepper %}

***

### 📋 O que acontece após o pop-up

| Ação do cliente         | O que acontece                                                                                                           |
| ----------------------- | ------------------------------------------------------------------------------------------------------------------------ |
| ✅ **Aceita o desconto** | Compra processada com o valor reduzido. Cliente vai para a página de obrigado configurada naquela etapa                  |
| ❌ **Recusa o desconto** | Cliente segue normalmente para a próxima etapa do funil — onde pode encontrar um novo pop-up de desconto, se configurado |

***

### 💡 Boas práticas

* **Configure um desconto diferente em cada etapa** — no Upsell um desconto menor (ex: 10%), no Downsell um desconto maior (ex: 25%) para aumentar o apelo progressivamente.
* **Seja direto no título** — o cliente está prestes a sair. Use frases de impacto como *"Última chance: 15% OFF só agora!"*
* **Crie urgência na descrição** — deixe claro que aquele desconto é exclusivo para aquele momento e não estará disponível depois.
* **Não exagere no desconto** — entre **10% e 30%** já é suficiente para converter sem desvalorizar o produto.
* **Teste os dois tipos** — em alguns mercados o valor fixo (*"R$100 de desconto"*) converte melhor que o percentual, e vice-versa. Teste para descobrir o que funciona melhor com o seu público.

{% hint style="warning" %}
&#x20;**Atenção:** O pop-up de desconto é exibido **apenas uma vez por etapa**, no momento da rejeição. Se o cliente recusar o desconto, ele não verá o pop-up novamente naquela etapa — e seguirá para a próxima normalmente.
{% endhint %}

## :gem: Configurando o Diamantes Decisões

\
No modo canvas do **flow** é possível editar as decisões a cada etapa aceita.

{% stepper %}
{% step %}
Para realizar qualquer edição  de decisões clique sobre os **diamantes**.

<div data-with-frame="true"><figure><img src="https://3610983464-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnWIfc9hpnMPQKmkeC8kA%2Fuploads%2Fo76Rk4NqHHb6s8uhpTBC%2Fimage.png?alt=media&#x26;token=58354f29-a50e-440d-8212-8a6cca62af44" alt=""><figcaption></figcaption></figure></div>
{% endstep %}

{% step %}
Clique sobre o botão **editar**:

<div data-with-frame="true"><figure><img src="https://3610983464-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnWIfc9hpnMPQKmkeC8kA%2Fuploads%2F7egaVNGiZ7Okp3QNaHp4%2Fimage.png?alt=media&#x26;token=d407704a-274e-4c08-9995-639e5d98eee6" alt=""><figcaption></figcaption></figure></div>
{% endstep %}

{% step %}
Reconfigure as decisões de acordo com a estratégia, seja oferecer mais um produto da esteira ou interromper o funil.

<div data-with-frame="true"><figure><img src="https://3610983464-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnWIfc9hpnMPQKmkeC8kA%2Fuploads%2F3kt2hgU5aBzPuGCH3fHT%2Fimage.png?alt=media&#x26;token=0cd9b768-87c9-4d53-bab3-ae23d83dcfdb" alt=""><figcaption></figcaption></figure></div>
{% endstep %}

{% step %}
&#x20;Use os botões de controle, caso deseje  remover ou até mesmo copiar a fase de **aceite** para replicar em **recusa.**

<div data-with-frame="true"><figure><img src="https://3610983464-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnWIfc9hpnMPQKmkeC8kA%2Fuploads%2FNO5bLz3e51g53kkuuKSO%2Fimage.png?alt=media&#x26;token=ebb4384d-f666-41e2-b7fd-4fb4495cb413" alt=""><figcaption></figcaption></figure></div>
{% endstep %}

{% step %}
Prontinho, qualquer alteração dever ser salva através do botão **"**✅**Salvar decisões"**

{% endstep %}
{% endstepper %}

***

## 🔀 Usando Condicionais

Recurso avançado: personalize o funil com base no histórico do cliente

{% hint style="warning" %}
Este recurso é opcional. Se você está criando seu primeiro funil, pode pular esta etapa e configurar depois.
{% endhint %}

As condicionais permitem que o funil se comporte de forma **diferente** dependendo do histórico de compras do cliente. Assim você evita oferecer algo que ele já comprou.

#### 🧠 Como a condicional funciona?

* ✅ SE já comprou — Se o cliente já comprou o produto X, direcione para uma oferta diferente ou para a página de obrigado.

* ❌ SE nunca comprou — Se o cliente nunca comprou o produto X, siga o fluxo normal e apresente a oferta de upsell ou downsell.

{% stepper %}
{% step %}
Acesse a seção de aceite ou rejeição do **Upsell/Downsell**

Dentro das configurações de "Caso aceite" ou "Caso rejeite", localize a seção de **Condicionais**.\
\
Caso tenha dúvida de como chegar nesta etapa, veja o passo anterior sobre editar configurações existentes através dos diamantes: [#configurando-o-diamantes-decisoes](#configurando-o-diamantes-decisoes "mention")

<div data-with-frame="true"><figure><img src="https://3610983464-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnWIfc9hpnMPQKmkeC8kA%2Fuploads%2F1ZiTqOuJZkHyYUKYpeRf%2Fimage.png?alt=media&#x26;token=2091ab67-b916-45fa-ab8a-69d33e97a497" alt=""><figcaption></figcaption></figure></div>
{% endstep %}

{% step %}
Defina a regra: **"Se as compras anteriores do cliente..."**

Escolha entre <mark style="color:$success;">**Contiverem**</mark> <mark style="color:$tint;">(já comprou)</mark> ou <mark style="color:$danger;">**Não contiverem**</mark> (nunca comprou) e selecione o produto da condição.

<div data-with-frame="true"><figure><img src="https://3610983464-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnWIfc9hpnMPQKmkeC8kA%2Fuploads%2FVAfE9FkBcHtk7aXhLdJH%2Fimage.png?alt=media&#x26;token=6919ead3-3272-4d3a-99a5-c26a1d5809bb" alt=""><figcaption></figcaption></figure></div>
{% endstep %}

{% step %}
Defina para onde ir **"Então direcione para..."**

Se a condição for verdadeira, escolha a etapa de destino: uma página de vendas existente no funil ou uma página de obrigado.

<div data-with-frame="true"><figure><img src="https://3610983464-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnWIfc9hpnMPQKmkeC8kA%2Fuploads%2FtNka0ymM0HdLGEZ0oaUA%2Fimage.png?alt=media&#x26;token=9c59f578-ea0b-45ea-bfef-74115512235c" alt=""><figcaption></figcaption></figure></div>
{% endstep %}

{% step %}
Defina o fallback **"Caso contrário vá para..."**

Se a condição *não* for atendida, defina para onde o cliente vai. A configuração é a mesma da etapa anterior.

<div data-with-frame="true"><figure><img src="https://3610983464-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnWIfc9hpnMPQKmkeC8kA%2Fuploads%2Fzfsl83Sxxz1mrIyX7aVz%2Fimage.png?alt=media&#x26;token=bed2225b-7867-4185-92a5-d00dc0e7ce1d" alt=""><figcaption></figcaption></figure></div>
{% endstep %}

{% step %}
Clique em **"**✅**Salvar decisões"**

Confirme tudo e o funil já estará configurado com as condicionais ativas.&#x20;
{% endstep %}
{% endstepper %}

***

## 📢 Publicando o funil

Ative o funil para que ele comece a funcionar nas suas vendas

{% hint style="warning" %}
Após realizar edições e ajustes é obrigatório **publicar** o funil para que ele ative as configurações.
{% endhint %}

{% stepper %}
{% step %}
Revise todas as etapas do funil no canvas

Certifique-se de que todos os blocos estão configurados corretamente antes de publicar.
{% endstep %}

{% step %}
Clique em **"Publicar"**

No topo da tela do Flow, clique no botão **Publicar**. O status do funil mudará para Publicado.

Para pausar o funil a qualquer momento, clique em **"Despublicar"**. O status mudará para Desativado.

<div data-with-frame="true"><figure><img src="https://3610983464-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnWIfc9hpnMPQKmkeC8kA%2Fuploads%2FW7p1BSBIu1aqV3MKTWa4%2Fimage.png?alt=media&#x26;token=dad2d1b4-e067-4422-a88d-f059f5e2ed5e" alt=""><figcaption></figcaption></figure></div>
{% endstep %}
{% endstepper %}

{% hint style="danger" %}
Atenção ao botão **"Resetar"**: ele apaga toda a configuração do funil e **não é possível desfazer**. Só utilize se quiser começar do zero.
{% endhint %}

### 🧩 Scripts e integração externa

{% hint style="warning" %}
&#x20;**Quando usar os Scripts?** Você precisa usar os Scripts para conectar essa página ao Flow da Ticto. \
Se a sua página de upsell ou downsell está hospedada em outra plataforma (como Elementor, Webflow, Klickpages etc.)
{% endhint %}

Veja como acessar os scripts :thumbsup:

{% stepper %}
{% step %}
Ainda no módulo de criação do flow, clique na opção **<> scripts** , disponível na barra de botões superior.

<div data-with-frame="true"><figure><img src="https://3610983464-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnWIfc9hpnMPQKmkeC8kA%2Fuploads%2FsaZVQwgs1sQk7rZ4INDB%2Fimage.png?alt=media&#x26;token=27b51b38-a1b4-4bce-b73b-47450c59aee3" alt=""><figcaption></figcaption></figure></div>
{% endstep %}

{% step %}
Veja abaixo o detalhe de cada script e como configurar em suas paginas.

<div data-with-frame="true"><figure><img src="https://3610983464-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnWIfc9hpnMPQKmkeC8kA%2Fuploads%2FmdkCmgMwGcfMyDW8dYlp%2Fimage.png?alt=media&#x26;token=f27f18bf-c6a9-4f86-9c92-d1e314144efa" alt=""><figcaption></figcaption></figure></div>
{% endstep %}
{% endstepper %}

***

#### 🛡️ 1. Fallback nos botões

**O que faz:** Garante que, mesmo se houver algum problema técnico no Flow, o cliente ainda consiga clicar no botão e seguir com a oferta principal sem travar.

**Como usar:** Adicione o seguinte atributo no botão da sua página: html

```html
data-fallback-offer='CÓDIGO_DA_SUA_OFERTA'
```

{% hint style="warning" %}
Substitua `CÓDIGO_DA_SUA_OFERTA` pelo código real da oferta desejada. Esse código pode ser encontrado dentro da oferta no painel da Ticto
{% endhint %}

***

#### ⚡ 2. Script de Incorporação

**O que faz:** Este é o código principal que "liga" a sua página de upsell ao sistema da Ticto. Sem ele, os botões de aceite e recusa **não funcionam**.

📄 **Onde colar:** Dentro da tag `<head>` da sua página html.

```html
<!-- Cole dentro da tag <head> da sua página -->
<script src="https://midas.ticto.app/oneclickbuy.js?flow=af290c87-91b5-444e-b378-3b08eb26c178.95244" async></script>

```

> 💡 O código exato é gerado automaticamente pela Ticto . Basta copiá-lo direto do painel e colar no `<head>` da sua página.

{% hint style="warning" %}
O **flow** cria automaticamente um código, desta forma é importante copiar o código de acordo com o que apresenta em seu script de integração.

Caso tenha dificuldade em realizar essa configuração, compartilhe com seu desenvolver ou Web designer.
{% endhint %}

***

#### ✅ 3. Botão de aceite do upsell

**O que faz:** Quando o cliente clica neste botão, a Ticto entende que ele **aceitou** a oferta e processa a compra automaticamente, seguindo o fluxo configurado.

📄 **Onde colar:** Dentro da tag `<body>` da sua página

html

```html
<!-- Botão gerado pela Ticto — cole no <body> -->
<button type="button" class="ticto-upsell-button">COMPRAR AGORA</button>
```

> 🎨 Você pode **personalizar o texto e a aparência** do botão para combinar com o design da sua página, ou clicar em **"Resetar"** para voltar ao padrão original.

***

#### ❌ 4. Botão de recusa do upsell

**O que faz:** Quando o cliente clica neste botão, a Ticto entende que ele **recusou** a oferta e redireciona para o próximo passo do funil (downsell ou página de obrigado).

📄 **Onde colar:** Dentro da tag `<body>` da sua página

html

```html
<!-- Botão gerado pela Ticto — cole no <body> -->
<button type="button"  class="ticto-refuse-button" > NÃO QUERO, OBRIGADO</button>
```

> 🎨 Assim como o botão de aceite, pode ser **personalizado** no texto e aparência, ou **resetado** para o padrão.

***

#### 📋 Ordem correta de instalação na sua página

Siga esta sequência para tudo funcionar corretamente:

**1️⃣ Cole o Script de Incorporação no `<head>`** Esse é o primeiro e mais importante passo. Sem ele, nada funciona.

**2️⃣ Adicione o Botão de Aceite no `<body>`** Coloque em um local visível na página, onde o cliente consiga ver claramente.

**3️⃣ Adicione o Botão de Recusa no `<body>`** Geralmente fica abaixo do botão de aceite, com texto discreto como "Não, obrigado".

**4️⃣ (Opcional) Configure o Fallback nos botões** Adicione o atributo `data-fallback-offer` nos botões para garantir segurança em caso de falha técnica.

## ⚙️ Gerenciando seus funis

O que você pode fazer com os funis já criados

<table><thead><tr><th>Ação</th><th width="374">O que faz</th></tr></thead><tbody><tr><td>🔍 Gerenciar</td><td>Abre o funil para editar etapas, produtos e configurações</td></tr><tr><td>🗑️ Excluir</td><td>Remove o funil permanentemente. Essa ação não pode ser desfeita</td></tr><tr><td>📢 Publicar / Despublicar</td><td>Ativa ou desativa o funil sem perder as configurações</td></tr><tr><td>🔀 Reorganizar</td><td>Organiza automaticamente os blocos no canvas para melhorar a visualização</td></tr><tr><td>💾 Salvar posição dos elementos</td><td>Salva manualmente o layout atual dos blocos no canvas</td></tr><tr><td>↩️ Voltar</td><td>Retorna ao menu principal sem aplicar mudanças</td></tr></tbody></table>

Após criar e configurar o funil de vendas aparecerão botões de controle de configurações extras.

<div data-with-frame="true"><figure><img src="https://3610983464-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnWIfc9hpnMPQKmkeC8kA%2Fuploads%2FqsxuNaH1GaojHZ3MG2Tx%2Fimage.png?alt=media&#x26;token=6214191e-8809-4782-a831-6de41552700c" alt=""><figcaption></figcaption></figure></div>

***

💡 Dicas importantes

Boas práticas para o seu funil funcionar bem

* 🏷️ Dê nomes claros para cada etapa. Ex: "Upsell - Mentoria" em vez de "Etapa 1".
* 🔗 Sempre preencha a **URL de fallback**. Ela garante que o cliente não fique perdido caso ocorra algum erro no funil.
* 🧪 Teste o funil completo antes de publicar. Simule a compra nos dois cenários: aceite e recusa de cada oferta.
* 💾 Após reorganizar os blocos no canvas, clique em **"Salvar posição atual dos elementos"** para não perder o layout.
* 🔀 Use condicionais para clientes recorrentes. Evite oferecer um produto que o cliente **já comprou** — isso melhora a experiência.
* 📲 Ative **PIX e Boleto** se o seu público usa esses métodos. Mais formas de pagamento = mais conversões.