Füge die Google-Event-Calendar-App zu deiner Website hinzu, um dein Publikum über deine Termine auf dem Laufenden zu halten.
Indem du deinen Kalender einblendest, kannst du deine Verfügbarkeit, anstehende Veranstaltungen und vieles mehr präsentieren. Du kannst das Kalenderlayout aktualisieren, um einen Monat, eine Woche oder eine Terminübersicht des aktuellen Tages anzuzeigen. Um das Aussehen an deine Marke anzupassen, kannst du auch das Farbschema und die Schriftart deines Kalenders anpassen.
Schritt 1 | Google Event Calendar zu deiner Website hinzufügen
Füge die Google-Event-Calendar-App über den App-Markt von Wix zu deiner Website hinzu.
- Klicke links im Editor auf Apps hinzufügen
. - Suche in der Suchleiste nach der „Google Terminkalender“-App.
- Klicke auf Hinzufügen.
Schritt 2 | Dein Google-Konto verbinden
Du kannst dich in jedem deiner Google-Konten anmelden, um deinen Veranstaltungskalender zu synchronisieren.
Um dein Google-Konto zu verbinden:
- Klicke in deinem Editor auf den Kalender.
- Klicke auf Einstellungen.
- Klicke auf Konto verbinden.
- Gib die Anmeldeinformationen des Kontos ein, das du anzeigen möchtest.
- Klicke auf Zulassen, um Wix.com Zugriff zu gewähren.
Schritt 3 | Die Sichtbarkeit deiner Veranstaltungen einrichten
Wähle aus, welche deiner Veranstaltungen Website-Besuchern angezeigt werden, welche Termine als beschäftigt angezeigt werden und welche Veranstaltungen privat sind.
Um die Sichtbarkeit deiner Veranstaltungen auszuwählen:
- Klicke in deinem Editor auf den Kalender.
- Klicke auf Einstellungen.
- Klicke auf den Tab Kalender.
- Aktiviere die Kontrollkästchen neben den Kalendern, die für deine Website-Besucher sichtbar sein sollen oder sichtbar, aber mit ausgeblendeten Details.
Schritt 4 | Das Layout, die Anzeige und die Einstellungen ändern
Passe das Format deines Kalenders an und wie die Details deiner Veranstaltungen für Website-Besucher angezeigt werden:
- Unter Layout kannst du deinen Kalender ändern, um einen Monat, eine Woche oder die die Termine des aktuellen Tages anzuzeigen.
- Unter Anzeige kannst du auswählen, ob die Zeitzone und die Startzeit des Termins angezeigt werden und wie private Termine angezeigt werden sollen.
- In den Einstellungen kannst du das 12- oder 24-Stunden-Zeitformat auswählen und festlegen, an welchem Wochentag dein Kalender beginnt und ob dein Kalender die Zeitzone deiner Website-Besucher oder eine benutzerdefinierte Zeitzone anzeigt.
Um Layout, Anzeige und Einstellungen anzupassen:
- Klicke in deinem Editor auf den Kalender.
- Klicke auf Einstellungen.
- Klicke, um die Schritte zum Anpassen deines Layouts, deiner Anzeige und deiner Einstellungen zu erweitern:
Ein Layout für deinen Kalender wählen
- Klicke auf Layout.
- Wähle dein Layout:
- Monatlich: Zeige den gesamten Monat in einem Gitterformat an.
- Kalenderausrichtung: Wähle die Ausrichtung für deinen Kalender, links oder mittig.
- Zellengröße ändern: Lege fest, wie sich die Zelle verhält, wenn die Größe geändert wird:
- Verhältnis 1:1 beibehalten: Die Form der Zellen bleibt quadratisch, wenn du die Größe deines Kalenders änderst.
- Flexibles Verhältnis verwenden: Ändert die Zellenform, wenn du die Größe des Kalenders änderst.
- Wöchentlich: Zeige den Kalender mit jedem Wochentag oben an.
- Kalenderausrichtung: Wähle die Ausrichtung für deinen Kalender, links oder mittig.
- Kalenderhöhe: Wähle aus, wie sich der Kalender verhält, wenn du Inhalte hinzufügst/entfernst:
- Festgelegte Höhe: Behält die eingestellte Höhe bei.
- Responsiv: Streckt deinen Kalender automatisch, sodass für jede Woche alle deine Veranstaltungen angezeigt werden.
- Agenda: Zeige den Kalender in einem Zeitleistenformat mit dem aktuellen Tag oben an.
- Kalenderhöhe: Wähle aus, wie sich der Kalender verhält, wenn du Inhalte hinzufügst/entfernst:
- Festgelegte Höhe: Behält die eingestellte Höhe bei.
- Responsiv: Streckt deinen Kalender automatisch, sodass für jede Woche alle deine Veranstaltungen angezeigt werden.
Deine Anzeigeeinstellungen aktualisieren
- Klicke auf Anzeigen.
- Wähle deine Anzeigeeinstellungen:
- Zeitzone anzeigen: Klicke auf den Schalter Zeitzone anzeigen, um die Zeitzone in deinem Kalender ein- oder auszublenden.
- Terminstartzeit anzeigen: Klicke auf den Schalter Terminstartzeit anzeigen, um die Startzeit im Kalender ein- oder auszublenden.
- Private Termine anzeigen: Klicke auf den Schalter Private Termine anzeigen, um private Termine im Kalender ein- oder auszublenden.
- Private Termine anzeigen als: Klicke auf Privat, um einen neuen Namen für alle privaten Veranstaltungen einzugeben.
Hinweis: Die Einstellungsoptionen hängen vom ausgewählten Layout ab.
Deine App-Einstellungen ändern
- Klicke auf Einstellungen.
- Wähle deine App-Einstellungen:
- Zeitformat: Wähle aus, wie die Zeit angezeigt wird:
- 12 Stunden: Morgen- und Nachmittagszeiten werden mit einem am oder am Suffix angezeigt.
- 24 Stunden: Stunden des Tages werden als Zahlen zwischen 00:00 und 23:59 angezeigt.
- Woche beginnt am: Wähle einen Tag aus, an dem die Woche beginnen soll.
- Sprache: Wähle deine Sprache aus.
- Zeitzone: Wähle aus, wie die Zeitzone angewendet wird:
- Standort des Besuchers: Der Standort des Besuchers bestimmt die Zeitzone.
- Benutzerdefinierte Zeitzone: Du stellst die Zeitzone des Kalenders mit den verfügbaren Optionen ein.
Schritt 5 | Kalender gestalten
Du kannst deinen Kalender so bearbeiten, dass er zu deiner Website und deinen Schriftarten passt, und ihn an der Farbpalette deiner Marke ausrichten.
Um deinen Kalender zu gestalten:
- Klicke in deinem Editor auf den Kalender.
- Klicke auf Einstellungen.
- Klicke auf Design.
- Wähle die Elemente, die du anpassen möchtest:
Kopfzeile und Hintergrund
- Kopfzeile - Farbe und Deckkraft: Lege eine Kopfzeilenfarbe und die Deckkraft fest.
- Monat und Jahr - Schriftart und Farbe: Lege ein Textdesign, eine Schriftart und eine Schriftgröße fest.
- Hintergrund - Farbe & Deckkraft: Lege eine Hintergrundfarbe und Deckkraft fest.
- Kalenderraster: Lege eine Rahmenfarbe und Deckkraft fest.
- Wochentag - Textstil & Farbe: Lege das Design, die Schriftart und die Schriftgröße für den Wochentag fest.
- Datum - Textstil: Lege ein Textdesign, eine Schriftart und eine Schriftgröße fest.
- Aktueller Tag - Farbe: Lege eine Farbe fest, um den aktuellen Tag im Kalender hervorzuheben.
- Aktueller Monat - Farbe: Lege eine Farbe fest, um den aktuellen Monat im Kalender hervorzuheben.
- Vorheriger/nächster Monat - Farbe: Lege die Farbe des vorherigen und nächsten Monats fest.
- Terminname - Stil & Farbe: Lege das Textdesign, die Schriftart und die Schriftgröße für den Terminnamen fest.
- Terminuhrzeit Stil & Farbe: Lege das Textdesign, die Schriftart und die Schriftgröße der Veranstaltungszeit fest.
- Terminanzeige - Breite: Lege die Breite der Terminanzeige fest.
- Termin - Eckradius: Lege den Eckenradius fest.
- Terminfarben: Wähle „Farben des Websitedesigns verwenden“ oder „Farben von Google Kalender verwenden“.
- Buttonstil: Wähle einen Buttonstil aus den verfügbaren Optionen aus.
- Schriftart - Stil & Farbe: Lege das Textdesign, die Schriftart, die Schriftgröße und die Farbe für den Button fest.
- Rand - Farbe & Deckkraft: Lege die Farbe und Deckkraft des Buttons fest.
- Randbreite: Lege die Randbreite des Buttons fest.
