# Como criar um template de checkout

## 🎨 Como Criar e Configurar um Template de Checkout na Ticto

O **template de checkout** é o coração da sua conversão na Ticto.\
É através dele que você estrutura a experiência de compra do seu cliente.

Com ele, você pode:

* 🎨 Personalizar a aparência do checkout
* 🔗 Conectar ofertas e criar experiências únicas
* 💰 Ativar funcionalidades que aumentam o ticket médio
* 🔒 Inserir elementos que geram confiança
* ⏳ Trabalhar gatilhos de urgência

***

## 📚 Índice

* Visão Geral
* Etapa 1: Criando um Novo Template de Checkout
* Campos Iniciais de Configuração
* Configuração de Domínio Próprio
* Configuração para Produtos Físicos
* Etapa 2: Gerenciando o Template Criado

***

## 🚀 Visão Geral

A criação do template acontece em **duas etapas principais**:

#### 🧱 Etapa 1 — Estrutura (Esqueleto)

Você cria o template e define configurações essenciais.

#### 🎨 Etapa 2 — Personalização

Você adiciona características visuais e ajustes estratégicos.

***

## 🔧 Etapa 1: Criando um Novo Template de Checkout

Você pode criar um template de duas formas:

***

### 🟢 Forma 1: Após Criar uma Nova Oferta

{% stepper %}
{% step %}
Crie sua oferta normalmente através do wizard inicial
{% endstep %}

{% step %}
Aparecerá um novo step **“+ Adicionar checkout agora”.**

{% endstep %}

{% step %}
Após clicar em **“+ Adicionar checkout agora”**, você será direcionado para o preenchimentos os campos, conforme passo: [#campos-iniciais-de-configuracao](#campos-iniciais-de-configuracao "mention")

<figure><img src="https://3610983464-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnWIfc9hpnMPQKmkeC8kA%2Fuploads%2FzrWcnr6j80R2Ka07V9W7%2Fimage.png?alt=media&#x26;token=f543f805-556f-4a9c-9637-3a69032cfb3b" alt=""><figcaption></figcaption></figure>
{% endstep %}
{% endstepper %}

***

### 🟡 Forma 2: Via Produto Existente

{% stepper %}
{% step %}
Acesse sua conta através de [ticto.com.br](https://ticto.com.br/).

{% endstep %}

{% step %}
Acesse o menu lateral esquerdo **Meus Produtos.**

<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%2FooyGwtUMb51ONSc6yzTU%2Fimage.png?alt=media&#x26;token=7e630487-ebd0-4d7a-bedb-0a5340ac353d" alt=""><figcaption></figcaption></figure></div>
{% endstep %}

{% step %}
Na aba produtor, localize o produto o qual deseja add o template de checkout e clique em **Ações**.

<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%2FmlMbSamqujdWvKJGwAGr%2Fimage.png?alt=media&#x26;token=9af3868c-de20-4ee6-bbdf-f2da7fed3402" alt=""><figcaption></figcaption></figure></div>

<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%2FpUMF8oTukTrIMJL3AL3N%2Fimage.png?alt=media&#x26;token=dc85c85a-c0b0-4fa3-ae0c-4e9424f0f5f4" alt=""><figcaption></figcaption></figure></div>
{% endstep %}

{% step %}
Após clicar em ações selecione **Templates de Checkout.**

<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%2FVpJLItN5yFcMf5bPMpLm%2Fimage.png?alt=media&#x26;token=2d35577e-5441-477a-b6a2-185d37c47fe5" alt=""><figcaption></figcaption></figure></div>
{% endstep %}

{% step %}
Na tela seguinte de gerenciamento de templantes do produto, clique em **+ Adicionar.**

<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%2FnH5fPFH0hwQoF0Ab7XDH%2Fimage.png?alt=media&#x26;token=431f8173-abeb-4324-ae92-f7123f23231c" alt=""><figcaption></figcaption></figure></div>
{% endstep %}
{% endstepper %}

***

Ambas as opções levam para a **mesma interface de configuração**.

***

## 📝 Campos Iniciais de Configuração

Ao criar o template, você deverá preencher:

* 📌 Nome do template
* 🔗 Associação com ofertas
* 🌍 Configurações de domínio
* ⚙️ Recursos adicionais disponíveis<br>

**📝 Campos Iniciais de Configuração**

| Nº | Campo                             | Descrição                                                                                                                                                            |
| -- | --------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| 1  | **Nome do Checkout**              | Nome de referência do checkout.                                                                                                                                      |
| 2  | **Ofertas para este Checkout**    | Seleciona as ofertas que serão vinculadas ao checkout.                                                                                                               |
| 3  | **Usar como padrão?**             | Define este template como padrão para novas ofertas.                                                                                                                 |
| 4  | **Página de Obrigado**            | URL para onde o cliente será redirecionado após a compra.                                                                                                            |
| 5  | **URL de Back Redirect**          | URL de retorno caso o cliente clique em "Voltar" no checkout.                                                                                                        |
| 6  | **Confirmação de e-mail?**        | Habilita checagem extra do e-mail inserido.                                                                                                                          |
| 7  | **Solicitar telefone?**           | Exibe campo de telefone no checkout.                                                                                                                                 |
| 8  | **Omitir DDI?**                   | Oculta o código de área internacional (DDI).                                                                                                                         |
| 9  | **Solicitar endereço?**           | Solicita o endereço durante o checkout.                                                                                                                              |
| 10 | **Endereço pós-compra?**          | Solicita endereço apenas após o pagamento.                                                                                                                           |
| 11 | **Autenticação OTP?**             | Ativa o envio de código OTP por e-mail ou SMS para que o cliente possa validar sua compra de forma segura, principalmente em pagamentos via cartão com dados salvos. |
| 12 | **Ativar cupom?**                 | Ativa o campo de cupom de desconto.                                                                                                                                  |
| 13 | **One Page Checkout?**            | Exibe o checkout em uma única tela.                                                                                                                                  |
| 14 | **Exibir taxas de parcelamento?** | Mostra custos adicionais de parcelamento.                                                                                                                            |
| 15 | **Venda internacional?**          | Permite compras fora do Brasil. Não reflete pagamento em outras moedas.                                                                                              |

<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%2F0zl2J0i8hV1jeEs6a6Jf%2Fimage.png?alt=media&#x26;token=4637518e-a1b4-4a12-a7fe-5cea56b4579c" alt=""><figcaption></figcaption></figure></div>

> ⚠️ **Importante**
>
> Sempre clique em **Salvar** após preencher as informações.\
> Caso contrário, as alterações não serão registradas.

***

## 🌐 Configuração de Domínio Próprio <a href="#id-1-configuracao-de-dominio-proprio" id="id-1-configuracao-de-dominio-proprio"></a>

{% stepper %}
{% step %}
Ative a opção **Deseja utilizar domínio próprio?**
{% endstep %}

{% step %}
Insira seu domínio (ex: <https://checkout.seusite.com.br>)
{% endstep %}

{% step %}
No seu provedor DNS (ex: Cloudflare, Hostgator):

{% hint style="warning" %}

* Crie uma entrada **CNAME** apontando para [cname.ticto.link](https://cname.ticto.link/)
* Desative o proxy (nuvem laranja)
  {% endhint %}
  {% endstep %}

{% step %}
Clique no botão **" Salvar "**

<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%2Fg4zec0Ygmyr7aBP4mzvJ%2Fimage_1p66uft.png?alt=media&#x26;token=c910c4cd-cbbe-46fd-abe9-6918c98f7347" alt=""><figcaption></figcaption></figure></div>
{% endstep %}

{% step %}
Volte ao painel Ticto e clique em **Validar domínio**

{% hint style="success" %}
&#x20;O botão ficará verde se a configuração estiver correta. Lembrando que alguns fornecedores de hospedagem levam até 48 horas para replicar os serviços de DNS.
{% endhint %}
{% endstep %}
{% endstepper %}

***

## 📦 Configuração para Produtos Físicos

Para produtos físicos, o checkout da Ticto permite ativar **bloqueio de compras repetidas**.

Essa função evita compras excessivas ou tentativas de fraude.

***

### 🔒 Campos de Bloqueio Disponíveis

Você pode bloquear por:

* CPF/CNPJ
* E-mail
* Telefone
* CEP
* Endereço completo (logradouro, número, complemento)

<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%2FStKqKsxulAqHFaEScE5J%2Fimage.png?alt=media&#x26;token=4050d49a-2a1f-44d3-851e-b9f01aa3f224" alt=""><figcaption></figcaption></figure></div>

***

### ⚙️ Limites Configuráveis

* 📆 **Limite de dias**\
  Período para considerar o bloqueio (ex: 7 dias)
* 🔢 **Quantidade máxima**\
  Máximo de compras permitidas por identificador (ex: 2 pedidos por CPF)

💡 **Exemplo prático**

Bloquear novos pedidos para o mesmo CPF se já houver:

* 2 pedidos
* Dentro do período de 7 dias

Isso protege seu estoque e reduz riscos operacionais.

<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%2FAxgs7AnPRIL25kUHBvIv%2Fimage.png?alt=media&#x26;token=f809681b-5152-4435-9bda-1b3c2014bc86" alt=""><figcaption></figcaption></figure></div>

***

## 🎯 Etapa 2: Gerenciando o Template Criado

Depois de salvo, o template será exibido na listagem com:

* 🏷 Nome do template
* 🔗 Ofertas associadas
* 👤 Usuário responsável
* 📅 Data de criação
* ✏️ Data da última ediçã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%2F6mwZFgWw6jXxt3SeQxl5%2Fimage.png?alt=media&#x26;token=6443c698-d601-4cb8-9138-9693128d16c3" alt=""><figcaption></figcaption></figure></div>

***

### 🔘 Ações Disponíveis

Você poderá:

* ✏️ **Editar** – Ajustar configurações estruturais
* ⚙️ **Configurar visual** – Personalizar cores, layout e identidade
* 📄 **Duplicar** – Criar uma versão baseada em um modelo existente
* 🗑 **Excluir** – Remover permanentemente
* 🔘 **Ativar/Desativar** – Controlar qual template está em uso

<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%2F1lvcL7WBAzKpqWOxpWrz%2Fimage.png?alt=media&#x26;token=4979c0b4-33fa-4ea2-bdc0-a12822becad1" alt=""><figcaption></figcaption></figure></div>

***

> 💡 **Boa prática**
>
> Sempre duplique um template antes de realizar grandes alterações.\
> Assim, você mantém uma versão segura caso precise voltar atrás.

\
🎉 Parabéns! Seu Template de Checkout Foi Criado com Sucesso!

Você concluiu a **Etapa 1** e agora possui a estrutura do seu checkout pronta dentro da Ticto 🚀

Isso significa que:

* ✅ Seu template está configurado
* ✅ Suas ofertas podem ser vinculadas
* ✅ Seu ambiente de conversão está preparado

Agora começa a parte mais estratégica…

Hora de Personalizar e Transformar seu Checkout em uma Máquina de Conversão

A personalização visual é o que transforma um checkout comum em um **checkout profissional, persuasivo e otimizado para vendas**. \
\
Acesse nosso artigo exclusivo contendo todos as funcionalidade para turbinar seu checkout e converter muito mais : [personalize-o-template-de-checkout](https://help.ticto.com.br/sou-produtor/meus-produtos/produtor/gerenciamento-e-acoes-em-produtos/templates-de-checkout/personalize-o-template-de-checkout "mention")