Zum Inhalt

Instagram

Um Instagram-Fotos auf Ihrer Website einzubinden, benötigen Sie Folgendes:

  1. Instagram-Geschäftskonto or Instagram-Erstellerkonto
  2. Eine Facebook-Seite, die mit Instagram verbunden werden kann
  3. Registrierung bei  https://developers.facebook.com/

Bitte befolgen Sie die folgenden Schritte sorgfältig und wenden Sie sich an unseren Support, falls Sie auf ein Problem stoßen.

Zuerst:

Melde dich bei deinem Facebook-Konto an. Falls du noch keins hast, gehe auf facebook.com und erstelle eins. Du benötigst dieses Konto, um ein Instagram-Zugriffstoken zu erhalten, das später mit deinem Instagram-Konto verknüpft werden muss.

Zweite:

Gehe zu https://developers.facebook.com/ und:

  1. Registrieren Sie sich, indem Sie auf „Los geht’s“ klicken.
  2. Wenn Sie sich bereits registriert haben, klicken Sie auf MEINE APPS, um weitergeleitet zu werden zu https://developers.facebook.com/apps/
  3. Klicken Sie nun auf „App erstellen“ und dann auf „Für etwas anderes“.
Facebook for Developers Create an App type selection with an arrow pointing to Something Else

Geben Sie im Pop-up die erforderlichen Informationen ein und klicken Sie auf „App-ID erstellen“.

  1. Wählen Sie einen Namen für die App (vermeiden Sie Namen wie Instagram oder IG).
  2. Gebe deine E-Mail Adresse ein
  3. Klicken Sie auf „App-ID erstellen“.

Facebook for Developers Create an App dialog with app name and contact email arrows

  1. Klicken Sie nun in der Kopfzeile auf „Meine Apps“, um eine Liste Ihrer Apps anzuzeigen.
  2. Klicken Sie auf die soeben erstellte App, um zu deren Kontrollfeld zu gelangen.

 

Facebook for Developers My Apps page with numbered arrows to open an app

Instagram-Basisanzeige einrichten:

Facebook for Developers add products page with arrows pointing to Instagram Basic Display Set Up

Klicken Sie nun auf „Neue App erstellen“ und geben Sie anschließend einen Anzeigenamen ein. Klicken Sie dann erneut auf „App erstellen“.

Facebook for Developers Create a New Instagram App ID dialog with an arrow pointing to Create App

 

Legen Sie nun diese Adresse für die drei Felder Datenlöschungsanforderungen, Deautorisierung und Client-OAuth-Einstellungen fest und speichern Sie die Änderungen.

Füllen Sie die Felder im Formular aus. Folgende Felder müssen Sie ausfüllen:

URL der Nutzungsbedingungen: Eine gültige URL der Nutzungsbedingungen auf Ihrer Website

URL der Datenschutzerklärung: Eine gültige URL der Datenschutzerklärung auf Ihrer Website

App-Symbol: Laden Sie Ihr App-Symbol hoch

Geschäftliche Nutzung: Wählen Sie „ Mein eigenes Unternehmen unterstützen “.

Kategorie: Optional

Facebook for Developers app basic settings with arrows pointing to required fields and Save Changes

Speichern Sie die Änderungen, gehen Sie dann zum Ende der Seite und klicken Sie auf „Plattform hinzufügen“.

Facebook for Developers app basic settings with arrows pointing to Basic and Add Platform

Klicken Sie im Pop-up-Fenster auf die Website und kopieren Sie die URL Ihrer Website in das Formular. Klicken Sie anschließend auf „Änderungen speichern“.

Facebook for Developers Select Platform dialog with Website and other platform optionsFacebook for Developers app basic settings with the site URL field highlighted
  1. Gehe zum Menü „Rollen“.
  2. Klicken Sie auf „Instagram-Tester hinzufügen“.
  3. Geben Sie die Instagram-ID ein, deren Inhalte Sie auf Ihrer Website anzeigen möchten.
Facebook for Developers Instagram testers dialog with an arrow pointing to the tester username field

4. Gehen Sie nicht hierher: https://www.instagram.com/accounts/manage_access/ und akzeptieren Sie im Menü TESTER EINLADUNGEN die App-Anfrage.

Instagram Apps and Websites settings with numbered arrows to accept the tester invite

Klicken Sie nun in den Instagram-Basiseinstellungen auf das Menü „Basiseinstellungen“, kopieren Sie die Instagram-App-ID und das Instagram-App-Geheimnis und fügen Sie diese unter „Theme-Optionen > API > Instagram“ auf Ihrer Website ein.

Facebook for Developers Instagram Basic Display settings with arrows pointing to the app ID and app secret

In diesem Schritt haben Sie die Möglichkeit, Instagram-Beiträge auf der Seite anzuzeigen.

1. Klicken Sie in Instagram Basic Display auf das Menü Basic Display und anschließend im Abschnitt User Token Generator auf „Generate Token“.

Facebook for Developers Instagram Basic Display user token generator with an arrow pointing to Generate Token

Auf der Pop-up-Seite den Zugriff auf Instagram autorisieren.


Instagram authorization screen for the Climax Themes app with an arrow pointing to Authorize

Schließlich wurde ein Token generiert.

Facebook for Developers Instagram token generator dialog with an arrow pointing to the Done button

 

Kopieren Sie das Token und fügen Sie es ein in Kata Instagram-Widget auf deiner Bearbeitungsseite.

Kata Instagram widget in Elementor with an Instagram feed and an arrow pointing to the access token field

 

2. Eine zweite Möglichkeit, das Token zu verwenden, besteht darin, es mit Elementor hinzuzufügen. Kata Fügen Sie das Instagram-Widget zur Seite hinzu und klicken Sie auf „Zugriffstoken abrufen“.

Kata Instagram widget settings with an arrow pointing to the Get Access Token button

Klicken Sie auf der nächsten Seite auf Autorisieren:

Instagram authorization screen with an arrow pointing to the Authorize button

Sie werden auf diese Seite weitergeleitet:

  1. Geben Sie die App-ID ein, die Sie zuvor erhalten haben.
  2. Geben Sie den App-Schlüssel ein, den Sie zuvor erhalten haben.
  3. Klicken Sie auf ZUGRIFFSTOKEN ANFORDERN.

Instagram app ID and secret fields with numbered arrows and a Get Access Token button

Sie erhalten schließlich das Zugriffstoken und kopieren es in das entsprechende Feld in Kata Instagram Elementor-Widget:

Instagram access token notice with an arrow pointing to the token expiry dateKata Instagram widget in Elementor with an Instagram feed and access token field

Teile diesen Artikel:

Kata WordPress-Theme-Hilfe

Brauchen Sie Hilfe? Wir können Ihnen helfen. Hilfe!

Unser reaktionsschnelles Kundensupport-Team kann eine hohe Kundenzufriedenheitsrate vorweisen. Sollten Sie Probleme mit dem Plugin haben, zögern Sie nicht, uns zu kontaktieren . Wir helfen Ihnen jederzeit gerne weiter.