Suchen Sie nach einem schnellen und einfachen Tutorial, wie Sie Instagram-Fotos in WordPress einbetten können?
Instagram-Einbettungen sind nicht dasselbe wie ein Link zu einem Instagram-Post. Mit Instagram-Einbettungen können Sie Ihren gesamten Instagram-Feed oder Teile davon nach Belieben anzeigen.
Der knifflige Teil ist jedoch, eine Instagram-Einbettung für WordPress zu erstellen. WordPress unterstützt keine Facebook- und Instagram-oEmbeds mehr. oEmbed war eine einfache Möglichkeit, Instagram-Fotos auf jeder Website anzuzeigen, indem einfach der Link eingefügt wurde. Aber jetzt müssen Sie sich als Facebook-App-Entwickler registrieren und eine App mit oEmbed-Berechtigungen erstellen, um Instagram-Fotos in WordPress einzubetten.
Wenn das kompliziert klingt, dann liegt es daran, dass es das wirklich ist. Die gute Nachricht ist, dass es eine super einfache Möglichkeit gibt, Instagram-Fotos in WordPress einzubetten. In diesem Artikel zeigen wir Ihnen genau, wie Sie Instagram-Fotos in WordPress ohne eine einzige Zeile Code einbetten können.
Und das machen wir in 10 Minuten oder weniger!
Legen wir los.
Warum Sie Instagram-Fotos in WordPress einbetten sollten
Wenn Sie Instagram-Fotos in WordPress einbetten können, werden Sie sofort viele Vorteile sehen. Es ist eine großartige Möglichkeit, die Website-Besucher, die Sie über andere Kanäle wie SEO gewinnen, zu Ihren Instagram-Followern zu machen.
Aber das ist nur der offensichtlichste Vorteil. Mit Instagram-Feeds können Sie den Bereich anpassen, um Kundenrezensionen, Inhalte von Ihren Top-Affiliates und Influencern sowie Ihre erfolgreichsten Kampagnen anzuzeigen. Es ist auch super einfach zu machen. Sie können die gezeigten Beiträge nach bestimmten Hashtags und Markenerwähnungen filtern.
Die dynamischen Inhalte erhöhen auch das Engagement auf Ihrer Website. Sie können sogar einige SEO-Vorteile für Ihre Website erzielen, da zusätzliche Inhalte auf Ihren Seiten vorhanden sind.
So betten Sie Instagram-Fotos auf Ihrer WordPress-Website ein
Sie können Instagram-Feeds ganz einfach mit dem Instagram Feed Pro -Plugin von Smash Balloon auf Ihrer Website einbetten.
Smash Balloon ist das Social-Media-Feed-Plugin Nr. 1 für WordPress. Das Instagram Feed Pro-Plugin von Smash Balloon ist der einfachste Weg, Instagram-Fotos in WordPress einzubetten.
Sie können Smash Balloon verwenden, um:
- Nutzen Sie Ihre Hashtag-Feeds auf Ihrer Website als Social Proof
- Zeigen Sie interaktive Twitter-Feeds an, um die Website-Interaktion zu steigern
- Binden Sie Ihre YouTube-Videos auf Ihrer Website ein, um Ihre Abonnenten zu vergrößern
- Fügen Sie authentische Facebook-Business-Seiten-Bewertungen zu Ihrer Website hinzu, um Konversionen zu steigern
Und vieles mehr! Am wichtigsten ist, dass Sie mit Instagram Feed Pro einen Instagram-Feed einbetten können, ohne sich als App-Entwickler registrieren zu müssen. Das spart Ihnen viel Zeit und Mühe.
Wenn Sie die vollständige Liste der Funktionen von Smash Balloon sehen möchten, sollten Sie sich unsere Bewertung von Smash Balloon ansehen.
Die nächsten Schritte sind alles, was Sie tun müssen, um Instagram-Fotos in WordPress einzubetten. Wenn Sie jeden Schritt befolgen, sollten Sie in der Lage sein, einen Instagram-Feed auf Ihrer Website wie diesen zu erstellen:
Legen wir los.
Schritt #1: Installieren und aktivieren Sie das Instagram Feed Pro Plugin
Installieren und aktivieren Sie zunächst das Instagram Feed Pro Plugin. Sie können das Instagram Feed Pro Plugin von Ihrem Smash Balloon-Konto unter Downloads herunterladen:
Aktivieren Sie dann das Plugin mit Ihrem Lizenzschlüssel in Ihrem WordPress-Dashboard, indem Sie zu Instagram Feed » Einstellungen » Allgemein » Lizenzschlüssel gehen:
Fügen Sie Ihren Lizenzschlüssel ein und klicken Sie auf die Schaltfläche Aktivieren.
Schritt #2: Verbinden Sie Ihr Instagram-Konto mit WordPress
Gehen Sie in Ihrem WordPress-Dashboard zu Instagram Feed » Einstellungen » Allgemein » Quellen verwalten und klicken Sie dann auf die Schaltfläche Plus (+):
Klicken Sie dann auf die Schaltfläche Mit Instagram anmelden:
Sobald Sie sich in Ihrem Konto angemeldet haben, können Sie mit der Erstellung von Instagram-Feeds für Ihre Website beginnen.
Schritt #3: Wählen Sie die Instagram-Inhalte aus, die angezeigt werden sollen
Gehen Sie in Ihrem WordPress-Dashboard zu Instagram Feed » Alle Feeds und klicken Sie auf die Schaltfläche Neu hinzufügen:
Als Nächstes müssen Sie die Art der Inhalte auswählen, die Sie auf Ihrer Website anzeigen möchten:
Sie können 4 Arten von Instagram-Feeds erstellen:
- Nutzer-Timeline: Diese Art von Feed ist für alle Konten verfügbar und Sie können damit Ihre neuesten Beiträge anzeigen.
- Öffentlicher Hashtag: Sie können diesen Feed einbetten, um nur Beiträge mit einem bestimmten Hashtag anzuzeigen.
- Markierte Beiträge: Diese Art von Feed zeigt nur Beiträge an, in denen Ihr Instagram-Handle markiert ist. Es ist perfekt, um Social-Media-Bewertungen zu präsentieren.
- Social Wall: Sie können Instagram-Fotos als Teil einer benutzerdefinierten Wand mit Feeds von anderen Social-Media-Plattformen in WordPress einbetten.
Wählen Sie die richtige Art von Inhalten für Ihre Website aus und klicken Sie auf die Schaltfläche Weiter. Sie werden aufgefordert, die Quelle für Ihren Instagram-Feed auszuwählen. Wählen Sie einfach das Konto aus, das Sie zuvor mit Ihrer WordPress-Website verbunden haben.
Schritt #4: Passen Sie Ihren Instagram-Feed an
Nun zum coolsten Teil von Smash Balloon. Sie können einen Drag-and-Drop-Editor verwenden, um Ihren Instagram-Feed anzupassen! In der linken Seitenleiste finden Sie eine Reihe von Designoptionen, die super einfach zu bedienen sind.
Feed-Layout anpassen
Sie können auf die Registerkarte Feed-Layout unter Anpassen klicken, um ein Layout für Ihre Einbettung auszuwählen:
Es gibt 4 Arten von Layouts, aus denen Sie wählen können. Sie können sich ansehen, wie jedes dieser Layouts in der Vorschau aussieht, und dann das auswählen, das Ihnen am besten gefällt:
Sie können auch eine benutzerdefinierte Feed-Höhe und -Abstände festlegen:
Sie können sogar die Anzahl der Beiträge festlegen, die Sie gleichzeitig anzeigen möchten:
Und wenn Sie sich besonders schick fühlen, können Sie auch die Anzahl der Spalten in Ihrem Instagram-Feed festlegen:
Farbschema anpassen
Das Standard-Farbschema in Instagram Feed Pro ist so konzipiert, dass es mit dem Design fast jeder Website funktioniert. Aber nur für den Fall, dass Sie das Gefühl haben, dass es mit dem Rest Ihrer Website nicht zusammenpasst, können Sie auch das Farbschema des Feeds anpassen.
Gehen Sie unter Anpassen zu Farbschema, um ein benutzerdefiniertes Aussehen auszuwählen:
Wir empfehlen die Option Vom Theme erben, da diese automatisch die Stile Ihres Themes abruft.
Aber Sie können auf Benutzerdefiniert klicken, um Ihr eigenes Farbschema zu erstellen.
Abschnitte zu Ihrem Instagram-Feed hinzufügen
Schließlich können Sie unter Anpassen » Abschnitte auch benutzerdefinierte Abschnitte zu Ihrem Instagram-Feed hinzufügen:
Dies beinhaltet:
- Kopfzeile: Sie können die Kopfzeile anpassen, um Schriftarten, ein benutzerdefiniertes Anzeigebild, eine benutzerdefinierte Biografie und mehr einzuschließen.
- Beitr ilde{a}ge: Sie k ilde{o}nnen die Bild- und Videoaufl ilde{o}sung f ilde{u}r Ihre Beitr ilde{a}ge anpassen, Bildunterschriften zulassen, Zusammenfassungen von Likes und Kommentaren einschlie ilde{a}en und Hover-Effekte erstellen.
- Mehr laden-Schaltfl ilde{a}che: Sie k ilde{o}nnen Ihrer Feed eine Mehr laden-Schaltfl ilde{a}che hinzuf ilde{u}gen, um mehr Bilder abzurufen, wenn Ihre Besucher darauf klicken.
- Folgen-Schaltfl ilde{a}che: Sie k ilde{o}nnen eine Schaltfl ilde{a}che hinzuf ilde{u}gen, um Ihre Website-Besucher zu ermutigen, Ihnen auf Instagram zu folgen.
- Lightbox: Sie k ilde{o}nnen ein Lightbox-Popup erstellen, in dem Ihre Beitr ilde{a}ge beim Klicken im Vollbildmodus angezeigt werden.
Wenn Sie mit den Einstellungen zufrieden sind, klicken Sie auf die Schaltfl ilde{a}che Speichern.
Schritt 5: Instagram-Fotos in WordPress-Seiten/-Beitr ilde{a}gen einbetten
Nachdem Ihr Feed vollst ilde{a}ndig angepasst wurde, ist es an der Zeit, Instagram-Fotos auf Ihrer Website einzubetten. Gehen Sie in Ihrem WordPress-Dashboard zu Instagram Feed bis extgreater{} Alle Feeds und kopieren Sie den Feed-Kurzcode:
Sie k ilde{o}nnen diesen Kurzcode nun verwenden, um Instagram-Fotos sofort in WordPress einzubetten. Sie k ilde{o}nnen ihn zur Seitenleiste, zum Fu ilde{a}erbereich, zu Beitr ilde{a}gen und sogar zu Seiten auf Ihrer gesamten Website hinzuf ilde{u}gen.
Wenn Sie alle Schritte von Anfang bis Ende befolgt haben, sollten Sie einen Instagram-Feed auf Ihrer Website wie diesen haben:
Das ist alles! Sie sind fertig.
Was tun, nachdem Sie Instagram-Fotos in WordPress eingebettet haben
Das war's für dieses Mal, Leute!
Inzwischen haben Sie es geschafft, Instagram-Fotos in WordPress einzubetten. Als N ilde{a}chstes sollten Sie eine virale Verlosung einrichten, um Ihre Social-Media-Follower zu steigern.
Danach müssen Sie nur noch Traffic auf Ihre Website lenken, damit Ihre Kontaktformulare funktionieren. Eine einfache Möglichkeit, dies zu tun, ist die Verwendung von Push-Benachrichtigungen. Das Senden von Push-Benachrichtigungen ist eine großartige Möglichkeit, wiederkehrenden Traffic für Ihre Website zu generieren. Wenn Sie daran interessiert sind, sollten Sie sich auch diese Artikel ansehen:
- Kosten für Push-Benachrichtigungen: Ist es wirklich kostenlos? (Preis-Analyse)
- Mehr Traffic für deinen WordPress-Blog generieren (9 einfache Wege)
- So steigern Sie Ihre Web-Push-Benachrichtigungs-Opt-in-Rate (7 Wege)
- So fügen Sie Ihrer Website ein Web-Benachrichtigungs-WordPress-Plugin hinzu
Wir empfehlen die Verwendung von PushEngage zum Senden Ihrer Push-Benachrichtigungen. PushEngage ist die weltweit führende Push-Benachrichtigungssoftware. Wenn Sie also noch nicht dazu gekommen sind, beginnen Sie noch heute mit PushEngage.
