--- schema_version: "1" id: 21293e2af883c74dd403e2212b2fe5bf2644c90d9461d074bd98f52e51247336 title: Lightning Out en sitios externos collection: architect version: next locale: es-mx portal_url: https://docs.salesforce.com/architect/next/es-mx/reference-diagrams/guides/lightning-out-on-external-sites.md canonical_url: https://staging.architect.salesforce.com/docs/architect/es-mx/reference-diagrams/guide/lightning-out-on-external-sites.html source_site: staging.architect.salesforce.com content_type: documentation content_hash: d5213cca7fd447cdb00bd10af4970f10ed25fe89b4d547fc8a7484388e355c72 products: - Diagramas de referencia - Architect Site Content Repo --- # Lightning Out en sitios externos Lightning Out en sitios externos: Esta es una arquitectura de solución de ejemplo de la Guía de decisiones de formularios de construcción que muestra cómo se pueden integrar componentes LWC dentro de un sitio web externo a través de Lightning Out. Para configurar una aplicación Lightning Out, incluya la biblioteca JavaScript Lightning Out en la página en el servidor de origen. A continuación, agregue marcas que cargan su aplicación Lightning Out y sus componentes. Su aplicación Lightning Out se inicializa a través de una conexión segura y se inserta en el DOM de la página. ## Descripción Esta es una arquitectura de solución de ejemplo de la Guía de decisiones de formularios de construcción que muestra cómo se pueden integrar componentes LWC dentro de un sitio web externo a través Lightning Out. Para configurar una aplicación Lightning Out, incluya la biblioteca JavaScript Lightning Out en la página en el servidor de origen. A continuación, agregue un marcado que cargue su aplicación Lightning Out y sus componentes. Su aplicación Lightning Out se inicializa a través de una conexión segura y se inserta en el DOM de la página. ## Vínculos descargables: - [Lucid](https://lucid.app/lucidchart/editNew/ecd1a401-ee27-4f75-86f5-d5a1cabb1a4d) - [Imagen](https://architect.salesforce.com/ns-assets/legacy/location.png)