> 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/componentes/tray-login.md).

# Tray Login

{% hint style="danger" %}
Para usar esse componente você deve inserir os scripts de login usando a chamada [`{{ tray.scripts_login }}`](/themes/construindo-seu-template/referencias/objetos/tray.md#atributos-disponiveis)}. <mark style="color:red;">**Entretanto não recomendamos o uso desse recurso**</mark>. Ele já se encontra depreciado e será removido no segundo semestre de 2022.
{% endhint %}

É possível chamar o modal de login em qualquer página da loja.

Para que funcione corretamente é necessário:

* Que a loja seja Personalizável&#x20;
* Esteja 100% em ambiente seguro (https)

Com esses requisitos atendidos, basta seguir o passo a passo abaixo:

Faça a chamada do componente no arquivo `default.html` como abaixo:

```twig
{% if pages.current != 'login' %}
    {% element 'snippets/tray_login' %}
{% endif %}
```

Para acionar o modal utilize o código abaixo;

```javascript
jQuery('#login-button').click(function(event) {
  event.preventDefault();
  jQuery('tray-login').show();
});
```

Usando o método `click()` o modal será exibido em todas as páginas editáveis.

Caso seja utilizado o método `on('click')` não funcionará nas páginas fechadas, pelo fato de a versão do [jQuery](http://dev.tray.com.br/hc/pt-br/articles/205392068-jQuery) nessas páginas serem inferiores ao suportado por esse método.