Instagram-Blöcke

Stelle die neuesten Bilder aus deinem Instagram-Feed auf deiner Website vor.

Zuletzt aktualisiert: 24. Januar 2025

Verwende Instagram-Blöcke, um Instagram-Beiträge auf deiner Website anzuzeigen. Dies ist eine hervorragende Möglichkeit zur Präsentation deiner Instagram-Bilder oder -Videos, ohne sie manuell zu Galerie-Blöcken oder Galerie-Seiten hinzufügen zu müssen. Wenn du Inhalte zu einem verbundenen Instagram-Konto hinzufügst, werden Instagram-Blöcke synchronisiert, um deine neuesten Beiträge auf deiner Website anzuzeigen. 

Hinweis

Aufgrund der jüngsten Änderungen an der Instagram-API musst du deine Squarespace-Website erneut mit Instagram verbinden, um weiterhin neue Inhalte in deine Instagram-Blöcke zu laden. Wenn du derzeit ein persönliches Instagram-Konto hast, musst du dein Konto während dieses Vorgangs in ein professionelles Konto umwandeln. Ab dem 4. Dezember 2024 zeigen Instagram-Blöcke, die nicht erneut verbunden werden, keine neuen Inhalte an, bis die Verbindung wiederhergestellt wird.

So verbindest du dein Instagram-Konto erneut:

  1. Öffne das Menü „Verbundene Konten“.   
  2. Klicke auf Erneute Authentifizierung.
  3. Wenn du noch kein professionelles Konto (Business oder Creator) hast, führt dich der Wiederverbindungsprozess durch die Änderung von einem persönlichen Konto zu einem professionellen Konto.
  4. Nachdem du dein Konto konvertiert und wieder verbunden hast, klicke im Menü Verbundene Konten auf das Instagram-Symbol.
  5. Klicken Sie auf Daten zurücksetzen.

Um weiterhin einen Feed mit Instagram-Beiträgen auf deiner Website anzuzeigen, ohne dein Instagram-Konto in ein professionelles Konto zu konvertieren, ersetze deinen Instagram-Block durch einen Einbettungs-Block mit dem Einbettungscode von Instagram.

Ein Video anschauen

Den Instagram-Block hinzufügen

So fügst du einen Instagram-Block hinzu:

  1. Bearbeite eine Seite oder einen Beitrag, klicke auf Block hinzufügen oder auf eine Einfügemarke und wähle im Menü Instagram aus. Weitere Informationen findest du unter Inhalte mithilfe von Blöcken hinzufügen.
  2. Öffne den Block-Editor, indem du auf das Bleistiftsymbol auf dem Block klickst.
  3. Klicke im Tab Konto auf das Drop-down-Menü Verbundenes Konto, um ein zuvor verbundenes Instagram-Konto auszuwählen, oder wähle Konto hinzufügen aus und befolge die Autorisierungsschritte, um ein neues Konto zu verbinden.
  4. Lege die Anzahl der anzuzeigenden Elemente fest, bis zu 20.
  5. Wähle im Tab Design ein Design aus und passe die Anzeigeeinstellungen an
  6. Klicke auf Speichern, um deine Änderungen zu speichern und die Bearbeitung fortzusetzen, oder klicke auf Beenden und dann auf Speichern, um den Editor zu schließen.

Tipps und Einschränkungen

Denk daran:

  • Instagram unterstützt das Filtern von Beiträgen in Instagram-Blöcken nach einem Suchbegriff oder Hashtag nicht.
  • Wenn Sie ein privates Instagram-Konto mit einem Instagram-Block verbinden, werden im Block Beiträge angezeigt, die bei Anklicken zu einem toten Link führen. Um dies zu vermeiden, stellen Sie Ihr Instagram-Konto auf öffentlich.
  • Instagram-Beiträge mit mehreren Bildern oder Videos zeigen das erste Element als statisches Bild in Instagram-Blöcken an. Aktiviere im Tab „Design“ des Block-Editors Links in neuem Fenster öffnen, um Besucher zu dem vollständigen Beitrag zu verlinken.
  • Instagram-Blöcke unterstützen keine IGTV-Beiträge, Stories, geteilte Beiträge oder Reels.
  • Angeheftete Beiträge werden nicht am Anfang deines Instagram-Blocks angezeigt. 
  • Wenn du mehrere Instagram-Konten hast, die du präsentieren möchtest, kannst du jedes Konto mit einem anderen Instagram-Block verbinden.

Ein Design auswählen

Wählen Sie im Tab „Design“ aus, wie die Beiträge im Block angezeigt werden sollen. Es stehen vier Designs zur Auswahl, und Sie können sie mit verschiedenen Optionen wie Seitenverhältnis, Freiraum und Erscheinungsbild der Beiträge beim Anklicken anpassen. Die vier Designs sind:

  • Slideshow – Beiträge werden einer nach dem anderen angezeigt
  • Karussell – Beiträge werden abhängig von den Einstellungen vollständig mit Teilen der vorherigen und nächsten Beiträge auf beiden Seiten angezeigt.
  • Raster - Beiträge werden als Raster von Miniaturbildern angezeigt.
  • Gestapelt - Beiträge werden in voller Breite übereinander angezeigt.

Wenn du mit der Anpassung des Designs fertig bist, klicke auf Speichern. Weitere Informationen findest du unter Optionen für jedes Instagram-Block-Design.

Tipp

Einige Design-Optionen werden auf Mobilgeräten unterschiedlich dargestellt. Eine Vorschau deiner Einstellungen kannst du dir in der Geräteansicht anzeigen lassen.

Optionen für jedes Instagram-Block-Design

Design-Option Block-Verhalten
Automatically Transition Between Slides (Automatischer Übergang zwischen den Slides) Wechselt nach einem vorgegebenen Zeitraum automatisch zum nächsten Beitrag. Wenn diese Option aktiviert ist, erscheint ein Schieberegler, mit dem die Übergangszeit auf eine bis zehn Sekunden eingestellt werden kann.
Show Next and Previous Controls (Steuerung für Weiter und Zurück anzeigen) Fügt Pfeile hinzu, mit denen zu den vorherigen und folgenden Beiträgen navigiert werden kann. Diese Steuerung erscheint mit einem Overlay auf der rechten und linken Seite des Beitrags.
Automatically Crop Images (Bilder automatisch zuschneiden) Schneidet die Beiträge zu oder passt deren Größe an, um das beste Design zu erhalten.
Show Thumbnails (Vorschaubilder anzeigen) Fügt einen Streifen mit Vorschaubildern aller im Block enthaltenen Bilder und Videos unter dem Hauptbeitrag hinzu. Wenn diese Option aktiviert ist, werden Schieberegler angezeigt, mit denen Sie die Höhe des Vorschaubilder-Streifens und den Abstand zwischen dem Streifen und dem Hauptbeitrag einstellen können.
Bildunterschrift anzeigen

Zeigt Beitragsbeschreibungen an. Wenn diese Option aktiviert ist, erscheinen weitere Optionen, um die Platzierung der Beschreibungen festzulegen oder diese so einzustellen, dass sie nur bei Mouseover angezeigt werden. Hier erfährst du, welchen Einfluss dein Template auf den Stil dieser Beschriftungen hat.

Diese Beschreibungen werden auf Mobilgeräten nicht angezeigt.

Links in neuem Fenster öffnen Öffnet Instagram in einem neuen Tab, wenn Besucher auf Beiträge klicken.
Design-Option Block-Verhalten
Automatically Transition Between Slides (Automatischer Übergang zwischen den Slides) Wechselt nach einem vorgegebenen Zeitraum automatisch zum nächsten Beitrag. Wenn diese Option aktiviert ist, erscheint ein Schieberegler, mit dem die Übergangszeit auf eine bis zehn Sekunden eingestellt werden kann.
Show Next and Previous Controls (Steuerung für Weiter und Zurück anzeigen) Fügt Pfeile hinzu, mit denen zu den vorherigen und folgenden Beiträgen navigiert werden kann. Diese Steuerung erscheint mit einem Overlay auf der rechten und linken Seite des Beitrags.
Active Alignment (Aktive Ausrichtung) Rückt einen aktiven Beitrag in den Fokus des Blocks. Dieser Beitrag wird vollständig angezeigt.
Links in neuem Fenster öffnen Öffnet Instagram in einem neuen Tab, wenn Besucher auf Beiträge klicken.
Design-Option Block-Verhalten
Aspect Ratio (Seitenverhältnis) Steuert die Abmessungen, mit denen deine Beiträge angezeigt werden.
Crop Images (Bilder zuschneiden) Entfernt das Padding der Beitrags-Container und zeigt sie in der Größe an, die du im Drop-down-Menü „Seitenverhältnis“ ausgewählt hast.
Thumbnails Per Row (Vorschaubilder pro Reihe) Passt die Anzahl der in einer Reihe des Rasters angezeigten Vorschaubilder an.
Padding Passt das Padding außerhalb der Beitrags-Container an.
Lightbox

Öffnet einen Beitrag mit schwarzem Hintergrund, wenn Besucher auf den Beitrag klicken.

Die Beitragsbeschriftung wird bei Mouseover in der Lightbox angezeigt. Tippe auf Mobilgeräten auf den Kreis in der unteren rechten Ecke der Lightbox, um die Beitragsbeschriftung anzuzeigen. Hier erfährst du, welchen Einfluss dein Template auf den Stil dieser Beschriftungen hat.

Links in neuem Fenster öffnen Öffnet Instagram in einem neuen Tab, wenn Besucher auf Beiträge klicken. Diese Option funktioniert nicht, wenn die Lightbox aktiviert ist.
Design-Option Block-Verhalten
Bildunterschrift anzeigen

Zeigt Beitragsbeschreibungen unter jedem Beitrag an. Hier erfährst du, welchen Einfluss dein Template auf den Stil dieser Beschriftungen hat.

Links in neuem Fenster öffnen Öffnet Instagram in einem neuen Tab, wenn Besucher auf Beiträge klicken.

Fehlerbeseitigung

Führe die folgenden Schritte aus, um Probleme mit Instagram-Blöcken zu beheben. Denke daran, dass wir zwar Ratschläge zur Fehlerbehebung anbieten können, aber alle Probleme, die durch Richtlinienänderungen oder Produktupdates auf Seiten von Instagram verursacht werden, nicht in den Zuständigkeitsbereich unseres Supports fallen. Häufig auftretende Probleme sind:

  • Mein Instagram-Block und mein Instagram-Feed stimmen nicht überein.
  • Der Instagram-Block zeigt doppelte oder falsche Beiträge an.
  • Der Block zeigt archivierte Beiträge an.
  • Der Block zeigt die Fehlermeldung „Die ausgewählte Sammlung enthält keine Inhalte zum Anzeigen“ an.
  • Der Block wird überhaupt nicht angezeigt.

Tipp

Instagram-Blöcke werden alle 30 Minuten aktualisiert, weshalb neue Beiträge nicht augenblicklich im Block erscheinen.

Schritt 1 – Die Verbindung überprüfen

Sie können die meisten Probleme beheben, indem Sie sicherstellen, dass die Instagram-Verbindung korrekt eingerichtet ist:

  1. Öffne das Menü „Verbundene Konten“.
  2. Klicken Sie auf Ihr Instagram-Konto.
  3. Stellen Sie sicher, dass bei Daten herunterladen ein Häkchen gesetzt ist.
  4. Klicken Sie auf Daten zurücksetzen.
  5. Klicken Sie auf Save (Speichern).
  6. Aktualisiere die Webseite.

Schritt 2 – Das Konto erneut verbinden

Wenn du weiterhin Probleme hast oder die Fehlermeldung „Nicht autorisiert – Entferne oder authentifiziere dieses Konto erneut, um es weiterhin zu nutzen“ angezeigt wird, trenne die Verbindung zu deinem Instagram-Konto und verbinde es anschließend erneut:

  1. Klicken Sie im Menü Verbundene Konten auf Ihr Instagram-Konto.
  2. Klicken Sie auf Trennen.
  3. Klicken Sie auf Bestätigen.
  4. Melde dich in einem separaten Tab von allen Instagram-Konten auf deinem Gerät ab.
  5. Kehre zu deiner Squarespace-Website zurück. Klicke im Menü „Verbundene Konten“ auf Verbinden.
  6. Wähle Instagram aus dem Menü „Social-Media-Konto“ aus und melde dich dann mit deinem Instagram-Benutzernamen und Passwort an.
  7. Klicken Sie auf Save (Speichern).
  8. Kehre zum Instagram-Block zurück. Klicke im Konto-Tab des Block-Editors auf das Drop-down-Menü Verbundenes Konto, um dein Instagram-Konto erneut auszuwählen.
  9. Klicke auf Speichern, um deine Änderungen zu speichern und die Bearbeitung fortzusetzen, oder klicke auf Beenden und dann auf Speichern, um den Editor zu schließen.
  10.  

Schritt 3 - Den Block ersetzen

Wenn das Problem immer noch nicht behoben ist, entfernen Sie den Block und fügen Sie einen neuen hinzu:

  1. Öffne das Seiten-Menü und klicke auf die Seite mit dem Instagram-Block.
  2. Fahren Sie mit dem Mauszeiger über die Seite und klicken Sie auf Bearbeiten.
  3. Bewegen Sie den Mauszeiger über den Instagram-Block und klicken Sie auf das Papierkorb-Symbol.
  4. Klicke auf eine Einfügemarke und wähle Instagram aus.
  5. Wählen Sie Ihr Instagram-Konto aus und klicken Sie auf Save (Speichern).
  6. Laden Sie die Seite neu

Schritt 4 - Deaktivieren von Werbeblockern und Browsererweiterungen

Instagram-Blöcke werden möglicherweise nicht angezeigt, wenn du Werbeblocker in deinem Browser verwendest. Wir empfehlen, zunächst alle Werbeblocker zu entfernen. Wenn die Blöcke immer noch nicht angezeigt werden, versuche, alle Browser-Erweiterungen zu deaktivieren. Wenn das Problem weiterhin besteht, kontaktiere uns.

Einen Feed mit Beiträgen mithilfe eines Einbettungs-Blocks anzeigen

Du benötigst ein professionelles Instagram-Konto, um einen Instagram-Block verwenden zu können. Um einen Feed mit Instagram-Beiträgen auf deiner Website ohne ein professionelles Konto anzuzeigen, füge den Einbettungscode von Instagram zu einem Einbettungs-Block hinzu:

  1. Bearbeite eine Seite oder einen Beitrag, klicke auf Block hinzufügen oder auf eine Einfügemarke und dann auf Einbetten. Weitere Informationen findest du unter Inhalte mithilfe von Blöcken hinzufügen.
  2. Suche in Instagram den Beitrag oder das Profil, das du einbetten möchtest, und klicke oben rechts auf .
  3. Klicke auf Einbetten und dann auf Einbettungscode kopieren
  4. Kehre zu deinem Einbettungs-Block zurück, klicke im Block-Editor auf einem Computer auf Code-Schnipsel oder tippe in der Squarespace-App auf Code und füge den Einbettungscode dann manuell in das Textfeld ein.

Weitere Informationen zum Einbetten von Sammlungen von Beiträgen in deine Website findest du in der Dokumentation von Instagram

Footer Image
  • Hol dir Hilfe von der Community

  • Hol dir Hilfe von unserer Community zu erweiterten individuellen Anpassungen.

  • Beauftrage einen Squarespace-Experten

  • Hebe dich online von der Masse ab, indem du dir von einem erfahrenen Webdesigner oder Entwickler helfen lässt.