How To...

🏠 Wie füge ich Cowlendar zu meiner Homepage hinzu?

🏠 Wie füge ich Cowlendar zu meiner Homepage hinzu?: ℹ️ Hinweis: Voraussetzung, um Cowlendar zur Homepage hinzufügen zu können: Sie müssen...

3 min read
0 views
Updated May 14, 2026
📝Note
ℹ️ Hinweis: Voraussetzung, um Cowlendar zur Homepage hinzufügen zu können: Sie müssen mindestens einen Dienst auf Cowlendar erstellt haben und die App muss auf Ihrem theme aktiviert sein.
⚠️Warning
Zum Erstellen eines Dienstes auf Cowlendar ist ein Produkt erforderlich. Sie können also nicht einfach einen Kalender zu Ihrer Seite hinzufügen, ohne zuvor ein Produkt zu erstellen, das Sie mit einem Cowlendar-Dienst verknüpfen

Es gibt drei Möglichkeiten, Cowlendar auf Ihrer Homepage hinzuzufügen.

Sobald Sie einen Dienst haben und Cowlendar ist [Aktivieren Sie Cowlendar auf Ihrem theme [OBLIGATORISCH]](https://help.cowlendar.com/de/beginners-guide/aktivieren-sie-cowlendar-auf-ihrem-theme-obligatorisch), können Sie eine der 3 Lösungen verwenden.

→ Erstellen Sie Ihren Ersten Dienst Auf Cowlendar → Aktivieren Sie Cowlendar Auf Ihrem Theme [OBLIGATORISCH

Hier sind die drei Möglichkeiten, wie Sie Cowlendar zu Ihrer Homepage hinzufügen können

Lösung 1: Empfohlenes Produkt

Schritte zur Verwendung von Lösung 1

Schritt 1: Sehen Sie sich in Ihrem Shopify-Admin-Dashboard den linken Bereich an.

Schritt 2: Klicken Sie auf Online-Shop.

Schritt 3: Klicken Sie auf themen.

Schritt 4: Klicken Sie im mittleren Bereich auf Anpassen.

Schritt 5: Stellen Sie sicher, dass Sie sich auf Ihrer Startseite befinden.

Schritt 6: Klicken Sie auf Abschnitt hinzufügen.

Schritt 7: Fügen Sie einen Abschnitt Empfohlenes Produkt hinzu.

⚠️Warning
Wenn Sie die Schaltfläche Book Now im theme-Editor nicht sehen, überprüfen Sie bitte stattdessen Ihre Live-Website

Lösung 2: Benutzerdefiniertes HTML

Schritte zum Integrieren des Inline-Widget-Codes in benutzerdefiniertes HTML (oder benutzerdefiniertes Liquid, benutzerdefinierten Inhalt)

Schritt 8: Klicken Sie im Shopify-Admin-Dashboard im linken Bereich auf Apps.

Schritt 9: Klicken Sie auf Cowlendar.

Schritt 10: Klicken Sie auf Meine Dienste.

Schritt 11: Klicken Sie bei dem spezifischen Dienst, den Sie anzeigen möchten, auf Mehr.

Schritt 12: Nachdem Sie auf „Mehr“ geklickt haben, klicken Sie auf Benutzerdefinierte Integration.

Schritt 13: Innerhalb der benutzerdefinierten Integration kopieren Sie den Inline-Widget-Code.

Schritt 14: Sehen Sie sich in Ihrem Shopify-Admin-Dashboard den linken Bereich an und klicken Sie auf Online-Shop.

Schritt 15: Klicken Sie auf themen.

Schritt 16: Klicken Sie im mittleren Bereich auf Anpassen.

Schritt 17: Stellen Sie sicher, dass Sie sich auf Ihrer Startseite befinden.

Schritt 18: Klicken Sie auf Abschnitt hinzufügen.

Schritt 19: Fügen Sie einen benutzerdefinierten Liquid-Abschnitt hinzu (auch bekannt als benutzerdefiniertes HTML oder benutzerdefinierter Inhalt).

Schritt 20: Fügen Sie den zuvor kopierten Inline-Widget-Code ein.

Schritt 21: Speichern Sie vor Ihrer Abreise.

⚠️Warning
Inline-Widgets können jeweils nur einen bestimmten Dienst anzeigen. Wenn mehrere Varianten vorhanden sind, handelt es sich nur um eine bestimmte Variante
→ 🖥️ Wie Verwende Ich Die Inline Widget Funktion?

Lösung 3: Direkter Link

Was ist ein Direktlink?

Mit einem Direktlink können Sie einen beliebigen Text/eine beliebige Schaltfläche mit Ihrem Kalender verknüpfen. Wenn jemand auf diese Schaltfläche klickt, wird der Kalender als Popup-Widget auf dem Bildschirm angezeigt. Mehr darüber, wie Sie einen Direktlink-Link einbinden, erfahren Sie hier.

Schritte zum Integrieren eines Direktlinks

Schritt 22: Klicken Sie im Shopify-Admin-Dashboard im linken Bereich auf Apps.

Schritt 23: Klicken Sie auf Cowlendar.

Schritt 24: Klicken Sie auf Meine Dienste.

Schritt 25: Klicken Sie bei dem spezifischen Dienst, den Sie anzeigen möchten, auf Mehr.

Schritt 26: Nachdem Sie auf „Mehr“ geklickt haben, klicken Sie auf Benutzerdefinierte Integration.

Schritt 27: Kopieren Sie innerhalb der benutzerdefinierten Integration den Direktlink.

Schritt 28: Klicken Sie im Shopify-Admin-Dashboard im linken Bereich auf Online-Shop.

Schritt 29: Klicken Sie auf Navigation.

Schritt 30: Dort wählen Sie das Menü aus, das Sie aktualisieren möchten.

Schritt 31: Bearbeiten Sie die Menüelemente (dies wären die einzelnen Registerkarten im Menü selbst).

Schritt 32: Wenden Sie den Link auf den Link-Abschnitt des Menüelements an.

Schritt 33: Speichern Sie vor Ihrer Abreise.

Sie können in jedem Text/jeder Schaltfläche, die Sie auf Ihrer Homepage eingerichtet haben, einen direkten Link zu Ihrem Kalender hinzufügen. Dazu müssen Sie lediglich den Direktlink Ihres Dienstes in einer beliebigen Schaltfläche verwenden.

→ 🧙 Wie FüGe Ich Einen Buchbaren Service Zu Ihrem Menü Hinzu?
⚠️Warning
Dies funktioniert nur, wenn Sie eine Variante haben.
Cowlendar
Ready to use Cowlendar?
Open the app directly in your Shopify store.