--- schema_version: "1" id: 25a3246b1e19f292240e63eab76f93e8a7ba27cb000ce777f35e997d004293e5 title: Lightning Out em sites externos collection: architect version: next locale: pt-br portal_url: https://docs.salesforce.com/architect/next/pt-br/reference-diagrams/guides/lightning-out-on-external-sites.md canonical_url: https://staging.architect.salesforce.com/docs/architect/pt-br/reference-diagrams/guide/lightning-out-on-external-sites.html source_site: staging.architect.salesforce.com content_type: documentation content_hash: 6f959212f01e7b7480495c59eb9128dcdfae7f561032a20484f56527baa5b902 products: - Diagramas de referência - Architect Site Content Repo --- # Lightning Out em sites externos Lightning out em sites externos - Este é um exemplo de arquitetura de soluções do Guia de decisão de Formulários de construção que mostra como os componentes do LWC podem ser integrados dentro de um site externo por meio do Lightning Out. Para configurar um aplicativo Lightning Out, inclua a biblioteca do Lightning Out JavaScript na página no servidor de origem. Em seguida, adicione uma marcação que carrega seu aplicativo Lightning Out e seus componentes. Seu aplicativo Lightning Out inicializa por meio de uma conexão segura e é inserido no DOM da página. ## Descrição Este é um exemplo de arquitetura de soluções do Guia de decisão de formulários de construção que mostra como os componentes do LWC podem ser integrados dentro de um site externo por meio do Lightning Out. Para configurar um aplicativo Lightning Out, inclua a biblioteca JavaScript Lightning Out na página no servidor de origem. Em seguida, adicione uma marcação que carregue seu aplicativo Lightning Out e seus componentes. Seu aplicativo Lightning Out inicializa por meio de uma conexão segura e é inserido no DOM da página. ## Links para download: - [Lucid](https://lucid.app/lucidchart/editNew/ecd1a401-ee27-4f75-86f5-d5a1cabb1a4d) - [Imagem](https://architect.salesforce.com/ns-assets/legacy/location.png)