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.
- Wählen Sie im dynamischen Dropdown-Feld das Widget aus, das auf der Seite angezeigt werden soll.
Fertig, Ihr Bewertungs-Widget wurde erfolgreich zur Seite hinzugefügt.
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:
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:
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:
4. Klicken Sie jetzt auf 'Widget erstellen'. Nach wenigen Sekunden werden Ihre Bewertungen erstellt und Sie gelangen zu Ihrem Bewertungs-Widget:
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
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'
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.
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). 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 herunter.
Spalten:
name, review_date, rating, review_text, email, tags, custom_link, reviewer_photo_url
name: Name des Bewertendenreview_date: Sie können das Datumsformat wählenrating: Zahl von 1 bis 5review_text: Bewertungstextemail: E-Mail des Bewertendentags: Bewertungs-Tags, kommagetrenntcustom_link: Link zur einzelnen Bewertung. Dieser Link hat Vorrang vor dem Quell-Linkreviewer_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'
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):
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, 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.
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.
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.
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.
- Öffnen Sie eines Ihrer Widgets
- Klicken Sie auf die Registerkarte Moderation
- Klicken Sie in der Tabelle neben der Bewertung, die zuerst angezeigt werden soll, auf Pin
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:
- Öffnen Sie eines Ihrer Widgets
- Klicken Sie auf die Registerkarte Moderation
- Legen Sie in der Prioritätsspalte die Prioritätszahl für jede Bewertung fest
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:
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.
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.
Wir helfen Ihnen gerne.