> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.cartpanda.com/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).

# Como adicionar Script de Aprovação no Checkout

# Tag de Aprovação

Você pode inserir uma tag de **Tempo de Aprovação** nos seus métodos de pagamento, diretamente no Checkout, como mostra o print abaixo.

Basta acessar *Admin > Rastreamento e Scripts*, e adicionar em **Checkout > Head** o seguinte script:

![](https://storage.crisp.chat/users/helpdesk/website/626e5bed518e1800/image_icrw7w.png)


| Caso use **PIX** em sua loja, adicione o seguinte script:

```javascript
<script>
/* PagamentoCartaoCredito*/
const elementoPagamentoCartaoCredito = document.getElementById('heading1');
const elementoParagrafoCartaoCredito = document.createElement("p");
const textoCartaoCredito = document.createTextNode("APROVAÇÃO IMEDIATA");
elementoParagrafoCartaoCredito.appendChild(textoCartaoCredito);
elementoPagamentoCartaoCredito.prepend(elementoParagrafoCartaoCredito);
elementoParagrafoCartaoCredito.classList.add("aprovacao-pagamento");
/* PagamentoPix*/
const elementoPagamentoPix = document.getElementById('headingPix');
const elementoParagrafoPix = document.createElement("p");
const textoPix = document.createTextNode("APROVAÇÃO IMEDIATA");
elementoParagrafoPix.appendChild(textoPix);
elementoPagamentoPix.prepend(elementoParagrafoPix);
elementoParagrafoPix.classList.add("aprovacao-pagamento");
/* PagamentoBoleto*/
const elementoPagamentoBoleto = document.getElementById('headingTwo');
const elementoParagrafoBoleto = document.createElement("p");
const textoBoleto = document.createTextNode("APROVAÇÃO EM 3 DIAS");
elementoParagrafoBoleto.appendChild(textoBoleto);
elementoPagamentoBoleto.prepend(elementoParagrafoBoleto);
elementoParagrafoBoleto.classList.add("aprovacao-pagamento");
elementoParagrafoBoleto.classList.add("aprovacao-pagamento--boleto");
</script>

<style>
p.aprovacao-pagamento {
display: block;
width: fit-content;
top: 5px;
background: #31BEB0;
color: white;
border-radius: 5px;
padding: 0 8px;
font-weight: bolder;
margin-bottom: 8px;
}
p.aprovacao-pagamento--boleto{
background: #A3A3A3;
}
</style>
```

| Caso **não use PIX**, adicione o seguinte script:

```javascript
<script>
/ *PagamentoCartaoCredito* /
const elementoPagamentoCartaoCredito = document.getElementById('heading1');
const elementoParagrafoCartaoCredito = document.createElement("p");
const textoCartaoCredito = document.createTextNode("APROVAÇÃO IMEDIATA");
elementoParagrafoCartaoCredito.appendChild(textoCartaoCredito);
elementoPagamentoCartaoCredito.prepend(elementoParagrafoCartaoCredito);
elementoParagrafoCartaoCredito.classList.add("aprovacao-pagamento");
/ *PagamentoBoleto* /
const elementoPagamentoBoleto = document.getElementById('headingTwo');
const elementoParagrafoBoleto = document.createElement("p");
const textoBoleto = document.createTextNode("APROVAÇÃO EM 3 DIAS");
elementoParagrafoBoleto.appendChild(textoBoleto);
elementoPagamentoBoleto.prepend(elementoParagrafoBoleto);
elementoParagrafoBoleto.classList.add("aprovacao-pagamento");
elementoParagrafoBoleto.classList.add("aprovacao-pagamento--boleto");
</script>

<style>
p.aprovacao-pagamento {
display: block;
width: fit-content;
top: 5px;
background: #31BEB0;
color: white;
border-radius: 5px;
padding: 0 8px;
font-weight: bolder;
margin-bottom: 8px;
}
p.aprovacao-pagamento--boleto{
background: #A3A3A3;
}
</style>
```