Wix Apps: Die Instagram-Feed-App hinzufügen und einrichten

6 Min. Lesezeit
Mit der Instagram-Feed-App von Wix kannst du deine neuesten Instagram-Beiträge in einem visuell ansprechenden, anpassbaren Feed anzeigen, der dir hilft, Interaktionen zu steigern und deine Website mit dynamischen Inhalten interessanter zu machen.
Egal, ob du deine Marke präsentierst, Produkte bewirbst oder deine neuesten Updates teilst, die Instagram-Feed-App hilft dabei, deine Social-Media-Kanäle mit deiner Website zu verknüpfen und schafft so ein interaktives Erlebnis für Besucher.
Hinweis:
Im August 2024 hat Wix eine aktualisierte Version der Instagram-Feed-App eingeführt. Wenn du die alte Version verwendest und die neuen Funktionen entdecken möchtest, kannst du ganz einfach zur neuen Instagram-Feed-App wechseln.
Screenshot, der die Benutzeroberfläche der Instagram-Feed-App zeigt.

Schritt 1 | Die Instagram-Feed-App hinzufügen und verknüpfen

Füge zunächst die App zu deiner Website hinzu. Du kannst dies direkt im App-Markt von Wix tun.
Wix Editor
Studio Editor
  1. Klicke links im Editor auf Apps hinzufügen .
  2. Suche in der Suchleiste nach der „Instagram Feed“-App.
  3. Klicke auf Hinzufügen.
  4. Wähle die App auf der Seite aus.
  5. Klicke auf Einstellungen.
  6. Klicke auf Persönliches Konto verknüpfen.
  7. Klicke im Pop-up auf Zulassen.
Screenshot, der die Option zum Hinzufügen der neuen Instagram-App zu deiner Website zeigt.
Hinweis:
Wenn sich das Pop-up-Fenster der Instagram-Anmeldung nicht öffnet, schalte deinen Pop-up-Blocker aus oder aktualisiere deine Browserversion.

Schritt 2 | Die angezeigten Elemente anpassen

Du kannst die App anpassen, indem du bestimmte Elemente nach deinen Wünschen ein- oder ausblendest. Du kannst zum Beispiel alle verfügbaren Inhalte anzeigen oder bestimmte Details wie deinen Benutzernamen ausblenden, indem du einfach die entsprechenden Kontrollkästchen in den Einstellungen aktivierst oder deaktivierst.
Wix Editor
Studio Editor
  1. Klicke in deinem Editor auf die Instagram-Feed-App.
  2. Klicke auf das Symbol für Elemente .
  3. Aktiviere oder deaktiviere die entsprechenden Kontrollkästchen.
Hinweis:
Wenn du das Kontrollkästchen „Alle Inhalte“ aktivierst, werden alle verfügbaren Inhalte angezeigt, einschließlich Titel, Benutzername, Hashtag und Beiträge, auch wenn sie nicht ausgewählt sind.

Schritt 3 | Das Layout anpassen

In diesem Abschnitt kannst du zwei Elemente anpassen. Das Textlayout und das Feed-Layout.

Für das Textlayout kannst du wählen, ob der Text eine einzelne oder eine mehrzeilige Textzeile hat. Du kannst auch die Ausrichtung des Textes ändern und ihn entweder auf links, zentriert oder rechts festlegen. Beim Feed-Layout kannst du den Abstand um den Feed herum anpassen.
Wix Editor
Studio Editor
  1. Klicke in deinem Editor auf die Instagram-Feed-App.
  2. Klicke auf das Symbol für Layout .
  3. Wähle ein Layout: Einzeilig oder Mehrzeilig.
  4. Lege die Ausrichtung fest auf Links, Zentriert, oder Rechts.
  5. Ziehe den Schieberegler Abstand oben und unten, um den Abstand zwischen deinem Text zu ändern.
  6.  Ziehe den Schieberegler Seitlicher Abstand, um den Abstand neben deinem Text zu ändern.
  7. Unter Feed: Ziehe den Schieberegler Seitlicher Abstand, um den Abstand der einzelnen Seiten deines Feeds zu ändern.
  8. Aktiviere oder deaktiviere den Schalter Bilder anzeigen, um Bilder in deinem Feed ein- oder auszublenden.

Schritt 4 | Das Design anpassen

Die in diesem Panel verfügbaren voreingestellten Designoptionen wurden speziell für dich ausgewählt, da sie zum Design deiner Website passen. Stöbere durch die Designs und überprüfe, wie sie auf deiner Website aussehen. Sobald du ein Preset gefunden hast, das dir gefällt, klicke auf Design anpassen, um das Preset noch individueller anzupassen.

Um das Design anzupassen:

  1. Klicke in deinem Editor auf die Instagram-Feed-App.
  2. Klicke auf das Symbol für Design .
  3. Wähle ein Preset aus den verfügbaren Optionen aus.
  4. Klicke auf Design anpassen.
  5. Wähle aus, was du anpassen möchtest:
    • Widget-Hintergrund:
      • Füllfarbe & Deckkraft: Lege die Farbe und Deckkraft für den App-Hintergrund fest. Wähle, ob du deinem App-Hintergrund einen Glaseffekt hinzufügen möchtest.
      • Rand: Ändere die Farbe, Breite und den Abstand deines Rahmenrands, um dein Bild hervorzuheben.
      • Ecken: Runde die Ecken ab, damit der Rahmen des Bildes runder aussieht.
      • Schatten: Füge deinem Bild einen Schatten hinzu, um einen 3D-Effekt zu erzielen. Du kannst verschiedene Aspekte des Schattens anpassen, um ihn mehr oder weniger dramatisch zu gestalten.
    • Textcontainer:
      • Füllfarbe & Deckkraft: Lege die Farbe und Deckkraft für den App-Hintergrund fest.
      • Rand: Ändere die Farbe, Breite und den Abstand deines Rahmenrands, um dein Bild hervorzuheben.
      • Ecken: Runde die Ecken ab, damit der Rahmen des Bildes runder aussieht.
      • Schatten: Füge deinem Bild einen Schatten hinzu, um einen 3D-Effekt zu erzielen. Du kannst verschiedene Aspekte des Schattens anpassen, um ihn mehr oder weniger dramatisch zu gestalten.

Häufig gestellte Fragen (FAQs)

Klicke unten auf eine Frage, um mehr zu erfahren.

War das hilfreich?

|