Benötigen Sie einen professionell aussehenden Live-Kalender auf Ihrer Website, um Besucher über bevorstehende Veranstaltungen zu informieren oder einen Termin zu vereinbaren? Anstatt etwas von Grund auf neu zu erstellen oder eine benutzerdefinierte Kalender-App zu verwenden, die möglicherweise keine zukünftigen Updates erhält, sollten Sie etwas verwenden, das Millionen von anderen täglich verwenden.
Auf diesem Weg können Sie eine Google Kalender in Ihre Site einbetten. Es ist außerdem kostenlos und einfach zu bedienen. Alles, was Sie brauchen, um loszulegen, ist ein Google-Konto.
Melden Sie sich zunächst in Ihrem Google-Konto an, klicken Sie auf das Apps-Raster neben Ihrem Profilbild und dann auf Kalender.
Code einbetten
Öffnen Sie Optionen, indem Sieauf die drei Punkte neben dem Kalender klicken, den Sie einbetten möchten.
Klicken Sie im Popup auf Einstellungen und Freigabe.
Scrollen Sie auf der Seite mit den Kalendereinstellungen nach unten, bis Sie die Kalenderintegrieren.
Um Ihren Kalender für alle sichtbar zu machen und nicht nur für diejenigen, mit denen Sie ihn teilen, müssen Sie mach es öffentlich.
Aktivieren Sie dazu das Kontrollkästchen neben Für die Öffentlichkeit zugänglich machenunter Zugriffsberechtigungen.
Betten Sie das ein Code in den HTML-Bereich einer Webseite oder eines Beitrags. Wenn Sie beispielsweise WordPress verwenden, erstellen Sie eine neue Seite.
Klicken Sie auf Text, um zum HTML-Editor zu wechseln. Kopieren Sie den Einbettungscode aus Ihrem Google-Kalender und fügen Sie ihn in die Seite ein.
Klicken Sie auf die Registerkarte Visual, um zu sehen, wie der Kalender auf Ihrer Seite aussieht. Sie können auch Vorschau auswählen, um sie im Frontend Ihrer Website anzuzeigen.
Fügen Sie den Kalender-HTML-Code in eine beliebige Webseite ein, auf der Sie Objekte einbetten dürfen.
Wenn Ihnen die Standardformateinstellungen von Google für den Kalender gefallen, können Sie loslegen. Um die Farbe, Größe und andere Optionen Ihres Kalenders zu ändern, können Sie die Einstellungen anpassen.
Anpassen der Google Kalendereinstellungen
Klicken Sie auf Passen Sie die Schaltflächedirekt unter dem Einbettungscode an. Dies öffnet ein neues Fenster.
Bearbeiten oder fügen Sie Ihrem Kalender einen Titel hinzu, indem Sie ihn unter Kalendertiteleingeben. Wenn der Titel angezeigt werden soll, aktivieren Sie das Kontrollkästchen neben Titel.
Geben Sie unter
Die Standardgröße des Google Kalenders beträgt 800 x 600. Ändern Sie die Größe durch Verschieben der Aufwärts- und Abwärtspfeile neben Breiteund Höhe.
Wenn Sie beispielsweise einen Kalender in eine Seitenleiste einbetten möchten, reduzieren Sie diese die Breite auf eine kleinere Größe wie 300.
Andere se Zu den Einstellungen, die Sie anpassen können, gehören:
Nachdem Sie die Optionen angepasst haben, können Sie Ihren endgültigen Live-Kalender auf Ihrer Webseite anzeigen. Wenn Sie ein Ereignis in Ihrem Kalender ändern, wird es automatisch aktualisiert.
Unten sehen Sie einen Screenshot der Monatsansicht.
Sie können Ihren Kalender auch wöchentlich anzeigen.
Wenn Sie Änderungen vornehmen möchten, können Sie jederzeit zu Ihren Google Kalender-Einstellungen zurückkehren und diese anpassen.
Kopieren Sie den neuen HTML-Code und fügen Sie ihn ein Code, nachdem Formatierungsaktualisierungen vorgenommen wurden, um die neuen Änderungen widerzuspiegeln.
So lassen Sie Besucher ein Kalenderereignis speichern
Damit Besucher Ihr Ereignis auf ihrem speichern können Wenn Sie einen eigenen Google Kalender haben, fügen Sie Ihrer Website eine Schaltfläche hinzu. Stellen Sie sicher, dass Ihr Kalender öffentlich ist.
Öffnen Sie Ihren Google Kalender. Beachten Sie, dass Änderungen nur von einem Computer und nicht von einer mobilen App aus vorgenommen werden können.
Um ein Ereignis hinzuzufügen, wählen Sie den Tag aus, zu dem Sie es hinzufügen möchten, und klicken Sie im Feld auf Erstellenobere linke Ecke.
Geben Sie die Details Ihres Ereignisses in das Popup ein und klicken Sie auf Speichern.
To Öffnen Sie ein Ereignis in Ihrem Kalender und doppelklicken Sie darauf. Klicken Sie dann auf die drei Punkte in der oberen rechten Ecke, um Optionen, zu öffnen und Ereignis veröffentlichenauszuwählen.
Betten Sie den HTML-Code aus dem Popup-Fenster Ihrer Website ein, damit Besucher das Ereignis zu ihrem eigenen Google Kalender hinzufügen können.
Gehen Sie zurück zu Ihrer Website und fügen Sie die ein Code aus der Quell- oder HTML-Ansicht, in der die Ereignisschaltfläche angezeigt werden soll.
Wenn ein Besucher auf die Schaltfläche "Google Kalender" klickt, öffnet er seinen Kalender und fügt das Ereignis hinzu. Sie können Personen auch über den im selben Popup-Fenster angezeigten Link zu Ihrer Veranstaltung einladen.
Google Kalender mithilfe von Plugins in WordPress einbetten
Wie bei den meisten Funktionen In WordPress gibt es dafür ein Plugin. Das Einbetten eines Google Kalenders in eine WordPress-Website ist keine Ausnahme. Im Folgenden finden Sie einige WordPress-Plugins, die Sie verwenden sollten.
Einfaches Kalender-PluginDer einfache Kalender zeigt Ihre Ereignisse nach Woche, Monat oder in einer Liste an. Es ist einfach einzurichten, mobil ansprechbar und an Ihre Bedürfnisse anpassbar.
Weitere Funktionen sind:
Dieses Plugin ist eine ausgezeichnete Wahl für Power-User von Google Kalender. Eine einzigartige Funktion ist die Möglichkeit, farbcodierte Ereignisse zu übertragen.
Dan’s Embedder for Google KalenderAnzeigen von Google-Kalendern in einer Liste oder Vollansicht mit Dan's Embedder für Google Kalender
Es ist nicht erforderlich, Ereignisse in WordPress zu verwalten oder zu importieren. Sie benötigen nur einen oder mehrere öffentliche Google Kalender. Weitere Funktionen sind:
Dieses Plugin benötigt einen API-Schlüssel. Führen Sie die folgenden Schritte aus, um Ihre zu erhalten:
Erstellen Sie eine Event-Promotion und Verwalten oder Hinzufügen von Events zu Ihrem WordPress-Blog mit Event Calendar WD.
Geben Sie mit dem WordPress-Editor eine detaillierte Beschreibung Ihrer Ereignisse an, hängen Sie Tags an und weisen Sie jedem einzelnen Kategorien zu. Einige andere Funktionen umfassen:
Installieren und binden Sie Google Kalender schnell und einfach in Ihre Website ein.
Mit der kostenlosen Version von WP Simple Booking Calendar haben Sie Zugriff auf die grundlegenden Funktionen, die Sie benötigen Sie müssen beispielsweise Ihre Ereignisse im Auge behalten. Zu den Highlights der kostenlosen Version gehören:
Für erweiterte Veröffentlichungs- und Bearbeitungsfunktionen können Sie ein Upgrade auf die Premium-Version durchführen.
Benutzer, die ihre Verfügbarkeit für ihre Dienste auf ihrer Website verwalten und anzeigen oder bevorstehende Ereignisse ankündigen möchten, profitieren erheblich von der Einbettung einen Google Kalender auf ihrer Website.
Durch die Integration eines Kalenders direkt auf Ihrer Website bleiben Besucher auf Ihrer Website und erhöhen die Wahrscheinlichkeit, dass sie einen Termin vereinbaren oder sich für eine Veranstaltung anmelden.
Sie benötigen lediglich eine Internetverbindung, einen Webbrowser und ein Google-Konto, um einen professionell aussehenden Kalender auf Ihrer Website zu erstellen und anzuzeigen.