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

# Integração do widget

> Coloque a verificação dentro do seu site ou do seu app. Este é o passo em que o time de desenvolvimento entra.

Tudo até aqui foi configuração. Este passo é onde a verificação passa a aparecer para a pessoa,
dentro do seu produto. É o momento de envolver o time de desenvolvimento.

## Como a verificação chega até a pessoa

<Columns cols={3}>
  <Card title="No seu site" icon="browser" href="/guides/web/vanilla-js">
    O Web SDK abre a verificação dentro da sua página, com um script e sem build.
  </Card>

  <Card title="No seu app" icon="device-mobile" href="/sdks/android">
    Os SDKs nativos: [Android](/sdks/android), [iOS](/sdks/ios) e [React Native](/sdks/react-native).
  </Card>

  <Card title="Por link ou QR code" icon="qrcode" href="/guides/first-verification#passo-7-abra-a-jornada">
    A pessoa abre no celular dela. Não exige biblioteca.
  </Card>
</Columns>

## O que não muda entre os caminhos

<Steps>
  <Step title="O seu servidor cria a verificação">
    Com a chave do [passo 4](/platform/tokens) e a origem do [passo 5](/platform/domains). A resposta
    traz a entrada da jornada: uma URL para a web, uma credencial para o app.
  </Step>

  <Step title="O widget abre com aquela entrada">
    Ela vale para uma verificação e expira. O widget nunca gera uma sozinho.
  </Step>

  <Step title="A decisão chega pelo webhook do passo 6">
    O evento de conclusão do widget diz que a pessoa terminou de interagir. O desfecho confiável
    chega ao seu servidor por [`verification.decided`](/webhooks/events#verificationdecided).
  </Step>
</Steps>

<Warning>
  A chave de API nunca vai para o site nem para o app. O cliente recebe só a entrada da jornada,
  emitida pelo seu servidor.
</Warning>

## Por onde o desenvolvedor começa

<Columns cols={2}>
  <Card title="Receba sua primeira verificação" icon="rocket" href="/guides/first-verification">
    O guia passo a passo, do dashboard ao webhook, em sandbox.
  </Card>

  <Card title="Emitir a credencial" icon="key" href="/guides/credential">
    A rota de backend em Node, Python, PHP e Go.
  </Card>

  <Card title="Guias por framework" icon="code" href="/guides/web/react">
    React, Next.js, Vue, Angular e HTML puro.
  </Card>

  <Card title="Legitimuz + IA" icon="sparkles" href="/ai/overview">
    Deixe um agente de codificação fazer a integração com o contexto certo.
  </Card>
</Columns>

## Confira que funcionou

A verificação aparece em [Verificações](https://painel.legitimuz.com/verifications) com status
diferente de `not_opened`, e o endpoint do passo 6 registra a entrega de `verification.decided`.

## Próximos passos

<Columns cols={2}>
  <Card title="Ir para produção" icon="rocket" href="/start/production">
    O checklist antes da primeira pessoa real.
  </Card>

  <Card title="Boas práticas" icon="bulb" href="/help/best-practices">
    O que separa uma integração que funciona de uma que gera chamado.
  </Card>
</Columns>