So erstellen/bearbeiten Sie ein Widget, um Kalenderereignisse und Blogs auf Ihrer Webseite darzustellen
Dieser Artikel führt Sie durch die Erstellung und Verwaltung von Widgets in ChurchDesk. Erfahren Sie, wie Sie anpassbare Event- und Blog-Feeds erstellen, deren Design konfigurieren und diese sowohl auf Ihrer ChurchDesk-Website als auch auf externen Webseiten einbinden können.
Allgemeine Widget-Einstellungen
Wie man ein neues Widget erstellt
Wie man ein Widget bearbeitet
Wie Sie Ihre Widgets auf Ihrer ChurchDesk-Website einsetzen
Wie Sie Ihre Widgets auf Ihrer eigenen Website einsetzen, die nicht in ChurchDesk erstellt wurde
Auf die Widgets und deren Einstellungen können Sie über das Webseiten-Modul zugreifen.

Designoptionen
Links bei den Designoptionen können Sie die Primäre Farbe (für Titel und Elemente) sowie die Karten-Hintergrundfarbe (in der Übersicht auf der Internetseite) für alle Widgets global einstellen. Die Farben können Sie via Farbpalette, RGB- & Hex-Code einstellen. Darüber hinaus ist es möglich vorgeschlagenen Inhalte auf Blogs-/Ereignisseiten für alle Widgets anzuzeigen.

Widget-Design (nur für Studio
Im Widget-Design können Sie, sofern Sie ChurchDesk Studio dazugebucht haben, das Aussehen Ihres Standard-Widgets ändern.
Ecken: Hier können Sie zwischen eckigen und runden Ecken wählen.
Schatten: Hier können Sie Schatten auswählen oder abwählen
Schriftart: Hier können Sie frei zwischen den verschiedenen Schriftarten wählen, die auf der Website verwendet werden können.

Außerdem haben Sie mit Studio auch die Möglichkeit die Designoptionen je Widget individuell anzupassen (mehr dazu weiter unten).
Hinweis: Es werden nur Blog-Beiträge und Ereignisse auf der Website veröffentlicht, welche die Sichtbarkeitseinstellung "Öffentlich" haben. Dies können nur berechtigte Rollen einstellen.
Gehen Sie zu Webseite > Widgets
Klicken Sie auf Widget erstellen

Wählen Sie den Widget-Typ: Ereignis-Widget oder Blog-Widget
Bearbeiten Sie das neue Widget und treffen Sie die jeweiligen Einstellungen

Widget Name: Geben Sie dem neuen Widget einen Namen, dieser ist nur intern sichtbar.
Kalender: Wenn Sie einer Portalgemeinschaft angehören, können Sie zwischen Ihrem eigenen oder dem Portal Kalender wählen.
Orte: Hier können Sie nach Ressourcen filtern. Bleibt das Feld leer, sind automatisch alle Ressourcen einbezogen.
Ereigniskategorien: Hier können Sie nach Kategorien filtern. Bleibt das Feld leer, sind automatisch alle Kategorien einbezogen.
Zeitraum: Wählen Sie aus ob alle Veranstaltungen angezeigt werden sollen, nur ein gewisser Zeitraum oder eine gewisse Anzahl von Tagen im Voraus.
Anzahl von Ereignissen pro Seite: Hier geben Sie an, wie viele Veranstaltungen auf einmal angezeigt werden sollen
Standort Adresse anzeigen: Sie können auswählen ob die Adresse zur Veranstaltung bereits in der Widget Übersicht angezeigt werden soll oder erst wenn man den einzelnen Termin über das Widget auswählt.
Ereignisbild anzeigen: Wenn Sie hier klicken, können Sie ein-/ausstellen dass ein Bild für die Veranstaltung in der Widget Übersicht angezeigt wird. Darunter können Sie ein Standardbild festlegen. Dieses wird im Widget automatisch eingefügt, wenn Sie im jeweiligen Kalenderereignis kein eigenes Bild hinterlegt haben.
Filter für Besucher erlauben:: Klicken Sie hier, wenn Sie externen Besuchern erlauben wollen, die Veranstaltungen zu filtern. Wenn der Filter aktiviert ist haben Sie außerdem die Möglichkeit auszuwählen ob die Besucher auch nach Ortsteilen filtern können oder nicht.
Studio:bschema anpassen:** Studio-Nutzer können eine andere Grund- und/oder Hintergrundfarbe für das neue Widget auswähle. Aktiviert man den Haken, erscheint die entsprechende Auswahlmöglichkeit.
Bestätigen Sie zum Schluss unbedingt mit "OK", damit alle Ihre Einstellungen hinterlegt sind.

Widgetname: Geben Sie dem neuen Widget einen Namen, dieser ist nur intern sichtbar.
Blog einbeziehen von: Wenn Sie einer Portalgemeinschaft angehören, können Sie zwischen Ihre eigenen oder die Portal-Blogbeiträge wählen.
Blogkategorien: Hier können Sie nach Kategorien filtern. Bleibt das Feld leer, sind automatisch alle Kategorien einbezogen.
Anzahl von Blogs pro Seite: Hier geben Sie an, wie viele Blogs auf der Seite insgesamt angezeigt werden sollen.
Anzahl von Blogs pro Reihe: Hier können Sie angeben, wie viele Blogs pro Reihe angezeigt werden sollen (1, 2 oder 3).
Standardbild auswählen: Wenn Sie hier klicken, können Sie ein Bild in den Blog einfügen. Wenn Sie diese Schaltfläche aktivieren und kein Bild einfügen, wird automatisch ein Standardbild eingefügt.
Besuchern erlauben zu filtern: Klicken Sie hier, wenn Sie externen Besuchern erlauben wollen, die Ereignisse zu filtern
Studio: {color}[#000000](F)**arbschema anpassen:** Studio-Nutzer können eine andere Grund- und/oder Hintergrundfarbe für das neue Widget auswähle. Aktiviert man den Haken, erscheint die entsprechende Auswahlmöglichkeit.
Hinweis: Nutzer des Spenden-Moduls können außerdem auch ein Spenden-Widget erstellen. Wie Sie hierzu vorgehen beschreiben wir hier.
Wenn Sie auf "**Aktionen**" auf der rechten Seite neben dem jeweiligen Widget klicken, erhalten Sie die folgenden Optionen:
Bearbeiten: Hier können Sie die weiter oben im Artikel genannten Einstellungen für das einzelne Widget ändern.
Vorschau: Hier können Sie sehen, wie das Widget auf der Website aussieht.
Code anzeigen: Hier können Sie den HTML Code des Widgets kopieren.
Kopieren: Hier können Sie ein Duplikat des vorhandenen Widgets anlegen.
Löschen: Hier können Sie das Widget unwiederuflich löschen. Es erscheint ein Pop-Up Fenster, in dem Sie diesn Schritt bestätigen müssen.
ChurchDesk hat drei Standart Widgets hinterlegt, die Sie weder bearbeiten noch löschen können: "Alle Ereignisse", "Alle Blogs" und "Alle Spendenprojekte".
Außerdem gibt es noch das Widget "Slideshow", dieses kann nicht kopiert oder gelöscht werden. Mehr Informationen zur Slideshow finden Sie hier.
Rufen Sie die Seite auf, auf der Sie das Widget einfügen möchten, z. B. eine Übersicht über bevorstehende Veranstaltungen, die neuesten Blog-Beiträge usw.
Erstellen Sie in der Zeile, in der Sie das Widget einfügen möchten, ein neues Dynamisches Inhaltsmodul und wählen Sie in den Einstellungen die Art des Widgets, das Sie einfügen möchten, indem Sie eine Kategorie auswählen. Anschließend können Sie das gewünschte Widget aus der Elementliste auswählen. Sobald das Widget eingefügt ist, können Sie das Endergebnis unter Vorschau sehen.
Wenn Sie auf Aktionen auf der rechten Seite neben dem jeweiligen Widget klicken, können Sie auf "Code anzeigen" klicken. Fügen Sie das Widget auf Ihrer Webseite ein, indem Sie den Code kopieren und in den HTML-Code Ihrer Website einfügen.
HTML-Code in WordPress einfügen
HTML-Code in Typo3 einfügen
HTML-Code in OpenCMS einfügen
Schlagworte: Widgets, Ereignis-Feed, Blog-Feed, Website, Design, Einstellungen, Inhalte, Einbetten, Kalender, Blogbeiträge, Kalender teilen, Veranstaltungen teilen, Blogs
In diesem Artikel finden Sie
Allgemeine Widget-Einstellungen
Wie man ein neues Widget erstellt
Wie man ein Widget bearbeitet
Wie Sie Ihre Widgets auf Ihrer ChurchDesk-Website einsetzen
Wie Sie Ihre Widgets auf Ihrer eigenen Website einsetzen, die nicht in ChurchDesk erstellt wurde
Allgemeine Widget-Einstellungen
Auf die Widgets und deren Einstellungen können Sie über das Webseiten-Modul zugreifen.

Designoptionen
Links bei den Designoptionen können Sie die Primäre Farbe (für Titel und Elemente) sowie die Karten-Hintergrundfarbe (in der Übersicht auf der Internetseite) für alle Widgets global einstellen. Die Farben können Sie via Farbpalette, RGB- & Hex-Code einstellen. Darüber hinaus ist es möglich vorgeschlagenen Inhalte auf Blogs-/Ereignisseiten für alle Widgets anzuzeigen.

Widget-Design (nur für Studio
Im Widget-Design können Sie, sofern Sie ChurchDesk Studio dazugebucht haben, das Aussehen Ihres Standard-Widgets ändern.
Ecken: Hier können Sie zwischen eckigen und runden Ecken wählen.
Schatten: Hier können Sie Schatten auswählen oder abwählen
Schriftart: Hier können Sie frei zwischen den verschiedenen Schriftarten wählen, die auf der Website verwendet werden können.

Außerdem haben Sie mit Studio auch die Möglichkeit die Designoptionen je Widget individuell anzupassen (mehr dazu weiter unten).
Ein neues Widget erstellen
Hinweis: Es werden nur Blog-Beiträge und Ereignisse auf der Website veröffentlicht, welche die Sichtbarkeitseinstellung "Öffentlich" haben. Dies können nur berechtigte Rollen einstellen.
Gehen Sie zu Webseite > Widgets
Klicken Sie auf Widget erstellen

Wählen Sie den Widget-Typ: Ereignis-Widget oder Blog-Widget
Bearbeiten Sie das neue Widget und treffen Sie die jeweiligen Einstellungen
Ereignis-Widget

Widget Name: Geben Sie dem neuen Widget einen Namen, dieser ist nur intern sichtbar.
Kalender: Wenn Sie einer Portalgemeinschaft angehören, können Sie zwischen Ihrem eigenen oder dem Portal Kalender wählen.
Orte: Hier können Sie nach Ressourcen filtern. Bleibt das Feld leer, sind automatisch alle Ressourcen einbezogen.
Ereigniskategorien: Hier können Sie nach Kategorien filtern. Bleibt das Feld leer, sind automatisch alle Kategorien einbezogen.
Zeitraum: Wählen Sie aus ob alle Veranstaltungen angezeigt werden sollen, nur ein gewisser Zeitraum oder eine gewisse Anzahl von Tagen im Voraus.
Anzahl von Ereignissen pro Seite: Hier geben Sie an, wie viele Veranstaltungen auf einmal angezeigt werden sollen
Standort Adresse anzeigen: Sie können auswählen ob die Adresse zur Veranstaltung bereits in der Widget Übersicht angezeigt werden soll oder erst wenn man den einzelnen Termin über das Widget auswählt.
Ereignisbild anzeigen: Wenn Sie hier klicken, können Sie ein-/ausstellen dass ein Bild für die Veranstaltung in der Widget Übersicht angezeigt wird. Darunter können Sie ein Standardbild festlegen. Dieses wird im Widget automatisch eingefügt, wenn Sie im jeweiligen Kalenderereignis kein eigenes Bild hinterlegt haben.
Filter für Besucher erlauben:: Klicken Sie hier, wenn Sie externen Besuchern erlauben wollen, die Veranstaltungen zu filtern. Wenn der Filter aktiviert ist haben Sie außerdem die Möglichkeit auszuwählen ob die Besucher auch nach Ortsteilen filtern können oder nicht.
Studio:bschema anpassen:** Studio-Nutzer können eine andere Grund- und/oder Hintergrundfarbe für das neue Widget auswähle. Aktiviert man den Haken, erscheint die entsprechende Auswahlmöglichkeit.
Bestätigen Sie zum Schluss unbedingt mit "OK", damit alle Ihre Einstellungen hinterlegt sind.
Blog-Widget

Widgetname: Geben Sie dem neuen Widget einen Namen, dieser ist nur intern sichtbar.
Blog einbeziehen von: Wenn Sie einer Portalgemeinschaft angehören, können Sie zwischen Ihre eigenen oder die Portal-Blogbeiträge wählen.
Blogkategorien: Hier können Sie nach Kategorien filtern. Bleibt das Feld leer, sind automatisch alle Kategorien einbezogen.
Anzahl von Blogs pro Seite: Hier geben Sie an, wie viele Blogs auf der Seite insgesamt angezeigt werden sollen.
Anzahl von Blogs pro Reihe: Hier können Sie angeben, wie viele Blogs pro Reihe angezeigt werden sollen (1, 2 oder 3).
Standardbild auswählen: Wenn Sie hier klicken, können Sie ein Bild in den Blog einfügen. Wenn Sie diese Schaltfläche aktivieren und kein Bild einfügen, wird automatisch ein Standardbild eingefügt.
Besuchern erlauben zu filtern: Klicken Sie hier, wenn Sie externen Besuchern erlauben wollen, die Ereignisse zu filtern
Studio: {color}[#000000](F)**arbschema anpassen:** Studio-Nutzer können eine andere Grund- und/oder Hintergrundfarbe für das neue Widget auswähle. Aktiviert man den Haken, erscheint die entsprechende Auswahlmöglichkeit.
Hinweis: Nutzer des Spenden-Moduls können außerdem auch ein Spenden-Widget erstellen. Wie Sie hierzu vorgehen beschreiben wir hier.
Widgets bearbeiten
Wenn Sie auf "**Aktionen**" auf der rechten Seite neben dem jeweiligen Widget klicken, erhalten Sie die folgenden Optionen:
Bearbeiten: Hier können Sie die weiter oben im Artikel genannten Einstellungen für das einzelne Widget ändern.
Vorschau: Hier können Sie sehen, wie das Widget auf der Website aussieht.
Code anzeigen: Hier können Sie den HTML Code des Widgets kopieren.
Kopieren: Hier können Sie ein Duplikat des vorhandenen Widgets anlegen.
Löschen: Hier können Sie das Widget unwiederuflich löschen. Es erscheint ein Pop-Up Fenster, in dem Sie diesn Schritt bestätigen müssen.
ChurchDesk hat drei Standart Widgets hinterlegt, die Sie weder bearbeiten noch löschen können: "Alle Ereignisse", "Alle Blogs" und "Alle Spendenprojekte".
Außerdem gibt es noch das Widget "Slideshow", dieses kann nicht kopiert oder gelöscht werden. Mehr Informationen zur Slideshow finden Sie hier.
Widgets auf Ihrer Webseite in ChurchDesk einsetzen
Rufen Sie die Seite auf, auf der Sie das Widget einfügen möchten, z. B. eine Übersicht über bevorstehende Veranstaltungen, die neuesten Blog-Beiträge usw.
Erstellen Sie in der Zeile, in der Sie das Widget einfügen möchten, ein neues Dynamisches Inhaltsmodul und wählen Sie in den Einstellungen die Art des Widgets, das Sie einfügen möchten, indem Sie eine Kategorie auswählen. Anschließend können Sie das gewünschte Widget aus der Elementliste auswählen. Sobald das Widget eingefügt ist, können Sie das Endergebnis unter Vorschau sehen.
Widgets auf Ihrer externen Website einsetzen
Wenn Sie auf Aktionen auf der rechten Seite neben dem jeweiligen Widget klicken, können Sie auf "Code anzeigen" klicken. Fügen Sie das Widget auf Ihrer Webseite ein, indem Sie den Code kopieren und in den HTML-Code Ihrer Website einfügen.
HTML-Code in WordPress einfügen
HTML-Code in Typo3 einfügen
HTML-Code in OpenCMS einfügen
Schlagworte: Widgets, Ereignis-Feed, Blog-Feed, Website, Design, Einstellungen, Inhalte, Einbetten, Kalender, Blogbeiträge, Kalender teilen, Veranstaltungen teilen, Blogs
Aktualisiert am: 20/06/2025
Danke!