--- title: "So verwenden Sie EmbedSocial mit Duda" description: "Ein Widget in Duda einbetten, Bewertungsquellen verbinden, Bewertungen importieren und Ihr Widget gestalten." --- Diese Anleitung deckt alles ab, was Sie mit EmbedSocial im Website-Baukasten Duda tun können: ein Widget einbetten, Bewertungsquellen verbinden, Bewertungen importieren und erstellen und das Ergebnis gestalten. ## Ein Widget in Duda einbetten Bevor Sie beginnen: - Gehen Sie in die EmbedSocial-App und erstellen Sie Ihr Bewertungs-Widget, indem Sie einige der vorgeschlagenen Quellen verbinden. - Wenn Sie mit dem Anpassen fertig sind, wählen Sie die Seite, auf der Sie Ihr Widget einbetten möchten. - Klicken Sie auf die Schaltfläche Widgets und ziehen Sie EmbedSocial, sobald die Leiste geöffnet ist, in den Abschnitt der Seite, in dem es erscheinen soll. ![Ziehen des EmbedSocial-Widgets aus der Widgets-Leiste in den Seitenabschnitt](https://embedsocial.com/images/docs/6231688/1.png) - Wählen Sie im dynamischen Dropdown-Feld das Widget aus, das auf der Seite angezeigt werden soll. ![Auswahl des anzuzeigenden Widgets im dynamischen Dropdown-Feld](https://embedsocial.com/images/docs/6231688/2.png) Fertig, Ihr Bewertungs-Widget wurde erfolgreich zur Seite hinzugefügt. ![Das zur Duda-Seite hinzugefügte Bewertungs-Widget](https://embedsocial.com/images/docs/6231688/3.png) Vergessen Sie zum Schluss nicht, die Änderungen zu veröffentlichen. ## Facebook- oder Google-Bewertungen einbetten In diesem Artikel erfahren Sie, wie Sie Ihr Google-Business-Profile-Konto verbinden, die Google-Bewertungen in ein Widget übertragen und sie auf Duda einbetten. Für Facebook-Bewertungen gelten dieselben Schritte. 1\. Gehen Sie zunächst bitte zur Registerkarte 'Quellen' und wählen Sie Google oder Facebook als Quelle aus: ![Auswahl von Google oder Facebook als Quelle auf der Registerkarte 'Quellen'](https://embedsocial.com/images/docs/6253476/1.png) 2\. Wenn Sie Ihr Social-Konto noch nicht verbunden haben, fordert Sie das System auf, das Google-Business-Profile- oder Facebook-Konto zu verbinden, je nachdem, was Sie als Quelle ausgewählt haben: ![Verbinden des Google-Business-Profile- oder Facebook-Kontos nach Aufforderung](https://embedsocial.com/images/docs/6253476/2.png) 3\. Da Ihr Konto nun verbunden ist, wählen Sie im nächsten Schritt die Quelle (Seite oder Standort) aus, aus der Sie die Bewertungen übertragen und ein Widget erstellen möchten: ![Auswahl der Seite oder des Standorts, aus der bzw. dem die Bewertungen übertragen werden](https://embedsocial.com/images/docs/6253476/3.png) 4\. Klicken Sie jetzt auf 'Widget erstellen'. Nach wenigen Sekunden werden Ihre Bewertungen erstellt und Sie gelangen zu Ihrem Bewertungs-Widget: ![Das erstellte Bewertungs-Widget nach dem Klick auf 'Widget erstellen'](https://embedsocial.com/images/docs/6253476/4.png) 5\. Der letzte Schritt ist, Ihr Bewertungs-Widget in Duda einzubetten. Klicken Sie bitte auf die Schaltfläche unten, wenn Sie Hilfe beim Einbetten benötigen [Das Widget in Duda einbetten](#ein-widget-in-duda-einbetten) ## Benutzerdefinierte Bewertungen erstellen und einbetten Mit dieser Funktion können Sie ein Custom-Reviews-Widget erstellen, indem Sie eigene Bewertungen hinzufügen, die Sie mit einer Codezeile auf Duda anzeigen können. Folgen Sie dazu den Schritten unten: Gehen Sie zur Seite '**Quellen**' und klicken Sie auf '**Quelle hinzufügen**' ![Klick auf 'Quelle hinzufügen' auf der Seite 'Quellen'](https://embedsocial.com/images/docs/6259722/1.png) Sobald Sie '**Custom Reviews**' auswählen, gelangen Sie zu einer neuen Seite, auf der Sie Ihre eigenen Bewertungen hinzufügen können. Klicken Sie einfach auf '**Bewertung hinzufügen**' und **füllen Sie das Formular** mit Bewertung und Kundenname aus. Sie können außerdem einen Bewertungstext hinzufügen, ein Kundenfoto hochladen und das Bewertungsdatum wählen. ![Klick auf 'Bewertung hinzufügen' und Ausfüllen des Formulars mit Bewertung und Kundenname](https://embedsocial.com/images/docs/6259722/2.png) ![Hinzufügen von Bewertungstext, Kundenfoto und Bewertungsdatum](https://embedsocial.com/images/docs/6259722/3.png) Wenn Sie mit dem Hinzufügen der Bewertungen fertig sind, gehen Sie zu '**Widget erstellen**' und Ihr Widget wird erfolgreich erstellt. ## Bewertungen aus einer Tabelle importieren Mit der EmbedSocial-App können Sie Ihre vorhandenen Bewertungen, die Sie in einer Tabelle gespeichert oder von Drittplattformen heruntergeladen haben, ganz einfach importieren. Danach können Sie sie in einem Widget auf Duda anzeigen. Um Bewertungen zu importieren, müssen Ihre Bewertungen in einer Tabelle nach den folgenden Vorgaben strukturiert sein: ### Spezifikation der Bewertungsimportdatei Das Tool **Bewertungsimport** akzeptiert Daten im Dateiformat [Comma-separated values (CSV)](https://en.wikipedia.org/wiki/Comma-separated_values). Die erste Zeile der Vorlage oder Datendatei enthält die Spaltenüberschriften. Jede weitere Zeile entspricht einer benutzerdefinierten Bewertung, die importiert werden soll. Sie können maximal **500** Bewertungen in einer Datei hochladen. Laden Sie die Vorlagendatei [hier](/downloads/reviews_template.csv) herunter. **Spalten:** `name`, `review_date`, `rating`, `review_text`, `email`, `tags`, `custom_link`, `reviewer_photo_url` - `name`: Name des Bewertenden - `review_date`: Sie können das Datumsformat wählen - `rating`: Zahl von 1 bis 5 - `review_text`: Bewertungstext - `email`: E-Mail des Bewertenden - `tags`: Bewertungs-Tags, kommagetrennt - `custom_link`: Link zur einzelnen Bewertung. Dieser Link hat Vorrang vor dem Quell-Link - `reviewer_photo_url`: Foto-URL des Bewertenden Pflichtspalten sind `name`, `review_date` und `rating`. Die anderen Spalten dürfen leer sein, müssen aber kommagetrennt sein **Die Bewertungstabelle in die EmbedSocial-App importieren** Sobald Ihre Bewertungstabelle wie oben beschrieben strukturiert ist, gehen Sie in Ihre EmbedSocial-App und laden diese Datei einfach hoch. Folgen Sie dazu einfach diesen Schritten: 1\. Gehen Sie zur Seite '**Quellen**', klicken Sie auf '**Quelle hinzufügen**' und suchen Sie die Option '**Custom Reviews**' 2\. Sobald Sie auf eine neue Seite weitergeleitet werden, klicken Sie auf die Schaltfläche 'Bewertungen importieren' ![Klick auf die Schaltfläche 'Bewertungen importieren' auf der Seite für benutzerdefinierte Bewertungen](https://embedsocial.com/images/docs/6261129/1.png) 3\. Wählen Sie die **hochgeladene Datei**, aus der die Bewertungen befüllt werden (1. Feld), und wählen Sie das Datumsformat, das Sie in der CSV-Datei verwenden (2. Feld): ![Auswahl der hochgeladenen Datei und des in der CSV verwendeten Datumsformats](https://embedsocial.com/images/docs/6261129/2.png) Fertig! Die importierten Bewertungen erscheinen nun in der ausgewählten Quelle und Sie können damit ein Widget erstellen, das Sie auf Duda anzeigen können. Hier sind die [Einbettungsschritte](#ein-widget-in-duda-einbetten), um importierte Bewertungen in Duda anzuzeigen. ## Das Bewertungs-Widget anpassen Sie können die Layouts Ihres Bewertungs-Widgets anpassen, indem Sie links vom Widget das Dropdown-Menü '**Layout**' öffnen und eine der verschiedenen Layout-Optionen wählen. ![Auswahl eines Layouts im Dropdown-Menü 'Layout' und Speichern des Widgets](https://embedsocial.com/images/docs/6152051/1.png) Klicken Sie nach jeder Änderung oben rechts auf '**Speichern**' (Screenshot oben). Wenn Sie die Anzahl der Spalten ändern möchten, um festzulegen, wie viele Bewertungen in einer Zeile angezeigt werden, gehen Sie zu: Layout-> Allgemeine Einstellungen-> Spalten. Dort können Sie die genaue Spaltenanzahl für die Desktop- und die Mobilansicht wählen. Weitere Anpassungsoptionen finden Sie im nächsten Dropdown-Menü '**Feed**', zum Beispiel Bewertungen pro Seite, Medien-Logo anzeigen, Datum und Farbauswahl, und viele mehr. ![Das Dropdown-Menü 'Feed' mit Optionen für Medien-Logo, Datum und Farben](https://embedsocial.com/images/docs/6152051/2.png) Sobald Sie die Änderungen an Ihrem Widget vorgenommen haben, klicken Sie oben rechts auf die Schaltfläche '**Speichern**'. Die Änderungen werden dann automatisch auf Ihrer Website angezeigt, auf der das Widget eingebettet ist. Wenn Sie möchten Weitere Anpassungen sind über den Bereich Custom CSS möglich. Mehr dazu erfahren Sie im folgenden Artikel: [Benutzerdefiniertes CSS hinzufügen](#benutzerdefiniertes-css-hinzufgen). ## Bewertungen pinnen und priorisieren In dieser Anleitung zeigen wir Ihnen, wie Sie Bewertungen im Widget pinnen und sie durch die Vergabe von Prioritätszahlen in einer festgelegten Reihenfolge in Duda anzeigen. ### Wie pinnt man eine Bewertung? Ein Pin ist eine Option, die Ihnen die volle Kontrolle darüber gibt, welche Bewertungen zuerst angezeigt werden, unabhängig davon, welche anderen Sortierungseinstellungen im Widget gelten. Um eine Bewertung zu pinnen, folgen Sie einfach den Schritten unten. 1. Öffnen Sie eines Ihrer **Widgets** 2. Klicken Sie auf die Registerkarte **Moderation** 3. Klicken Sie in der Tabelle neben der Bewertung, die zuerst angezeigt werden soll, auf **Pin** ![Klick auf 'Pin' neben einer Bewertung auf der Registerkarte 'Moderation'](https://embedsocial.com/images/docs/6259690/1.png) Die gepinnte Bewertung steht nun immer zuerst in Ihrem Bewertungs-Widget, unabhängig von anderen Sortierungseinstellungen, die Sie in den Einstellungen festgelegt haben. ### Wie ordnet man Bewertungen nach Priorität? Wenn Sie die volle Kontrolle über die Reihenfolge der in Ihrem Widget angezeigten Bewertungen haben möchten, können Sie die Option Priorität nutzen und den Bewertungen Reihenfolgenummern geben. Mit dieser Option können Sie 20 Bewertungen nach Priorität sortiert anzeigen lassen. So legen Sie eine eigene Reihenfolge der Bewertungen in Ihrem Bewertungs-Widget fest: 1. Öffnen Sie eines Ihrer Widgets 2. Klicken Sie auf die Registerkarte **Moderation** 3. Legen Sie in der Prioritätsspalte die **Prioritätszahl** für jede Bewertung fest ![Festlegen der Prioritätszahl für jede Bewertung in der Prioritätsspalte](https://embedsocial.com/images/docs/6259690/2.png) Sie können zum Beispiel Prioritätszahlen von 1 bis 20 für die Bewertungen vergeben, die Sie als die ersten 20 in der festgelegten Reihenfolge im Bewertungs-Widget anzeigen möchten. ## Benutzerdefiniertes CSS hinzufügen In diesem Artikel zeigen wir ein CSS-Beispiel, das Sie für Ihre Feeds in EmbedSocial verwenden können. Die Idee hinter der Option Custom CSS ist, Ihnen völlige Flexibilität zu geben, damit das Design des Social-Media-Feeds zum Branding und Layout Ihrer Website passt. In diesem Beispiel ändern wir das CSS der **Hintergrundfarbe des Titels:** ### Beispiel für benutzerdefinierten CSS-Code: #es-header .es-header-avatar { border-radius: 40px; margin-right: 5px; margin-bottom: 2; object-fit: cover; } .table-cell { vertical-align: middle; display: table-cell; float: none; background-color: #03FCF4; } Hier ist die Änderung: ![Die durch das CSS-Beispiel geänderte Hintergrundfarbe des Widget-Titels](https://embedsocial.com/images/docs/5646596/1.png) ### So wenden Sie das benutzerdefinierte CSS auf den Feed an: Öffnen Sie einfach links vom Widget das Dropdown-Menü Custom CSS. Fügen Sie dort die Änderungen der oben genannten CSS-Tags hinzu und klicken Sie auf Vorschau, um zu sehen, wie die Änderungen aussehen. ![Hinzufügen des CSS im Dropdown-Menü Custom CSS und Klick auf Vorschau](https://embedsocial.com/images/docs/5646596/2.png) Klicken Sie zum Schluss oben rechts auf die Schaltfläche **Speichern**, damit die Änderungen auf Ihrer Website übernommen werden. Wenn Sie Fragen haben oder weitere Unterstützung benötigen, wenden Sie sich gerne über unseren Live-Chat an uns oder schreiben Sie uns eine E-Mail an [support@embedsocial.com](mailto:support@embedsocial.com). Wir helfen Ihnen gerne.