Sie benötigen eine professionelle live-Kalender auf Ihre website-Besucher wissen zu lassen über bevorstehende Veranstaltungen oder vereinbaren Sie einen Termin? Anstatt etwas zu bauen von Grund auf oder mit einige benutzerdefinierte Kalender-app, die unter Umständen nicht zukünftige updates, warum nicht etwas, was Millionen andere sind mit auf einer täglichen basis?
Going, die route, die Sie einbetten können Sie eine Google-Kalender auf Ihrer Website. Es ist ebenfalls kostenlos und einfach zu bedienen. Alles, was Sie brauchen, um loszulegen ist ein Google-Konto.
Beginnen Sie, indem Sie sich in Ihrem Google-Konto, klicken Sie auf dem apps-grid neben Ihrem Profil-Bild und klicken Sie auf Kalender.
Holen Sie sich den Embed-Code
Öffnen Sie die Optionen durch einen Klick auf die drei Punkte neben dem Kalender, den Sie einbetten möchten.
Klicken Sie auf Einstellungen, und teilen aus dem popup-Menü.
Blättern Sie in der Kalender-Einstellungen ” – Seite, bis Sie finden den Kalender Integrieren Abschnitt.
Um Ihren Kalender für alle sichtbar und nicht nur diejenigen, die Sie teilen es mit, Sie müssen öffentlich machen.
Um dies zu tun, aktivieren Sie das Kontrollkästchen neben zur Verfügung Stellen, die der öffentlichkeit unter Zugriffsberechtigungen.
Embed-code in die HTML-Seite einer web-Seite oder per post. Zum Beispiel, wenn Sie mit WordPress eine neue Seite erstellen.
Klicken Sie auf Text zu wechseln, um den HTML-editor. Kopieren Sie den Embed-code aus dem Google-Kalender und fügen Sie ihn in die Seite.
Klicken Sie auf den Visual tab, um zu sehen, was der Kalender sieht aus wie auf Ihrer Seite. Sie können auch wählen Sie “Vorschau”, um es auf dem front-end Ihrer website.
Fügen Sie das Kalender-HTML-code in jede web-Seite, wo Sie erlaubt sind tto einbetten von Objekten.
Wenn Sie wie Google die default format-Einstellungen für Kalender, du bist gut zu gehen. Ändern Sie die Farbe, Größe und andere Optionen Ihres Kalenders, Sie können die Einstellungen anzupassen.
Passen Sie Google Kalender-Einstellungen
Klicken Sie auf die Anpassen – Taste befindet sich direkt unter dem embed-code. Es öffnet sich ein neues Fenster.
Bearbeiten oder einen Titel hinzufügen, um Ihren Kalender, indem Sie Sie unter Kalender-Titel. Wenn Sie möchten, dass die Titel, um zu zeigen, aktivieren Sie das Kontrollkästchen neben den Titel.
Angeben, welche Elemente Sie anzeigen möchten auf Ihre Kalender, indem Sie überprüfen die folgenden Einstellungen unter Karte:
- Titel
- Navigations-Tasten
- Daten
- Symbol drucken
- Tabs
- Kalender-Liste
- Zeitzone
Die Standard-Größe der Google-Kalender ist 800 x 600. Ändern Sie die Größe durch das verschieben der up-und down-Pfeile neben Breite und Höhe.
Zum Beispiel, wenn Sie einbetten möchten einen Kalender auf einer Seitenleiste, reduzieren Sie die Breite auf eine kleinere Größe wie 300.
Andere Einstellungen, die Sie anpassen können, sind:
- Hintergrund-Farbe, um mit Ihrer Marke in Farbe
- Zeitzone und Sprache
- Grenze (on oder off)
- Standard Monat
- Den ersten Tag der Woche
Nachdem Sie die Optionen anpassen, sehen Sie Ihre Finale live-Kalender auf Ihrer web-Seite. Wenn Sie ein Ereignis in Ihrem Kalender, wird es automatisch aktualisiert.
Unten ist ein screenshot von der Monatsansicht.
Sie können auch Ihren Kalender anzeigen, indem Sie Woche.
Wenn Sie änderungen vornehmen möchten, können Sie immer gehen Sie zurück zu Ihrem Google Kalender-Einstellungen und passen Sie Sie..
Werden Sie sicher, dass kopieren und fügen Sie den HTML-code nach der Formatierung aktualisiert wird und die neuen änderungen.
Wie Lassen die Besucher Speichern eines Kalender-Ereignis
Um Besuchern zu ermöglichen, um speichern Sie Ihre Veranstaltung auf Ihrem eigenen Google-Kalender, fügen Sie einen button zu Ihrer website. Stellen Sie sicher, dass Ihr Kalender öffentlich ist.
Öffnen Sie Ihren Google Kalender. Beachten Sie, dass änderungen können nur von einem computer und nicht über mobile app.
Um ein Ereignis hinzufügen, wählen Sie den Tag aus, den Sie hinzufügen möchten und klicken Sie auf Erstellen in der oberen linken Ecke.
Füllen Sie die details Ihrer Veranstaltung in das Dialogfenster und klicken Sie auf Speichern.
Zu öffnen, ein Ereignis in Ihrem Kalender, doppelklicken Sie auf es. Klicken Sie dann auf die drei Punkte in der oberen rechten Ecke öffnen Sie Optionen, und wählen Sie Veröffentlichen, event.
Einbetten von HTML-code aus dem popup-Fenster auf Ihrer website, damit Besucher der Beurteilung der Veranstaltung zu Ihrem eigenen Google-Kalender.
Gehen Sie zurück zu Ihrer website und fügen Sie den code aus dem Quell-oder HTML-Ansicht, wo Sie wollen, dass die Ereignis-Taste, um anzuzeigen.
Wenn ein Besucher klickt auf die Google-Kalender-Schaltfläche, es öffnet den Kalender, und fügen Sie das Ereignis, um es. Sie können auch Personen einladen, die zu Ihrer Veranstaltung über den link erscheint in der gleichen popup-Fenster.
Einbetten von Google-Kalender in WordPress-Plug-ins Verwenden
Wie bei den meisten Funktionen in WordPress gibt es ein plugin für, dass. Die Einbettung eines Google Kalenders in eine WordPress-website ist hier keine Ausnahme. Unten sind mehrere WordPress-plugins, die für Sie in Betracht zu ziehen.
Einfache Kalender-Plugin
Einfacher Kalender zeigt Ihre Termine für Woche, Monat, oder in einer Liste. Es ist einfach einzurichten, mobile-responsive und individuell anpassbar an Ihre Bedürfnisse.
Andere features beinhalten:
- Verwalten Sie Ereignisse in Google und Sie aktualisiert sich automatisch in WordPress
- Color-code-Ereignisse
- Intuitive und einfach zu konfigurieren
- Zusätzliche Funktionalität mit add-ons
Dieses plugin ist eine ausgezeichnete Wahl für Google Kalender power user. Eine Besonderheit ist die Fähigkeit zur übertragung von Farb-codierte Ereignisse.
Dan Embedder for Google Kalender
Anzeige Google-Kalender als Liste oder in der vollen Ansicht mit Dan-Embedder for Google Calendar.
Es gibt keine Notwendigkeit, Sie zu verwalten oder importieren von Ereignissen in WordPress. Sie brauchen nur einen oder mehrere öffentliche Google-Kalender. Andere features beinhalten:
- Konfigurieren von Optionen mit Kurzwahlnummern
- Angeben, wie viele Elemente zu zeigen
- Einbetten mehrerer Kalender
Dieses plugin benötigt einen API-key. Folgen Sie den Schritten unten, um Ihre:
- Besuchen Sie Das Google Entwickler-Konsole
- Von der Seite-Menü, überprüfen Sie die APIs und auth – > Berechtigung
- Klicken Sie auf den neuen Schlüssel Erzeugen – Schaltfläche aus der Öffentlichen API-Zugriff den Abschnitt
- Wählen Sie Browser-Taste und lassen Referrer Einschränkung leere
- Setzen Sie diese Taste auf der plugin-Einstellungen Seite
Event-Kalender WD
Erstellen Sie eine event-promotion und-verwalten oder hinzufügen von Ereignissen zu Ihrem WordPress-blog mit Veranstaltungskalender WD.
Eine detaillierte Beschreibung deines events, die mit dem WordPress-editor, tags zuordnen, und weisen Sie Kategorien einzelnen ein. Einige andere Funktionen gehören:
- Benutzer-freundlich-Schnittstelle für volle Kontrolle darüber, wie Sie die Darstellung von Kalendern und Ereignissen auf Ihrer website
- Leicht anpassen und verwalten Ihrer Kalender
- Eine unbegrenzte Anzahl von Kalendern und Terminen
- Optimieren jeden Fall für besseres SEO und Suchmaschinen-Sichtbarkeit
- Aktivieren Sie social sharing-Tasten, um das Wort zu verbreiten über Ihre Veranstaltungen
WP Simple Booking Calendar
Schnell und einfach zu installieren und einbinden Google-Kalender, auf Ihrer website.
Die Kostenlose version von WP Simple Booking Calendar gibt Ihnen Zugang zu den grundlegenden Funktionen, die Sie benötigen, wie halten Sie den überblick über Ihre Veranstaltungen. Highlights der kostenlosen version enthalten:
- Responsive layout
- Backup und wiederherstellen von Daten und Kalendern
- Zeigen Sie Ihre Verfügbarkeit
Für fortgeschrittene publishing und editing-Funktionen, können Sie ein upgrade auf die Premium-version.
Benutzer verwalten möchten, und zeigen Sie Ihre Verfügbarkeit für Ihre Dienstleistungen auf Ihrer website oder zukünftige Veranstaltungen anzukündigen profitieren in hohem Maße von der Einbettung eines Google Kalenders auf Ihrer Website.
Integrieren Sie einen Kalender direkt auf Ihrer website halten die Besucher auf Ihre Website und erhöhen Sie die Chancen, Sie mache einen Termin oder melden Sie sich für ein event.
Alles, was Sie benötigen, ist ein Internetzugang, einen browser und einen Google-account zu erstellen und anzuzeigen eine Professionell aussehende Kalender auf Ihrer Website.