---
title: "Widget auf Ihrer Website einbetten"
description: "So kopieren Sie Ihren Widget-Code und betten ihn auf Ihrer Website ein."
---

Ihr Widget ist fertig, also bringen wir es jetzt auf Ihre Website. Das Widget funktioniert auf jeder Website, die eine HTML-Einbettung zulässt, von WordPress und Shopify bis Google Sites, und in etwa zwei Minuten ist es live.

## Widget-Code kopieren und einfügen

:::steps
1. Gehen Sie zu '**Widgets**' und klicken Sie auf das Widget, das Sie einbetten möchten. Klicken Sie im Widget-Editor in der linken Leiste auf '**Einbetten**' und dann auf '**Code kopieren**'.
![Das Fenster Widget einbetten auf der Registerkarte Start mit dem JavaScript-Code und der Schaltfläche Code kopieren](https://embedsocial.com/images/docs/embed-code/1-copy-the-javascript-code.jpg)
2. Wechseln Sie zu Ihrem Website-Baukasten und fügen Sie den Code auf der gewünschten Seite an der Stelle ein, an der das Widget erscheinen soll. Die meisten Baukästen haben dafür einen Block für benutzerdefiniertes HTML oder Einbettungscode.
3. Veröffentlichen Sie die Seite und öffnen Sie sie, um zu prüfen, ob das Widget angezeigt wird.
:::

Fertig! Sobald das Widget eingebettet ist, zeigt es Ihre Inhalte auf Ihrer Website an.

## Wählen Sie den Codetyp, den Ihre Website braucht

'**JavaScript**' ist die Standardoption und fast überall die richtige Wahl. Wenn Ihr Baukasten Skripte entfernt, stellen Sie das Dropdown-Menü '**Codetyp auswählen**' auf '**iFrame**' um. Verwenden Sie '**URL**', wenn Sie nur einen Link einfügen können, und den '**WordPress-Shortcode**' in WordPress.

![Das geöffnete Dropdown-Menü Codetyp auswählen mit JavaScript, iFrame, URL und WordPress-Shortcode als Optionen](https://embedsocial.com/images/docs/embed-code/2-select-code-type.jpg)

Was jedes Format leistet und welche Optionen es für Lazy Loading und SPA gibt, erfahren Sie in der vollständigen Anleitung [Einbettungscode](/docs/widgets/embed-code/).

## Anleitungen für beliebte Website-Baukästen

Jeder Baukasten fügt benutzerdefinierten Code etwas anders ein. Hier sind Schritt-für-Schritt-Anleitungen für die beliebtesten Plattformen:

-   [In WordPress einbetten](/docs/integrations/wordpress/)

-   [In Shopify einbetten](/docs/integrations/shopify/)

-   [In Squarespace einbetten](/docs/integrations/squarespace/)

-   [In Wix einbetten](/docs/integrations/wix/)

-   [In Webflow einbetten](/docs/integrations/webflow/)

-   [In Google Sites einbetten](/docs/integrations/google-sites/)

-   [In Elementor einbetten](/docs/integrations/elementor/)

Anleitungen für viele weitere Plattformen finden Sie im [Bereich Integrationen](/docs/integrations/).

## Gut zu wissen: Aktualisierungen laufen automatisch

Sobald das Widget eingebettet ist, müssen Sie den Code nie wieder anfassen. Neue Beiträge und Bewertungen werden automatisch synchronisiert, und jede Designänderung, die Sie im Editor vornehmen, wird von selbst auf Ihrer Website live geschaltet.

## Häufig gestellte Fragen

**Q: Muss ich das Widget nach jeder Änderung neu einbetten?**

Nein. Änderungen, die Sie im Widget-Editor speichern, werden automatisch auf Ihrer Website übernommen.

**Q: Meine Website erlaubt keinen JavaScript-Code. Gibt es eine Alternative?**

Ja. Öffnen Sie das Widget, klicken Sie auf '**Einbetten**' und wählen Sie im Dropdown-Menü '**Codetyp auswählen**' die Option '**iFrame**', um eine iframe-Version zu kopieren. Bitte beachten Sie, dass einige Funktionen wie der Lightbox-Modus mit dem iFrame-Code eingeschränkt sind.

**Q: Wie bette ich einen Instagram-Feed in Google Sites ein?**

Kopieren Sie den Widget-Code wie oben beschrieben, öffnen Sie dann in Google Sites die Registerkarte '**Einfügen**', wählen Sie '**Einbetten**', klicken Sie im Dialogfeld auf '**Einbettungscode**', fügen Sie den Code ein und klicken Sie auf '**Weiter**'. Klicken Sie anschließend auf '**Einfügen**', um das Widget auf der Seite zu platzieren. Die [Anleitung für Google Sites](/docs/integrations/google-sites/) enthält den vollständigen Ablauf mit Screenshots.

**Q: Auf wie vielen Websites kann ich das Widget einbetten?**

Das hängt von Ihrem Plan ab. [Hier finden Sie die Details](/docs/billing/limits/).

**Q: Das Widget wird auf meiner Seite nicht angezeigt. Was soll ich tun?**

Prüfen Sie im [Bereich Fehlerbehebung](/docs/troubleshooting/) die häufigsten Ursachen oder schreiben Sie uns im Live-Chat.

## Wie geht es weiter

Ihr Widget ist live. Erfahren Sie, wie Pläne und Limits funktionieren: [Pläne und enthaltene Leistungen](/docs/billing/plans/).

> Wenn Sie Fragen haben, klicken Sie unten rechts auf das Chat-Symbol, um mit unserem Customer-Success-Team zu sprechen, oder schreiben Sie uns eine E-Mail an [support@embedsocial.com](mailto:support@embedsocial.com). Wir sind für Sie da 🙏