# 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="/files/wTuerxTR3w1b7RvqPQNH" 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="/files/mQw3xeRPGnqreCF6VY1x" alt=""><figcaption></figcaption></figure></div>
{% endstep %}

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

<div data-with-frame="true"><figure><img src="/files/eXU4BrflP9iTVxiu6KCq" 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="/files/vO2wBhvTRIQeSTOWG7cJ" 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="/files/9V6SfY3qcZtROUhMFfKV" 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="/files/i8B2PGSy06Mnr3SHZRDr" 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="/files/bJPMRIHEpdTqBvkAaC0w" 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="/files/PwojNcP3g3vDba8cHYEs" 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="/files/090LNPUjFQA74mfOHLCl" 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="/files/ahJ5EcMim0viAgKVDJG1" 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="/files/SP5yVTI9BpH8HnJIF7os" 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="/files/yA3wYt02PgnHBfRJqijW" alt=""><figcaption></figcaption></figure></div>
{% endstep %}

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

<div data-with-frame="true"><figure><img src="/files/dmYR5MIKpUHxSiYy3xvn" 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="/files/L6VDA3IVSvMgwVyApiW5" 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="/files/Z9v0sXJQoz27bxOYXlmQ" 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="/files/FRAwGjOJas83vsKf9KNn" 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="/files/DU5byb51299t1vswNIRt" alt=""><figcaption></figcaption></figure></div>
{% endstep %}

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

<div data-with-frame="true"><figure><img src="/files/Edqlbz2zqpAY3Oilk9YU" 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="/files/0WrVcQsWtqIKVocRDfKf" 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="/files/mgnSJg3xrBVeMSUxI3iz" 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="/files/AaII7iFu553xgKedB5z6" 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="/files/MMRbllhdC8UvPHkF0Dkn" 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="/files/TKe5gs2nvM87Ct83kQB2" 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="/files/cFqq46pJC1TpbpO4Sswy" 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="/files/kS5eytIAdzaUfZkezoi0" 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="/files/KtdyGY4Lp6aX0eCxYF5W" 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="/files/ZKyxRia89B1mlKItGXFl" 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="/files/GEnBvuYpp0ipbf0NKLmW" 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.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.ticto.com.br/sou-produtor/meus-produtos/produtor/gerenciamento-e-acoes-em-produtos/flow-funil-de-vendas.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.