Mit dem myls-Öffnungszeiten-Widget können Sie Ihre aktuellen Öffnungszeiten auf Ihrer Wix-Website anzeigen lassen. Die Öffnungszeiten werden automatisch über myls geladen und auf Ihrer Website dargestellt.

Voraussetzungen

Damit das Widget korrekt funktioniert, benötigen Sie:

• Zugriff auf den Wix Editor Ihrer Website
• Den persönlichen myls-Öffnungszeiten-Code
• Eine veröffentlichte Wix-Website
  
• Funktioniert auch mit der kostenlosen WIX Version

1. Wix Editor öffnen

1. Melden Sie sich bei Wix an.
2. Öffnen Sie Ihre Website im Wix Editor.
3. Wechseln Sie auf die Seite, auf welcher die Öffnungszeiten angezeigt werden sollen, zum Beispiel Kontakt, Startseite oder Über uns.

2. HTML-Element einfügen

1. Klicken Sie links im Wix Editor auf Elemente hinzufügen oder auf das Plus-Symbol (+).
2. Wählen Sie Embed Code oder Einbetten.
3. Wählen Sie Embed HTML oder HTML einbetten.
4. Platzieren Sie das HTML-Element an der gewünschten Stelle auf Ihrer Seite.

Wichtig: Bitte verwenden Sie Embed HTML / HTML-Code und nicht Website-Adresse einbetten.

3. Öffnungszeiten-Code einfügen

Klicken Sie auf das HTML-Element und wählen Sie Code eingeben oder Enter Code.

Fügen Sie anschliessend den persönlichen myls-Öffnungszeiten-Code ein.

Wichtig: Der untenstehende Code ist ein Beispiel. Das Script muss durch den individuellen Code ersetzt werden, den Sie von myls erhalten haben. Besonders der Wert entity_id ist kundenspezifisch.

<style>
  html,
  body {
    margin: 0;
    padding: 0;
    overflow: hidden;
  }

  #myls-business-hours-wrapper {
    width: 100%;
    min-height: 350px;
    overflow: hidden;
  }
</style>

<div id="myls-business-hours-wrapper">
  <script 
    type="text/javascript" 
    id="business-hours-script" 
    src="https://api.myls.ch/js/business-hours.js?entity_id=MzYx&locale=de&text_color=000000&mode=standard&day_name=full">
  </script>
</div>

Klicken Sie danach auf Aktualisieren, Übernehmen oder Apply.

4. Höhe des Elements anpassen

Damit keine Scrollleiste angezeigt wird, muss das HTML-Element in Wix genügend hoch sein.

Empfohlene Höhe:

• Desktop: ca. 350 px
• Smartphone / Mobile: ca. 400 bis 450 px

Falls die Öffnungszeiten abgeschnitten werden oder eine Scrollleiste erscheint, vergrössern Sie das HTML-Element in Wix etwas nach unten.

Wichtig: Es reicht nicht immer, nur den Code anzupassen. Das Wix-Element selbst muss ebenfalls genügend hoch eingestellt sein.

5. Mobile Ansicht prüfen

Bitte prüfen Sie nach dem Einfügen unbedingt auch die Smartphone-Ansicht:

1. Wechseln Sie im Wix Editor in die Mobile Ansicht.
2. Klicken Sie auf das eingefügte HTML-Element.
3. Ziehen Sie das Element bei Bedarf nach unten grösser.
4. Prüfen Sie, ob die Öffnungszeiten ohne Scrollleiste sichtbar sind.

Falls die Darstellung auf dem Smartphone nicht optimal ist, kann das Element in der mobilen Ansicht separat angepasst werden.

6. Website veröffentlichen

Wenn alles korrekt angezeigt wird:

1. Klicken Sie oben rechts auf Veröffentlichen.
2. Öffnen Sie die veröffentlichte Website in einem neuen Browserfenster.
3. Prüfen Sie die Darstellung auf Desktop und Smartphone.

Häufige Probleme

Die Öffnungszeiten werden nicht angezeigt

Bitte prüfen Sie:

• Wurde der Code als HTML-Code eingefügt?
• Wurde nicht versehentlich Website-Adresse einbetten verwendet?
• Wurde die Website nach dem Einfügen veröffentlicht?
• Ist die Website online erreichbar?
• Wurde der Code vollständig kopiert?
• Wurde das Beispielscript durch den persönlichen myls-Code ersetzt?

Es erscheint eine Scrollleiste

Erhöhen Sie die Höhe des HTML-Elements im Wix Editor.

Empfehlung:

• Desktop: mindestens 350 px
• Mobile: mindestens 400 bis 450 px

Die Öffnungszeiten sind abgeschnitten

Das HTML-Element ist wahrscheinlich zu niedrig. Ziehen Sie das Element im Wix Editor etwas nach unten grösser und veröffentlichen Sie die Website erneut.

Die Darstellung ist auf dem Smartphone anders

Wix verwaltet die mobile Darstellung teilweise separat. Wechseln Sie deshalb in den Mobile Editor und passen Sie dort die Position und Höhe des HTML-Elements an.