> ## Documentation Index
> Fetch the complete documentation index at: https://attlas.so/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Loja e produtos

> Exiba produtos, mercadorias e bens digitais diretamente no seu chat com um layout de loja dedicado.

A aba **Loja** permite que você exiba mercadorias, itens físicos, produtos digitais e serviços diretamente no seu chat.

Quando você adiciona produtos, o Attlas os apresenta em um layout de loja dedicado de 2 colunas, facilitando a navegação e a compra para seus visitantes.

<Check>
  Para gerenciar seu catálogo, acesse a página **"Gatilhos"** e mude para a aba **"Loja"**.
</Check>

<img src="https://mintcdn.com/attlas/6QTLSa1Et-gmu6zK/images/trigger-product.webp?fit=max&auto=format&n=6QTLSa1Et-gmu6zK&q=85&s=7dd2b831f9cf87c2ef12d8b491bbac4c" alt="Gatilho de Produto" width="2400" height="1350" data-path="images/trigger-product.webp" />

## Configurando um produto

Cada gatilho de produto inclui:

* **Imagem de capa**: Visual de alta qualidade exibindo seu item.
* **Título do produto**: Nome claro e conciso para o item.
* **Preço e moeda**: Valor e código da moeda (compatível com USD, EUR, GBP, BRL, CAD, JPY e mais).
* **URL de destino**: Link externo apontando diretamente para sua página de checkout, loja online ou processador de pagamento (ex.: Stripe, Shopify, Gumroad).

<Info>
  **Exibição automática de moeda**: Quando os visitantes navegam pelo seu chat no idioma de preferência, o Attlas converte e exibe automaticamente o preço equivalente na moeda local deles.
</Info>

***

## Abas de Links e Loja

<video autoPlay muted loop playsInline src="https://mintcdn.com/attlas/6QTLSa1Et-gmu6zK/videos/triggers-tabs.mp4?fit=max&auto=format&n=6QTLSa1Et-gmu6zK&q=85&s=cb016b019bcc2cb243790a5c1d0f92d3" data-path="videos/triggers-tabs.mp4" />

Nas configurações do seu chat, seus gatilhos são organizados em abas:

1. **Links & Media**: Para seus links, cartões, incorporações e atalhos de contato.
2. **Loja**: Para seus produtos e coleções da loja.
3. **Perguntas**: Para sugestões de início de conversa.

Quando você tem pelo menos um produto na sua Loja, o Attlas adiciona automaticamente um **alternador de Links / Loja** no topo do seu chat público. Os visitantes podem alternar facilmente entre seus links gerais e os itens da loja.

***

## Organizando com seções

Você pode adicionar divisores de **Seção** na aba Loja para categorizar seus produtos (ex.: "Vestuário", "E-books", "Acessórios", "Cursos").

<Tip>
  Os cabeçalhos de seção na aba Loja ocupam automaticamente ambas as colunas da grade de produtos, mantendo seu catálogo limpo e fácil de navegar.
</Tip>

***

## Melhores práticas

* **Imagens de alta resolução**: Use fotos limpas e bem iluminadas com proporções consistentes para uma aparência profissional de vitrine.
* **Links diretos para checkout**: Vincule diretamente ao URL de checkout ou carrinho específico do produto para minimizar atritos para o comprador.
* **Títulos descritivos**: Mantenha os títulos dos produtos curtos para que se encaixem bem nas telas de dispositivos móveis.

<Card title="Aprenda a adicionar perguntas sugeridas ao seu chat" icon="messages" horizontal href="/docs/pt/start/questions">
  Guie os visitantes e inicie conversas com prompts selecionados e perguntas geradas por IA.
</Card>