weboffice.digital - Dokumentation
Branche Beauty Branche Gastro Branche Handel
PDF

Instagram-Block bearbeiten

Instagram-Block bearbeiten

Der Instagram-Block ermöglicht es dir, Instagram-Inhalte direkt in deine Website einzubetten. Dies ist eine großartige Möglichkeit, deine Social-Media-Präsenz zu zeigen und aktuelle Inhalte von deinem Instagram-Account zu präsentieren. Der Block kann einzelne Posts, Stories oder andere Instagram-Inhalte anzeigen.

Voraussetzungen

  • Du befindest dich im Website-Editor
  • Ein Instagram-Block ist auf deiner Seite eingefügt
  • Du hast einen Instagram-Account mit öffentlichen Inhalten
  • Du hast die Berechtigung, Website-Inhalte zu bearbeiten

Aufbau der Bearbeitungsseite

Die Bearbeitungsseite enthält einen Hauptbereich:

InstagramBlock

Hier findest du alle Einstellungen für deinen Instagram-Block:

  • Block zentrieren: Schalter zur Zentrierung des Instagram-Inhalts
  • Instagram-Link: Eingabefeld für die URL des Instagram-Inhalts
  • Breite (px): Eingabefeld zur Bestimmung der Anzeigebreite

So arbeitest du mit dieser Seite

  1. Gehe zu Instagram und öffne den gewünschten Post
  2. Klicke auf die drei Punkte (⋯) am Post
  3. Wähle "Link kopieren" oder "Einbetten"
  4. Füge die URL in das Feld Instagram-Link ein
  5. Beispiel einer Instagram-URL: https://www.instagram.com/p/ABC123DEF/

Darstellung anpassen

  1. Aktiviere Block zentrieren, um den Instagram-Inhalt mittig auf der Seite zu positionieren
  2. Lasse den Schalter deaktiviert für linksbündige Ausrichtung
  3. Gib im Feld Breite (px) die gewünschte Breite in Pixeln ein:
    • 320px: Minimale Breite für mobile Ansicht
    • 400px: Standard-Breite für Desktop
    • 500px: Größere Darstellung für mehr Details
    • Leer lassen: Für automatische Größenanpassung

Tipps und Hinweise

  • Öffentliche Inhalte: Stelle sicher, dass dein Instagram-Account und die Posts öffentlich sind
  • Aktuelle Links: Verwende Links zu aktuellen, relevanten Posts
  • Datenschutz: Informiere deine Besucher über die Einbindung von Instagram-Inhalten
  • Ladezeiten: Instagram-Inhalte können die Ladezeit deiner Seite beeinflussen
  • Mobile Optimierung: Der Block passt sich automatisch an verschiedene Bildschirmgrößen an
  • Regelmäßige Updates: Aktualisiere die Links regelmäßig für frische Inhalte

Arten von Instagram-Inhalten

Einzelne Posts:

  • Fotos oder Videos aus deinem Feed
  • Zeigen spezifische Inhalte oder Produkte
  • Gut für gezielte Präsentationen

Stories (falls verfügbar):

  • Aktuelle, zeitlich begrenzte Inhalte
  • Zeigen spontane Einblicke
  • Gut für aktuelle Ereignisse

IGTV-Videos:

  • Längere Videoinhalte
  • Detailliertere Präsentationen
  • Gut für Tutorials oder Präsentationen

Verwendungszwecke

Für Unternehmen:

  • Produktpräsentationen aus dem Instagram-Feed
  • Behind-the-Scenes-Inhalte
  • Kundenbewertungen und -erfahrungen
  • Aktuelle Angebote oder Neuigkeiten

Für Dienstleister:

  • Arbeitsergebnisse und Projekte
  • Einblicke in den Arbeitsalltag
  • Kundenprojekte (mit Erlaubnis)
  • Fachliche Tipps und Tricks

Für Blogger/Influencer:

  • Lifestyle-Inhalte
  • Produktempfehlungen
  • Persönliche Einblicke
  • Community-Interaktionen

Größenempfehlungen

Für mobile Websites:

  • 320px - 400px Breite
  • Kompakte Darstellung
  • Schnelle Ladezeiten

Für Desktop-Websites:

  • 400px - 500px Breite
  • Detailliertere Ansicht
  • Bessere Lesbarkeit

Für große Bildschirme:

  • 500px - 600px Breite
  • Maximale Detaildarstellung
  • Immersive Erfahrung

Häufige Probleme und Lösungen

Instagram-Inhalt wird nicht angezeigt:

  • Überprüfe, ob der Account öffentlich ist
  • Stelle sicher, dass die URL korrekt ist
  • Teste die URL in einem neuen Browser-Tab

Darstellung ist zu klein/groß:

  • Passe die Breite in Pixeln an
  • Teste verschiedene Werte für optimale Darstellung

Langsame Ladezeiten:

  • Verwende nur wenige Instagram-Blöcke pro Seite
  • Platziere sie nicht alle im sichtbaren Bereich

Verwandte Seiten