--- title: "Widget-Typen" description: "Die Widget-Layouts, die Sie erstellen können, das Kombinieren von Quellen in einem Widget und schwebende Widgets." --- Jedes Widget ist ein **Layout**, das auf Ihre Inhalte angewendet wird: dieselben Beiträge können als Raster, Collage, Slider oder kleines schwebendes Element dargestellt werden. Das Layout wird von der [Vorlage](/docs/widgets/templates/), mit der Sie starten, oder von dem, was Sie [KI-Design](/docs/widgets/ai-design/) anfragen, festgelegt, und Sie können es jederzeit ändern, ohne Ihre Quellen anzufassen. Diese Seite behandelt die Layout-Familien, das Kombinieren mehrerer Quellen in einem Widget und wie Sie ein Widget über die Seite schweben lassen. ## Widget-Layouts - **Feed** ist das klassische Raster: Beiträge in Zeilen und Spalten, das Layout, das die meisten Social-Feeds und Bewertungs-Walls verwenden. ![Die Vorlage Agency Google Reviews Widget, ein rasterförmiger Feed aus Bewertungskarten](https://embedsocial.com/admin/feedcdn/uploads/widget-templates/89160b01/89160b01d08b1844f3b92d971b6261913190b8305c29_1024x10241c5f27293915b6a6edad47525aa661a8.webp) Live ansehen: [Agency Google Reviews Widget](/templates/agency-google-reviews-widget/) - **Collage** ist die Masonry-Option: Kacheln unterschiedlicher Größe, dicht aneinandergereiht, was gut zu bildlastigen Instagram-Inhalten passt. ![Die Vorlage Free Shoppable Instagram Widget in einem Collage-Layout mit unterschiedlich großen Kacheln](https://embedsocial.com/admin/feedcdn/uploads/widget-templates/8ae76f21/8ae76f217e7c3ed7b62cce04ddf7ec0fb5ede17d7ee0_1024x1024e2c9259595278595ff03b2bce6b7e533.webp) Live ansehen: [Free Shoppable Instagram Widget](/templates/free-shoppable-instagram-widget-collage/) - **Slider** scrollt Beiträge horizontal, einen oder wenige auf einmal, und passt in schmale Bereiche wie einen Streifen auf der Startseite. ![Die Vorlage Blue Single Reviews Slider, die jeweils eine Bewertungskarte zeigt](https://embedsocial.com/admin/feedcdn/uploads/widget-templates/3eeb6e3e/ba51b1ad32c8f1034e914b46ee3fcba8b8143df349fb_512x51294221a55a54277ee709b365974f74165.webp) Live ansehen: [Blue Single Reviews Slider](/templates/blue-single-reviews-slider/) - **Schwebendes Popup** schwebt über der Seite, statt in ihr zu sitzen, sodass es auf jeder Seite Ihrer Website funktioniert, ohne eine Layout-Änderung. ![Die Vorlage Floating Instagram Widget, schwebend über einer Seite](https://embedsocial.com/admin/feedcdn/uploads/widget-templates/188ceaa3/188ceaa377817eca13594fbacb4c6775a5974676e093_1024x10247d333451f5dcb62018f9c3ca24a4f6a8.webp) Live ansehen: [Floating Instagram Widget](/templates/floating-instagram-widget/) - **Badge** ist das kompakte schwebende Format: eine kleine Bewertungsleiste, die am Seitenrand fixiert ist, ideal, um eine Bewertung website-weit zu zeigen. ![Die Vorlage Dark Floating Badge with Avatars, ein kompaktes Bewertungs-Badge](https://embedsocial.com/admin/feedcdn/uploads/widget-templates/b0f1b51d/b0f1b51da9476c1361cd9840194efc6357dc5ad0a9cd_1024x102461b34d48dd8da25adadcf6785b4449a7.webp) Live ansehen: [Dark Floating Badge with Avatars](/templates/dark-floating-google-reviews-badge-with-avatars/) Eine **Social-Feed-Wall** ist das Feed-Layout über die gesamte Breite eines Bereichs oder einer Seite: ein Raster, das alles mischt, was Ihre Quellen liefern, was die App früher einen Feed nannte. Kombinieren Sie mehrere Quellen in einem Widget ([Kombi-Widgets](#kombi-widgets), unten), und die Wall zeigt Instagram-Beiträge, Bewertungen und benutzerdefinierte Einträge nebeneinander. Eine **Wall of Love** ist das Feed-Layout im Maßstab einer ganzen Seite: jede Bewertung und jedes Testimonial, das Sie gesammelt haben, auf einer eigenen Seite Ihrer Website, was gemeinhin als Rundum-Bewertungsseite bezeichnet wird. Starten Sie mit einer Vorlage [Wall of Love](/templates/wall-of-love/) und geben Sie ihr eine eigene Seite statt eines Bereichs. Durchstöbern Sie sie alle als Live-Widgets in der [Vorlagenbibliothek](/templates/). ## Bewertungs-Badges Ein **Badge** zeigt Ihre aggregierte Bewertung statt der Bewertungen selbst: eine kompakte Leiste mit dem Durchschnittswert, den Sternen und der Anzahl der Bewertungen, am Seitenrand fixiert, sodass eine einzige Einbettung Ihre gesamte Website abdeckt. Es gibt zwei Wege, eines zu erstellen. Wenden Sie eine '**Badge**'-Vorlage aus [Vorlagen](/docs/widgets/templates/) an, oder beschreiben Sie das gewünschte Badge in [KI-Design](/docs/widgets/ai-design/), zum Beispiel '*Erstelle ein schwebendes Google-Bewertungs-Badge unten rechts auf der Seite*'. So oder so können Sie die Ecke, die Farben und die Größe danach anpassen, in '**Einstellungen**' oder mit weiteren Prompts. Ein Badge kann auch nach außen verlinken. Richten Sie es auf die ursprüngliche Bewertungsquelle, sodass ein Klick Ihre Google- oder Facebook-Seite öffnet, oder auf eine eigene benutzerdefinierte URL. ## Kombi-Widgets Ein **Kombi-Widget** bezieht Inhalte aus mehr als einer Quelle gleichzeitig, sodass ein Widget Ihre Instagram-Beiträge, Facebook-Beiträge und Google-Bewertungen zusammen zeigen kann. Dafür gibt es keinen eigenen Widget-Typ. Sie können mehrere Plattformen in '**Mehrere Quellen auf einmal hinzufügen**' auswählen und deren Quellendetails abschließen, bevor Sie das Widget erstellen. Bei einem bestehenden Widget öffnen Sie dessen Registerkarte '**Quellen**' und aktivieren jede verbundene Quelle, die es zeigen soll. ![Mehrere Quellen auf einmal hinzufügen mit ausgewählten Optionen Instagram, TikTok, Threads und YouTube](https://embedsocial.com/images/docs/widget-types/widgets-combo-sources.jpg) Quellen lassen sich frei mischen: Beiträge von mehreren Plattformen, Bewertungen von mehreren Bewertungsquellen, Bewertungen zusammen mit Beiträgen, oder mehrere Standorte desselben Unternehmens. Jede Quelle zählt weiterhin einmal gegen Ihren Plan, und der Einbettungscode ändert sich nie, sodass ein live geschaltetes Widget die hinzugefügten Quellen zeigt, ohne erneut eingebettet zu werden. ![Die Seite Widgets mit Widgets, die mit zwei oder mehr Quellen verbunden sind](https://embedsocial.com/images/docs/widget-types/widgets-combo-result.jpg) ## So erstellen Sie ein schwebendes Widget Jedes Widget kann schweben. Die Umschaltung erfolgt in den Einstellungen des Widgets, nicht über einen eigenen Widget-Typ: :::steps 1. **Öffnen Sie Einstellungen.** Klicken Sie im Widget-Editor im linken Menü auf '**Einstellungen**'. 2. **Stellen Sie die Position auf Schwebend.** Wählen Sie unter '**Widget-Position**' '**Schwebend**' statt '**Inline**'. 3. **Wählen Sie, wo es schwebt.** Wählen Sie eine Ecke unter '**Schwebeposition**', zum Beispiel '**Unten rechts**', und die Vorschau zeigt das Widget dort fixiert. ![Das Panel Einstellungen mit der Widget-Position auf Schwebend, dem Dropdown-Menü Schwebeposition auf Unten rechts und dem schwebenden Badge in der Vorschau](https://embedsocial.com/images/docs/widget-types/1-floating-widget-position.jpg) 4. **Verhalten feinabstimmen (optional).** '**Widget einmal pro Sitzung anzeigen**' verhindert, dass ein Popup bei jedem Seitenaufruf erneut erscheint. ::: > Inline braucht den Einbettungscode dort eingefügt, wo das Widget erscheinen soll. Schwebend braucht den Code nur irgendwo auf der Seite, da sich das Widget selbst positioniert. Bereit, Ihres zu wählen? [Durchstöbern Sie die Vorlagenbibliothek](/templates/) oder [starten Sie Ihre kostenlose Testversion](/admin/continue_plugin_purchase/socialfeed29/trial?continue_onboarding=ai_widget). ## Häufig gestellte Fragen **Q: Kann ich das Layout ändern, nachdem das Widget erstellt wurde?** Ja. Wenden Sie eine andere [Vorlage](/docs/widgets/templates/) an, oder bitten Sie [KI-Design](/docs/widgets/ai-design/) um das neue Layout. Ihre Quellen und Filter bleiben unverändert. **Q: Wie viele Quellen kann ein Widget kombinieren?** So viele, wie Sie verbunden haben. Ihr Plan begrenzt die Anzahl der Quellen im Konto, nicht, wie viele davon ein einzelnes Widget nutzt. **Q: Muss ich nach dem Hinzufügen einer Quelle oder einer Positionsänderung erneut einbetten?** Nein. Der Einbettungscode bleibt gleich, sodass Änderungen automatisch auf Ihrer Live-Website erscheinen. **Q: Was ist der Unterschied zwischen einem schwebenden Popup und einem Badge?** Beide schweben über der Seite. Das Popup zeigt Beiträge oder Bewertungen, während das Badge eine kompakte Bewertungsleiste ist, die Ihre Bewertung zeigt. **Q: Wohin kommt der Einbettungscode bei einem schwebenden Widget?** Irgendwohin auf die Seite. Schwebende Widgets positionieren sich selbst, sodass die Position des Codes keine Rolle spielt. ## Wie geht es weiter Wählen Sie ein Startdesign unter [Vorlagen](/docs/widgets/templates/), wählen Sie die Quellen in der Registerkarte '**Quellen**', und grenzen Sie dann mit [Filter](/docs/widgets/filters/) ein, was angezeigt wird. > 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 🙏