> 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/desenvolver/vincular-produto-no-criador-de-lp.md).

# Vincular produto no criador de LP

A nova funcionalidade permite associar landing pages de alta conversão diretamente às páginas de produtos do seu e-commerce. O objetivo deste guia é orientar sobre a configuração, os requisitos e as boas práticas para utilizar essa integração e otimizar a experiência de compra do usuário.

#### **Configuração na plataforma**

No painel administrativo da loja, navegue até:

Configurações -> Landing Pages -> Adicionar Landing Page -> Seções Pré-Definidas

<figure><img src="https://799659513-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F30tSHvrN7e0UK3aUSC1K%2Fuploads%2FgR3QagTiZonsmPyn0IUO%2Flp3.0.png?alt=media&amp;token=7705ed74-d625-414d-a20f-31c33d1ce0b7" alt=""><figcaption></figcaption></figure>

Adicione as seções que achar mais interessante para a sua landing page, de modo a criar uma experiência visual única para os clientes.

Depois, clique em **Configuração da Página** para selecionar e vincular o produto desejado. Através dessa definição que irá alimentar o retorno dinâmico através do código twig mostrado na seção a seguir.

#### **Twig**

Adicione o código abaixo no arquivo `pages/product.html` dentro do código do seu tema, no local onde a Landing Page deve ser exibida. Recomendamos a inserção ao final da página

```
{% if landingPage %}
    {{ landingPage.render('product', product.id)|raw }}
{% endif %}
```

Pronto. Assim, quando existir uma Landing Page vinculada aquele produto seu tem irá exibi-la. Isso permitirá uma liberdade criativa muito grande para o lojista falar mais sobre o produto que está vendendo.

#### Estilização

As landing pages criadas já possuem um estilo próprio para que não dependam dos temas, mas dependendo de como seu tema é feito ajustes do estilo podem ser necessários para ela se adaptar totalmente ao seu tema. Você como parceiro deve garantir que as landing pages se integrem corretamente a página do produto.

<br>