Bewertungen auf Ihrer Jimdo-Website einbinden

Voraussetzungen

• Ein Mocha-Konto mit einem Space und mindestens einer freigegebenen Bewertung. Wie das geht, steht unter Space anlegen und Bewertung freigeben.
• Eine Website im Jimdo Creator. Jimdo bietet zwei Produkte an: den Creator und den Jimdo Website-Baukasten (bei Jimdo auch „Website Builder“ genannt). Nur im Creator können Sie eigenen Code einfügen.

Schritt für Schritt

1. Code in Mocha kopieren

   Öffnen Sie in Mocha Ihren Space. Klicken Sie in der Space-Navigation unter „Einbinden“ auf „Widget“. Wählen Sie unter „Widget wählen“ eine Darstellung, zum Beispiel die Bewertungswand, und passen Sie „Erscheinungsbild“ sowie „Layout“ oder „Optionen“ an. Klicken Sie dann auf „Code kopieren“.

2. Bearbeitungsmodus öffnen

   Melden Sie sich bei Jimdo an und wählen Sie Ihre Website aus. Klicken Sie auf „Bearbeiten“, um in den Bearbeitungsmodus des Creators zu wechseln. Öffnen Sie die Unterseite, auf der die Bewertungen erscheinen sollen, zum Beispiel die Startseite oder die Seite über Ihre Praxis.

3. Element „Widget/HTML“ hinzufügen

   Fahren Sie mit der Maus an die gewünschte Stelle im Inhaltsbereich, bis „Inhalt hinzufügen“ erscheint. Klicken Sie darauf, dann auf „Weitere Inhalte und Add-ons“, und wählen Sie das Element „Widget/HTML“.

4. Code einfügen und speichern

   Fügen Sie den kopierten Code in das Eingabefeld des Elements ein (Strg + V, auf dem Mac Cmd + V) und klicken Sie auf „Speichern“. Der Code sieht so aus, Ihr eigener Code enthält statt „ihr-space“ die Kennung Ihres Spaces:

   HTMLCode kopieren

   <script
     src="https://mocha.de/api/embed/ihr-space/widget.js"
     data-mode="wall"
     async></script>

   Das Widget erscheint genau an der Stelle, an der das Element steht.

5. Ergebnis prüfen

   Laden Sie die Seite neu, falls das Widget nicht gleich angezeigt wird. Laut Jimdo sind Inhalte im Creator direkt nach dem Speichern für Besucherinnen und Besucher sichtbar, ein eigener Schritt zum Veröffentlichen ist nicht nötig. Öffnen Sie Ihre Website zur Kontrolle in einem privaten Browserfenster.

Das Widget lädt asynchron und holt die freigegebenen Bewertungen bei jedem Aufruf neu. Neue Freigaben erscheinen also ohne Änderung an Jimdo. Weil das Widget in einem Shadow DOM läuft, verändert das CSS Ihrer Jimdo-Vorlage seine Darstellung nicht.

Alternative: iFrame

Statt des Skripts können Sie in das Element „Widget/HTML“ auch einen iFrame einfügen. Er zeigt die Bewertungswand Ihres Spaces mit fester Höhe. Den Code finden Sie in Mocha unter dem Einbettungscode bei „iFrame einbetten“:

<iframe src="https://mocha.de/wall/ihr-space?theme=light" width="100%" height="600" frameborder="0" style="border: none; border-radius: 12px;"></iframe>

Passen Sie bei Bedarf den Wert bei height an, damit nichts abgeschnitten wird.

Jimdo Website-Baukasten: Link statt Widget

Nutzen Sie den Website-Baukasten, setzen Sie einen Link auf Ihre Bewertungswand. Sie hat eine eigene Adresse, zum Beispiel https://mocha.de/wall/ihr-space. Legen Sie auf Ihrer Seite einen Button oder Textlink wie „Bewertungen ansehen“ an und hinterlegen Sie diese Adresse.

Für neue Bewertungen verlinken Sie zusätzlich Ihr Formular (https://mocha.de/s/ihr-space). Die Adresse kopieren Sie in Mocha in der Space-Navigation mit „Link kopieren“. Soll das Widget direkt auf der Seite erscheinen, brauchen Sie laut Jimdo den Creator.

Wenn das Widget nicht erscheint

• Seite neu laden: Jimdo empfiehlt, den Browser neu zu laden, wenn ein Widget nach dem Speichern noch fehlt.
• Richtiges Element: Fügen Sie den Code in das Element „Widget/HTML“ ein, nicht in ein Textelement.
• Code vollständig: Der Code beginnt mit <script und endet mit </script>. Kopieren Sie ihn am besten erneut mit „Code kopieren“.
• Freigegebene Bewertungen: Das Widget zeigt nur freigegebene Bewertungen. Prüfen Sie in Mocha unter „Testimonials“, ob mindestens eine Bewertung den Status „Freigegeben“ hat.