---
schema_version: "1"
id: 219208e594806bdbc0798ae86d4af9b453882e4389c38668ece2d6aaba9269b2
title: Lightning auf externen Sites
collection: architect
version: next
locale: de-de
portal_url: https://docs.salesforce.com/architect/next/de-de/reference-diagrams/guides/lightning-out-on-external-sites.md
canonical_url: https://staging.architect.salesforce.com/docs/architect/de-de/reference-diagrams/guide/lightning-out-on-external-sites.html
source_site: staging.architect.salesforce.com
content_type: documentation
content_hash: 13c6098615cba15ef5fba567571d0bedaf094c57915715c007524bff219c6812
products:
  - Referenzdiagramme
  - Architect Site Content Repo
---
# Lightning auf externen Sites

<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 on external sites (Lightning auf externen Sites): Dies ist eine Beispiellösungsarchitektur aus dem Building Forms Decision Guide, die zeigt, wie LWC-Komponenten über Lightning Out in eine externe Website eingebettet werden können. Fügen Sie zum Konfigurieren einer Lightning Out-Anwendung die Lightning Out JavaScript-Bibliothek auf der Seite des Ursprungsservers hinzu. Fügen Sie dann Markup hinzu, das Ihre Lightning Out-Anwendung und ihre Komponenten lädt. Ihre Lightning Out-Anwendung wird über eine sichere Verbindung initialisiert und in das DOM der Seite eingefügt.">

## Beschreibung

Dies ist eine Beispiellösungsarchitektur aus dem Decision Guide für Formulare, die zeigt, wie LWC-Komponenten über Lightning Out in eine externe Website eingebettet werden können. Fügen Sie zum Konfigurieren einer Lightning Out-Anwendung die Lightning Out JavaScript-Bibliothek auf der Seite des Ursprungsservers hinzu. Fügen Sie dann Markup hinzu, mit dem Ihre Lightning Out-Anwendung und ihre Komponenten geladen werden. Ihre Lightning Out-Anwendung wird über eine sichere Verbindung initialisiert und in das DOM der Seite eingefügt.

## Herunterladbare Links:

- [Lucid](https://lucid.app/lucidchart/editNew/ecd1a401-ee27-4f75-86f5-d5a1cabb1a4d)
- [Bild](https://architect.salesforce.com/ns-assets/legacy/location.png)
