---
schema_version: "1"
id: a7dc8cbd78bf63f843c3452fe356854d82c86e6000e2b2df7a7fb613a9490815
title: Lightning sur les sites externes
collection: architect
version: next
locale: fr-fr
portal_url: https://docs.salesforce.com/architect/next/fr-fr/reference-diagrams/guides/lightning-out-on-external-sites.md
canonical_url: https://staging.architect.salesforce.com/docs/architect/fr-fr/reference-diagrams/guide/lightning-out-on-external-sites.html
source_site: staging.architect.salesforce.com
content_type: documentation
content_hash: d49af5a13908427744e550948d4dd98a9793f41a05a3d8640ea53116bcde1ec1
products:
  - Diagrammes de référence
  - Architect Site Content Repo
---
# Lightning sur les sites externes

<img style="border:1px solid #e5e5e5;margin:2rem 0rem" src="https://architect.salesforce.com/ns-assets/reference-architectures/lightning-out-on-external-sites.webp" alt="Lightning out sur des sites externes - Ceci est un exemple d&apos;architecture de solution du guide de décision Building Forms montrant comment les composants LWC peuvent être incorporés à l&apos;intérieur d&apos;un site Web externe via Lightning Out. Pour configurer une application Lightning Out, incluez la bibliothèque JavaScript Lightning Out dans la page sur le serveur d&apos;origine. Ajoutez ensuite un balisage qui charge votre application Lightning Out et ses composants. Votre application Lightning Out initialise sur une connexion sécurisée et est insérée dans le DOM de la page.">

## Description

Il s'agit d'un exemple d'architecture de solution du guide de décision Building Forms montrant comment les composants LWC peuvent être incorporés à l'intérieur d'un site Web externe via Lightning Out. Pour configurer une application Lightning Out, insérez la bibliothèque JavaScript Lightning Out dans la page du serveur d'origine. Ajoutez ensuite un balisage qui charge votre application Lightning Out et ses composants. Votre application Lightning Out s'initialise sur une connexion sécurisée et est insérée dans le DOM de la page.

## Liens téléchargeables :

- [Lucid](https://lucid.app/lucidchart/editNew/ecd1a401-ee27-4f75-86f5-d5a1cabb1a4d)
- [Image](https://architect.salesforce.com/ns-assets/legacy/location.png)
