Mit dem myls Bewertungs-Widget können Google-Bewertungen als kleines Bewertungs-Badge auf einer Wix-Website angezeigt werden. Je nach Wix-Version gibt es zwei unterschiedliche Einbindungsarten.
Der Einbindungscode enthält eine kundenspezifische entity_id. Diese muss je nach Kunde ersetzt werden.
Beispiel:
entity_id=TVRVeU9Eaz0%3DDiese ID ist pro Kunde unterschiedlich. Verwenden Sie deshalb immer den Bewertungs-Code, der für den jeweiligen Kunden in der myls App generiert wurde.
Bei der Gratisversion von Wix wird das Widget am zuverlässigsten über das HTML-Code-Fenster eingefügt. Dabei wird nur das Bewertungs-Badge mit den Bewertungen angezeigt.
Wichtig: In dieser Variante wird der Klick auf das Badge blockiert. Dadurch öffnet sich beim Anklicken kein Google-Fenster und es entstehen keine iFrame-Probleme innerhalb von Wix.
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
html,
body {
margin: 0 !important;
padding: 0 !important;
width: 100% !important;
max-width: 100% !important;
overflow-x: hidden !important;
box-sizing: border-box;
}
*,
*::before,
*::after {
box-sizing: border-box;
}
.myls-review-wrapper {
width: 100%;
max-width: 420px;
margin: 0 auto;
position: relative;
font-family: Arial, sans-serif;
overflow: hidden;
}
.myls-review-box {
width: 100%;
max-width: 100%;
min-height: 180px;
position: relative;
overflow: hidden;
pointer-events: none;
}
.myls-click-blocker {
position: absolute;
inset: 0;
z-index: 999999;
background: transparent;
cursor: default;
}
@media (max-width: 480px) {
.myls-review-wrapper {
width: 100%;
max-width: 100%;
margin: 0;
padding: 0;
overflow: hidden;
}
.myls-review-box {
width: 100%;
max-width: 100%;
min-height: 160px;
overflow: hidden;
}
}
</style>
</head>
<body>
<div class="myls-review-wrapper">
<div class="myls-review-box">
<script
type="text/javascript"
id="embed-reviews-script"
src="https://api.myls.ch/js/embed-reviews-script.js?entity_id=TVRVeU9Eaz0%3D&background_color=%23eee8e8&text_color=%23333333&border_color=%23c3c1c1&is_rounded=false&position=left">
</script>
</div>
<div class="myls-click-blocker" aria-hidden="true"></div>
</div>
</body>
</html>Das HTML-Element in Wix sollte auf der mobilen Ansicht auf die volle verfügbare Breite gezogen werden. Wenn rechts oder links ein Scrollbalken entsteht, sollte die Breite des HTML-Elements in Wix reduziert oder neu auf die Seitenbreite angepasst werden.
Empfohlene Grösse:
Bei einer kostenpflichtigen Wix-Website mit verbundener Domain kann der Code alternativ über den Bereich Custom Code im Wix-Dashboard eingefügt werden. Diese Variante ist vor allem dann sinnvoll, wenn das Bewertungs-Badge seitenweit oder auf ausgewählten Seiten automatisch geladen werden soll.
Wichtig: Die Original-Einbindung funktioniert nur dann zuverlässig, wenn Wix das externe Script auf der Live-Website korrekt ausführt. Da Wix Drittanbieter-Code nicht vollständig kontrolliert, sollte die Einbindung nach dem Veröffentlichen immer auf Desktop und Smartphone getestet werden.
<script type="text/javascript" id="embed-reviews-script" src="https://api.myls.ch/js/embed-reviews-script.js?entity_id=TVRVeU9Eaz0%3D&background_color=%23eee8e8&text_color=%23333333&border_color=%23c3c1c1&is_rounded=false&position=left"></script>Auch hier muss die entity_id pro Kunde ersetzt werden.
| Parameter | Bedeutung |
|---|---|
entity_id | Kundenspezifische ID aus der myls App. Diese muss je nach Kunde ersetzt werden. |
background_color | Hintergrundfarbe des Bewertungs-Badges. |
text_color | Textfarbe im Bewertungs-Badge. |
border_color | Rahmenfarbe des Bewertungs-Badges. |
is_rounded | Legt fest, ob das Badge abgerundete Ecken hat. Möglich sind true oder false. |
position | Position des Badges, z. B. left. |
Prüfen Sie im Wix Mobile Editor die Breite und Höhe des HTML-Elements. Das Element sollte auf der mobilen Ansicht nicht breiter als der sichtbare Seitenbereich sein.
In diesem Fall ist das HTML-Element in Wix meistens zu breit eingestellt oder das eingebettete Element ragt leicht über den sichtbaren Bereich hinaus. Verwenden Sie den Code aus Variante 1 und stellen Sie das HTML-Element in Wix Mobile auf die volle verfügbare Breite ein.
Google-Seiten können innerhalb eines Wix-iFrames blockiert werden. Deshalb wird bei der Gratisvariante der Klick bewusst deaktiviert. Soll ein Link zu den Google-Bewertungen verwendet werden, sollte dieser besser als separater Wix-Button ausserhalb des HTML-Elements eingefügt werden.
Veröffentlichen Sie die Website und prüfen Sie die Live-Version. Manche Scripts werden im Wix Editor oder in der Vorschau nicht identisch dargestellt wie auf der veröffentlichten Website.
entity_id muss immer pro Kunde ersetzt werden.