Instagram Bild Link

[Tuffi]

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:

[Gabe]

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.