> For the complete documentation index, see [llms.txt](https://partners.tray.com.br/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://partners.tray.com.br/themes/construindo-seu-template/referencias/objetos/seals.md).

# seals

Este objeto é utilizado para exibir os selos de segurança da loja, atestando aos consumidores uma maior proteção para compra. A Tray possui atualmente integração com 2 selos: Loja Protegida e [Ebit.](https://basedeconhecimento.tray.com.br/hc/pt-br/articles/6758038862619-Ebit-Integra%C3%A7%C3%A3o)

{% hint style="info" %}
**Disponível para uso em todas as páginas.**
{% endhint %}

### Atributos disponíveis​ <a href="#atributos-disponiveis" id="atributos-disponiveis"></a>

Ao utilizar os atributos abaixo, os selos só serão retornados caso estejam configurados na loja.

| Atributos                | Característica                                         |
| ------------------------ | ------------------------------------------------------ |
| `{{ seals.ebit }}`       | Retorna o HTML com a imagem do selo do Ebit.           |
| `{{ seals.hackersafe }}` | Retorna o HTML com a imagem do selo de Loja Protegida. |

### Como Usar

Abaixo você pode ver um exemplo de código com a utilização do Objeto `seals`:

{% code title="Input" %}

```html
<ul class="security-seals">
    {% if seals.ebit %}
        <li class="ebit-seal">
            {{ seals.ebit }}
        </li>
    {% endif %}
    
    {% if seals.hackersafe %}
        <li class="loja-protegida-seal">
            {{ seals.hackersafe }}
        </li>
    {% endif %}
</ul>
```

{% endcode %}

{% code title="Output" %}

```html
<ul class="security-seals">
    <li class="ebit-seal">
        <img src="https://caminhoimg.com.br/selo_ebit.png" 
        alt="Selo Ebit" title="Selo Ebit" border="0">
    </li>
    <li class="loja-protegida-seal">
        <img src="https://caminhoimg.com.br/selo_lojaprotegida.png" 
        alt="Loja Protegida" title="Loja Protegida" border="0">
    </li>
</ul>
```

{% endcode %}
