Instagram Bild Link

Deutsch Diskussion Shopify Design

Topic summary

Ein Shopify-Nutzer möchte Instagram-Posts auf der Startseite seines Shops einbinden, sodass Bilder angezeigt werden und bei Klick zum entsprechenden Instagram-Post weiterleiten.

Vorgeschlagene Lösungen:

  • Instagram Feed Apps: Spezialisierte Shopify-Apps bieten professionelle Instagram-Feeds für die Landingpage
  • Theme-integrierte Funktionen: Manche Themes haben bereits einen Instagram-Feed-Abschnitt eingebaut
  • Manuelle Einbettung:
    • Instagram-Einbettungscode vom Post kopieren (über die drei Punkte unter dem Post)
    • Im Shopify-Theme-Editor einen neuen Abschnitt hinzufügen
    • HTML-Code einfügen und bei Bedarf CSS/HTML anpassen

Wichtige Hinweise:

  • Datenschutzbestimmungen prüfen, da Drittanbieter-Cookies gesetzt werden könnten
  • Nutzereinwilligung könnte je nach Rechtsordnung erforderlich sein
  • Instagram-APIs und Einbettungsrichtlinien können sich ändern
  • Manuelle Methode erfordert fortgeschrittene HTML/CSS-Kenntnisse für individuelle Anpassungen

Die Diskussion bleibt offen für weitere Rückmeldungen des Fragestellers.

Summarized with AI on November 17. AI used: claude-sonnet-4-5-20250929.
1

Hallo,

ich möchte gerne auf der Startseite meines Shops einen Abschnitt hinzufügen in dem Instagram Posts verlinkt werden, sodass das Bild angezeigt wird und wenn man drauf klickt wird man zum entsprechenden Post weitergeleitet wird. Wie gehe ich da am besten vor?

So wie hier:

Bildschirm­foto 2023-08-12 um 16.48.37.png
Bildschirm­foto 2023-08-12 um 16.48.37.png3456×1143 793 KB

2

Hey @Tuffi

Das ist ein tolle Idee um deine Instagram Fotos auf der Landingpage anzuzeigen und hier gibt es mehrere Optione wie unsere Instagram Feed Apps um einen professionellen Insta-Feed auf der Landingpage anzuzeigen.

Manche Themes haben auch einen Insta-Feed Abschnitt out-of-the-box aber wir wissen nicht welches Theme du verwedestest (mehr dazu in unserer Doku hier). Ansonsten gibt es weitere Möglichkeiten, Instagram-Posts in deinem Shopify-Shop zu integrieren, abhängig von deinem spezifischen Bedarf und dem gewünschten Aussehen.

Wenn du volle Kontrolle über das Design und die Funktionsweise des Feeds haben möchtest, kannst du dies auch manuell tun:

  1. Gehe zu deinem Instagram-Post und kopiere den Einbettungscode: Klicke auf die drei Punkte (…) unter dem Post, und wähle “Einbetten” aus. Kopiere den angezeigten Code.
  2. Melde dich bei deinem Shopify-Adminbereich an und gehe zur Startseite-Editor: Klicke auf “Online-Shop” und dann auf “Theme”.
  3. Wähle das gewünschte Thema und klicke auf “Anpassen”: Navigiere zur Startseite.
  4. Füge einen neuen Abschnitt hinzu: Klicke auf “Abschnitt hinzufügen” und wähle den benutzerdefinierten Liquid Abschnitt, falls verfügbar, oder einen passenden Abschnitt, in den du benutzerdefinierten HTML-Code einfügen kannst.
  5. Füge den zuvor kopierten Einbettungscode ein: Füge den Code in das HTML-Feld ein.
  6. Passe den Code bei Bedarf an: Du kannst das Styling des Feeds anpassen, indem du den HTML- und CSS-Code entsprechend änderst.
  7. Speichern und Vorschau anzeigen: Überprüfe, wie der Feed auf deiner Website aussieht, und nimm ggf. weitere Anpassungen vor. Speichern, wenn du zufrieden bist.

Bitte beachte, dass die manuelle Methode fortgeschrittene Kenntnisse in HTML und CSS erfordern kann, um das gewünschte Layout und Verhalten zu erreichen. Außerdem ist zu berücksichtigen, dass Instagram seine Einbettungsrichtlinien und APIs ändern kann, was die Funktionalität beeinträchtigen könnte.

Es ist auch eine gute Idee, die Datenschutzbestimmungen zu überprüfen, da die Einbettung von Instagram-Posts Cookies von Drittanbietern auf deiner Website platzieren kann, was Datenschutzbedenken aufwerfen könnte. In einigen Rechtsordnungen könnte es erforderlich sein, die Zustimmung der Benutzer einzuholen, bevor diese Cookies gesetzt werden.