Instagram-Feed Modul
Dieser Artikel erklärt, wie Sie das "Instagram Feed"-Modul in ChurchDesk nutzen können, um Bilder von Ihrem Instagram-Konto direkt auf Ihrer Website anzuzeigen. Jedes Mal, wenn Sie ein neues Bild auf Instagram hinzufügen, wird es automatisch auch im Instagram-Feed-Modul angezeigt. Wir zeigen Ihnen die Verbindungsschritte, Designoptionen und Einstellungen.
Verbinden mit Instagram über das Modul "Instagram Feed"
Verbinden mit Instagram über das "HTML-Modul"
Betten Sie einen einzelnen Instagram-Post ein
Fügen Sie ein Instagram-Feed-Modul hinzu, indem Sie "*Instagram-Feed* " in der Kategorie Soziale Medien auswählen.
Klicken Sie auf dem Modul auf "INSTAGRAM VERBINDEN", melden Sie sich bei Ihrem Instagram-Konto an und autorisieren Sie das Modul, damit es Bilder von Ihrem Instagram-Konto abrufen und auf Ihrer Website anzeigen kann.
Sobald das Modul mit Ihrem Instagram-Konto synchronisiert ist, zeigt es automatisch alle neuen Bilder an, die Sie auf Instagram hinzufügen.
Der Instagram-Feed zeigt bis zu maximal 100 Bilder aus Ihrem Instagram-Konto an. Wenn Sie mehr als 100 Bilder haben, werden die zuletzt hinzugefügten Bilder angezeigt.
Wichtig: Nur Bilder von Instagram werden im Instagram-Feed-Modul angezeigt. Videos werden nicht angezeigt, auch nicht als Vorschaubild. Bei Beiträgen mit mehreren Bildern wird nur das erste Bild des Beitrags im Instagram-Feed-Modul angezeigt. Wenn Besucher auf das Bild klicken, werden sie zu Instagram weitergeleitet und können die anderen Bilder desselben Beitrags durchsuchen.
In der Kategorie Design können Sie den Hintergrund, den Rahmen und die Abstände in Ihrem Instagram-Feed-Modul ändern. Sie können auch eine Animation zum Modul hinzufügen, um ihm einen dynamischeren Auftritt zu geben.
In der Kategorie "Einstellungen" können Sie eine Reihe von Anzeigeoptionen ändern:
Seitenverhältnis: Standardmäßig zeigt das Modul Bilder in demselben quadratischen Format an, in dem sie auf Instagram erscheinen. Sie haben jedoch die Möglichkeit, die Bilder in einem anderen Seitenverhältnis anzuzeigen, das sich besser in das Gesamtlayout Ihrer Website einfügt.
Anzahl der angezeigten Bilder: Wählen Sie aus, wie viele Bilder Sie im Modul anzeigen lassen möchten, bis zu einem Maximum von 100.
Anzahl der Spalten: Wählen Sie aus, in wie viele Spalten Sie Ihren Instagram-Feed unterteilen möchten.
Rand zwischen den Bildern: Fügen Sie Abstände zwischen den Bildern im Feed hinzu.
Bilder im Leuchtkasten anzeigen, wenn sie angeklickt werden: Wenn Besucher auf ein Bild im Feed klicken und diese Option nicht aktiviert ist, werden sie auf die URL des betreffenden Bildes auf Instagram weitergeleitet. Wenn die Option aktiviert ist, wird das Bild über dem Inhalt Ihrer Seite angezeigt, wobei der Inhalt im Hintergrund dunkler dargestellt wird. Der Text der Bildunterschrift von Instagram wird auch unten links im Leuchtkasten angezeigt (siehe Beispiel unten).
Beispiel für ein im Leuchtkasten angezeigtes Bild:
Wenn Sie nicht mehr möchten, dass das Instagram-Feed-Modul Bilder von Ihrem Instagram-Konto anzeigt, können Sie die Verbindung ganz einfach trennen. Öffnen Sie das Instagram-Feedmodul und klicken Sie auf DISCONNECT. Sobald das Modul getrennt wurde, werden keine Benutzerdaten oder Bilder von Ihrem Instagram-Konto im Editor gespeichert.
Hinweis: Wie zuvor beschrieben, kann das Instagram Modul lediglich Bilder anzeigen und lässt Videos außer acht. Indem Sie das HTML-Modul nutzen, werden für die auf dem Feed vorhandenen Videos die zugehörigen Titelbilder angezeigt.
Fügen Sie in eine leere Spalte ein HTML-Modul ein:
Tragen Sie beim Inhalt folgenden Code ein und ersetzen die in Großbuchstaben geschriebenen Teile mit Ihrer URL und Ihrem Instagram Namen:
<iframe width="100%" height="500" src="https://www.instagram.com/IHREINSTAGRAMURL/embed/"name="IHRNAME" frameborder="0"></iframe>
Sie haben je nach Ihrer eigenen Seitenaufteilung auch die Möglichkeit hinter "height" die angezeigte Höhe anzupassen.
Fügen Sie das Modul Instagram-Einbettung aus der Kategorie Soziale Medien hinzu.
Fügen Sie die URL des Beitrags ein, welchen Sie einbetten möchten:
Es gibt mehrere Möglichkeiten Instagram auf Ihrer Webseite darzustellen:
Verbinden mit Instagram über das Modul "Instagram Feed"
Verbinden mit Instagram über das "HTML-Modul"
Betten Sie einen einzelnen Instagram-Post ein
Verbinden mit Instagram über das Modul "Instagram Feed"
Instagram-Modul hinzufügen
Fügen Sie ein Instagram-Feed-Modul hinzu, indem Sie "*Instagram-Feed* " in der Kategorie Soziale Medien auswählen.
Instagram verbinden
Klicken Sie auf dem Modul auf "INSTAGRAM VERBINDEN", melden Sie sich bei Ihrem Instagram-Konto an und autorisieren Sie das Modul, damit es Bilder von Ihrem Instagram-Konto abrufen und auf Ihrer Website anzeigen kann.
Sobald das Modul mit Ihrem Instagram-Konto synchronisiert ist, zeigt es automatisch alle neuen Bilder an, die Sie auf Instagram hinzufügen.
Der Instagram-Feed zeigt bis zu maximal 100 Bilder aus Ihrem Instagram-Konto an. Wenn Sie mehr als 100 Bilder haben, werden die zuletzt hinzugefügten Bilder angezeigt.
Wichtig: Nur Bilder von Instagram werden im Instagram-Feed-Modul angezeigt. Videos werden nicht angezeigt, auch nicht als Vorschaubild. Bei Beiträgen mit mehreren Bildern wird nur das erste Bild des Beitrags im Instagram-Feed-Modul angezeigt. Wenn Besucher auf das Bild klicken, werden sie zu Instagram weitergeleitet und können die anderen Bilder desselben Beitrags durchsuchen.
Design
In der Kategorie Design können Sie den Hintergrund, den Rahmen und die Abstände in Ihrem Instagram-Feed-Modul ändern. Sie können auch eine Animation zum Modul hinzufügen, um ihm einen dynamischeren Auftritt zu geben.
Einstellungen
In der Kategorie "Einstellungen" können Sie eine Reihe von Anzeigeoptionen ändern:
Seitenverhältnis: Standardmäßig zeigt das Modul Bilder in demselben quadratischen Format an, in dem sie auf Instagram erscheinen. Sie haben jedoch die Möglichkeit, die Bilder in einem anderen Seitenverhältnis anzuzeigen, das sich besser in das Gesamtlayout Ihrer Website einfügt.
Anzahl der angezeigten Bilder: Wählen Sie aus, wie viele Bilder Sie im Modul anzeigen lassen möchten, bis zu einem Maximum von 100.
Anzahl der Spalten: Wählen Sie aus, in wie viele Spalten Sie Ihren Instagram-Feed unterteilen möchten.
Rand zwischen den Bildern: Fügen Sie Abstände zwischen den Bildern im Feed hinzu.
Bilder im Leuchtkasten anzeigen, wenn sie angeklickt werden: Wenn Besucher auf ein Bild im Feed klicken und diese Option nicht aktiviert ist, werden sie auf die URL des betreffenden Bildes auf Instagram weitergeleitet. Wenn die Option aktiviert ist, wird das Bild über dem Inhalt Ihrer Seite angezeigt, wobei der Inhalt im Hintergrund dunkler dargestellt wird. Der Text der Bildunterschrift von Instagram wird auch unten links im Leuchtkasten angezeigt (siehe Beispiel unten).
Beispiel für ein im Leuchtkasten angezeigtes Bild:
Trennen Sie die Verbindung zu Instagram
Wenn Sie nicht mehr möchten, dass das Instagram-Feed-Modul Bilder von Ihrem Instagram-Konto anzeigt, können Sie die Verbindung ganz einfach trennen. Öffnen Sie das Instagram-Feedmodul und klicken Sie auf DISCONNECT. Sobald das Modul getrennt wurde, werden keine Benutzerdaten oder Bilder von Ihrem Instagram-Konto im Editor gespeichert.
Verbinden mit Instagram über das "HTML-Modul"
Hinweis: Wie zuvor beschrieben, kann das Instagram Modul lediglich Bilder anzeigen und lässt Videos außer acht. Indem Sie das HTML-Modul nutzen, werden für die auf dem Feed vorhandenen Videos die zugehörigen Titelbilder angezeigt.
Fügen Sie in eine leere Spalte ein HTML-Modul ein:
Tragen Sie beim Inhalt folgenden Code ein und ersetzen die in Großbuchstaben geschriebenen Teile mit Ihrer URL und Ihrem Instagram Namen:
<iframe width="100%" height="500" src="https://www.instagram.com/IHREINSTAGRAMURL/embed/"name="IHRNAME" frameborder="0"></iframe>
Sie haben je nach Ihrer eigenen Seitenaufteilung auch die Möglichkeit hinter "height" die angezeigte Höhe anzupassen.
Fügen Sie einen einzelnen Post von Instagram ein
Fügen Sie das Modul Instagram-Einbettung aus der Kategorie Soziale Medien hinzu.
Fügen Sie die URL des Beitrags ein, welchen Sie einbetten möchten:
Aktualisiert am: 05/05/2025
Danke!