# 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")


---

# 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/templates-de-checkout/como-criar-um-template-de-checkout.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.