---
title: "So betten Sie Social-Media-Feeds in Bubble ein"
description: "Schritte und Anleitungen, wie Sie Ihre Social-Media-Feeds auf Ihrer Bubble-Website einbetten und anzeigen"
---

Sie möchten Ihren Social-Media-Feed auf Ihrer Bubble-Website einbetten. Hier ist eine einfache Anleitung, wie Sie ihn mit nur wenigen Klicks einbetten.

> Wenn Sie noch kein EmbedSocial-Konto haben, klicken Sie hier, um [eine 7-tägige Testversion zu starten.](https://embedsocial.com/admin/register/vue?plugin=socialfeed29&type=trial)

Bevor wir beginnen, [erstellen Sie zuerst Ihre Social-Media-Feeds](/docs/social-media-aggregator/instagram/) in Ihrem EmbedSocial-Konto und holen Sie sich den Code.

Hier sind die Schritte:

1.  **Melden Sie sich** bei Ihrem EmbedSocial-Konto an
    
2.  Gehen Sie zu **[Widgets](/admin/social_feed)** und klicken Sie auf das Widget, das Sie einbetten möchten
    
3.  Klicken Sie im linken Einstellungsbereich des Widget-Editors auf die Registerkarte **Einbetten** und dann auf '**Code kopieren**'
    

![Klick auf die Schaltfläche 'Code kopieren' im Editor](https://embedsocial.com/images/docs/8379901/1.jpg)

Sobald Sie den Code haben, gehen Sie zu Ihrem Bubble-Konto.

## Das Social-Media-Feeds-Widget auf Ihrer Bubble-Website einbetten

[Melden Sie sich](https://bubble.io/login?mode=login) bei Ihrem Bubble-Konto an und öffnen Sie den Bubble-Editor für die Anwendung, in der Sie das Widget einbetten möchten.

Um den Code einzubetten, gehen Sie so vor:

1\. Klicken Sie oben links auf das Symbol '**Design**' und ziehen Sie das Element '**HTML**' per Drag-and-drop auf die Seite, auf der das Widget erscheinen soll:

![Auswahl der Option 'Design' und Ziehen des HTML-Elements per Drag-and-drop im Bubble-Editor](https://embedsocial.com/images/docs/8379901/2.jpg)

2\. Fügen Sie den Widget-Code im Pop-up ein:

![Einfügen des HTML-Codes im Pop-up in Bubble](https://embedsocial.com/images/docs/8379901/3.jpg)

Fertig!

Sie können Breite und Höhe anpassen, damit es besser zur Website passt.

## Beispiel für ein in Bubble eingebettetes Instagram-Widget

![Instagram-Widget auf einer Bubble-Website](https://embedsocial.com/images/docs/8379901/4.jpg)

> 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 🙏

## Bewertungen auf Bubble einbetten

Sie möchten Ihre Bewertungen auf Ihrer Bubble-Website einbetten. Hier ist eine einfache Anleitung, wie Sie sie mit nur wenigen Klicks einbetten.

> Wenn Sie noch kein EmbedSocial-Konto haben, klicken Sie hier, um [eine 7-tägige Testversion zu starten.](/admin/continue_plugin_purchase/socialfeed29/trial?continue_onboarding=ai_widget)

Bevor wir beginnen, [erstellen Sie zuerst Ihre Bewertungen](/docs/getting-started/create-widget/) in Ihrem EmbedSocial-Konto und holen Sie sich den Code. Hier sind die Schritte:

1.  **Melden Sie sich** bei Ihrem EmbedSocial-Konto an
    
2.  Gehen Sie zu **[Widgets](/admin/reviews_feed)** und klicken Sie auf das Widget, das Sie einbetten möchten
    
3.  Klicken Sie im linken Einstellungsbereich des Widget-Editors auf die Registerkarte **Einbetten** und dann auf '**Code kopieren**'
    

![Klick auf 'Code kopieren'](https://embedsocial.com/images/docs/8026000/1.jpg)

Sobald Sie den Code haben, gehen Sie zu Ihrem Bubble-Konto.

## Das Bewertungs-Widget auf Ihrer Bubble-Website einbetten

[Melden Sie sich](https://bubble.io/login?mode=login) bei Ihrem Bubble-Konto an und öffnen Sie den Bubble-Editor für die Anwendung, in der Sie das Widget einbetten möchten.

Um den Code einzubetten, gehen Sie so vor:

1\. Klicken Sie oben links auf das Symbol '**Design**' und ziehen Sie das Element '**HTML**' per Drag-and-drop auf die Seite, auf der das Widget erscheinen soll:

![Klick auf 'Design' und Ziehen des HTML-Elements per Drag-and-drop auf die leere Seite](https://embedsocial.com/images/docs/8026000/2.jpg)

2\. Fügen Sie den Widget-Code im Pop-up ein:

![Einfügen des HTML und Klick auf 'Save'](https://embedsocial.com/images/docs/8026000/3.jpg)

Fertig!

Sie können Breite und Höhe anpassen, damit es besser zur Website passt.

## Beispiel für ein in Bubble eingebettetes Google-Bewertungs-Widget

![Beispiel-Widget](https://embedsocial.com/images/docs/8026000/4.jpg)

> 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 🙏