Du suchst nach einer Möglichkeit, einen Instagram-Feed zu Deiner Divi-Website hinzuzufügen?
Divi von Elegant Themes ist ein beliebtes Theme mit einem benutzerfreundlichen Website-Builder, mit dem Sie ganz einfach schöne eigene Seiten erstellen können - ganz ohne Programmierkenntnisse.
Und wenn Sie Ihre Instagram-Inhalte auf Ihrer Divi-Website cross-promoten möchten, gibt es eine einfache Lösung.
In diesem Beitrag zeigen wir Ihnen, wie Sie mit nur wenigen Klicks einen Instagram-Feed in Ihre Divi-Website einbetten können.
Das folgende Inhaltsverzeichnis soll Ihnen die Navigation in diesem Artikel erleichtern. Sie können zu dem gewünschten Abschnitt springen, indem Sie ihn unten anklicken:
- Warum Instagram Feeds zu Ihrer Divi Website hinzufügen?
- Der einfachste Weg, Divi Instagram Feeds zu Ihrer Website hinzuzufügen
- Wie man einen Instagram-Feed zu seiner Divi-Website hinzufügt (5 einfache Schritte)
- Bonus: Wie Sie Ihrer Divi-Website ansprechende Videos hinzufügen
Warum Instagram Feeds zu Ihrer Divi Website hinzufügen?
Als beliebtes Page-Builder-Plugin macht Divi das Website-Design einfach, sodass Sie eine schöne WordPress-Website mit Schaltflächen, Call-to-Action-Abschnitten, Bildern, Animationen und mehr erstellen können.
Nehmen wir an, Sie haben bereits eine großartige WordPress-Website für Ihre Marke mit Divi erstellt. Der nächste Schritt besteht darin, sie zu vermarkten, damit Sie mehr Kunden anziehen können.
Und wenn man im Internet für etwas werben will, kommt man an den sozialen Medien nicht vorbei.
Im Jahr 2023 gab es weltweit schätzungsweise 4,89 Milliarden Nutzer sozialer Medien, was etwa der Hälfte der Weltbevölkerung entspricht.
Statista
Allein auf Instagram gibt es über 1 Milliarde aktive Instagram-Nutzer, die Sie erreichen können!
Und wenn Sie Instagram nutzen möchten, um für Ihre Marke zu werben, können Sie auf einfache Weise einen Feed mit Instagram-Posts zu Ihrer Divi-Website hinzufügen.
Hier sind ein paar gute Möglichkeiten, wie ein Instagram-Feed Ihre Website unterstützen kann:
- Erhöhen Sie das Engagement - Das Einbetten eines Hashtag-Feeds mit relevanten Instagram-Inhalten erregt die Aufmerksamkeit Ihrer Website-Besucher und regt sie zur Interaktion mit Ihrer Website an.
- Markenvertrauen aufbauen - Wenn Sie Bewertungen und Erfahrungsberichte Ihrer Kunden einbinden, können diese als sozialer Beweis dienen. Wenn Sie also sehen, dass Ihre Produkte echten Menschen gefallen, kann das Ihre Besucher zum Kauf inspirieren.
- Steigern Sie den Umsatz - Wenn Sie einen einkaufsfähigen Instagram-Feed auf Ihrer Divi-Website hinzufügen, können Sie Ihre Produktseiten direkt bei Ihren Website-Besuchern bewerben, damit diese eher bei Ihnen kaufen.
- Sparen Sie Zeit - IhrInstagram-Feed wird automatisch aktualisiert, sodass Sie schöne Instagram-Bilder und -Videos auf Ihrer Website anzeigen können, ohne sie manuell hochzuladen.
- Wachsende Online-Präsenz: Die Anzeige Ihrer Instagram-Posts auf Ihrer Website kann Ihre Instagram-Followerzahl erhöhen und Ihnen helfen, noch mehr potenzielle Kunden zu erreichen.
Aber obwohl man mit Divi eine großartige Website erstellen kann, verfügt es nicht wirklich über Funktionen für das Social Media Marketing.
Die gute Nachricht ist, dass wir Ihnen das beste Instagram-Feed-Plugin für WordPress zeigen, damit Sie sofort mit dem Hinzufügen von Instagram-Feeds beginnen können - ganz ohne Programmierkenntnisse!
Noch besser, dieses Plugin funktioniert zu 100% auch mit Ihrer Divi-Website.
Der einfachste Weg, Divi Instagram Feeds zu Ihrer Website hinzuzufügen
Der einfachste Weg, Instagram-Feeds zu Ihrer Divi-Website hinzuzufügen, ist die Verwendung von Instagram Feed Pro, dem besten Instagram-Feed-Plugin auf dem Markt.
Als die Nummer 1 unter den Instagram-Feed-Aggregatoren hilft Dir Instagram Feed Pro dabei, Deinen Instagram-Feed mit nur wenigen Klicks zu erstellen, anzupassen und in Deine Divi-Website einzubetten - ganz ohne Programmieraufwand.
Darüber hinaus bietet es viele tolle Funktionen, mit denen Sie Ihre Instagram-Feeds sofort hinzufügen können, z. B:
- Super einfache und schnelle Einrichtung: Es dauert nur ein paar Minuten, und schon können Sie Ihre Instagram-Feeds zu Ihrer Divi-Website hinzufügen - ohne komplexe Programmiersprachen wie benutzerdefiniertes CSS oder JavaScript zu benötigen.
- Tonnenweise verfügbare Futterarten: Sie können aus einer Vielzahl von Feed-Typen wählen. Das Plugin unterstützt Hashtag-Feeds, Instagram-Reels und Instagram-Feed-Karussells für Ihre Divi-Website.
- Visueller Feed-Anpasser: Da alle Instagram-Feeds in hohem Maße anpassbar sind, können Sie sie mit nur wenigen Klicks über einen visuellen Customizer personalisieren.
- Leicht und schnell: Instagram Feed Pro wurde optimiert, um leichtgewichtig zu sein, so dass Ihre Instagram-Feeds und Ihre Website super schnell geladen werden, was für die Suchmaschinenoptimierung von Vorteil ist.
- Instagram Shopping: Für Online-Shops und WooCommerce-Websites können Sie einkaufbare Feeds erstellen und es Besuchern ermöglichen, bei Ihnen zu kaufen und die Konversionen zu steigern.
- Erstklassiger Kundensupport: Mit Instagram Feed Pro erhalten Sie auch ein Team von WordPress-Experten, die Ihnen helfen, wenn Sie Probleme mit Ihren Feeds haben.
Da es einfach zu verwenden und anzupassen ist, ist Instagram Feed Pro das beste Instagram-Feed-Plugin für WordPress geworden, das auch mit Divi kompatibel ist.
Jetzt hat es mehr als 1.000.000 aktive Nutzer mit einer Bewertung von 4,9/5 Sternen. Und zu dieser Nutzerbasis gehören einige der größten Marken weltweit.
Wie Sie sehen können, verwenden sogar bekannte Namen wie Coca-Cola Smash Balloon Instagram-Feeds und Smash Balloon Social Media Plugins, um Social Media-Feeds zu ihren Websites hinzuzufügen.
Und wenn Sie denken, Smash Balloon funktioniert nicht mit Divi, dann machen Sie sich keine Sorgen. Alle Smash Balloon Plugins sind perfekt mit Divi kompatibel.
Bist Du bereit, Instagram-Feeds auf Deiner Divi-Website einzurichten? Starten Sie noch heute mit Instagram Feed Pro!
Wie man einen Instagram-Feed zu seiner Divi-Website hinzufügt (5 einfache Schritte)
Um Instagram-Feeds in Ihre Divi-Website einzubinden, müssen Sie nur die folgende Schritt-für-Schritt-Anleitung befolgen.
Dann fangen wir mal an.
Schritt 1: Installieren und Aktivieren von Instagram Feed Pro
Um loszulegen, können Sie das Instagram Feed Pro Plugin von hier erhalten. Dann müssen Sie es nur noch auf Ihrer Divi-Website installieren und aktivieren .
Wenn Sie sich nicht sicher sind, wie das geht, sehen Sie sich unsere hilfreiche Anleitung zur Installation von Plugins in WordPress an.
Schritt 2: Erstellen Sie Ihren Instagram-Feed
Sie können jetzt sofort Ihren Instagram-Feed erstellen.
Gehen Sie nun in Ihrem WordPress-Dashboard auf Instagram-Feed " Alle Feeds . Und dann klicken Sie auf die Schaltfläche Neu hinzufügen , um einen neuen Instagram-Feed zu erstellen.
Danach können Sie wählen, welche Art von Instagram-Feed Sie auf Ihrer Divi-Website anzeigen möchten.
Hier gibt es 3 Optionen, aus denen Sie wählen können:
- Benutzer-Zeitleiste: Zeigen Sie alle Fotos und Videos von Ihrem Instagram-Profil
- Öffentlicher Hashtag: Wählen Sie, ob Instagram-Beiträge mit bestimmten Hashtags angezeigt werden sollen.
- Getaggte Beiträge: Verwenden Sie Ihren Instagram-Feed, um Beiträge anzuzeigen, die Ihr Konto getaggt haben
Nachdem Sie den gewünschten Instagram-Feed-Typ aus der Liste ausgewählt haben, klicken Sie auf Weiter.
Für unser Tutorial verwenden wir einen Benutzer-Timeline-Feed.
Schritt 3: Verbinden Sie Ihr Instagram-Konto
In diesem Schritt können Sie Ihr Instagram-Konto für Unternehmen oder Urheber mit diesem neuen Feed verbinden.
Wenn Sie noch keinen Instagram-Account haben, können Sie sich unseren Leitfaden zur Aktualisierung Ihres Instagram-Accounts ansehen.
Klicken Sie auf der nächsten Seite auf die Schaltfläche Quelle hinzufügen .
Anschließend können Sie zwischen einer einfachen und einer erweiterten Instagram-Verbindung wählen.
Mit einer einfachen Verbindung können Sie die Fotos und Videos von Ihrem Instagram-Konto veröffentlichen.
Mit einer erweiterten Verbindung können Sie alle Arten von Inhalten anzeigen, einschließlich Hashtag-Feeds, Shoppable-Feeds, Stories, Erwähnungen und mehr.
Wählen Sie die gewünschte Instagram-Verbindung aus und klicken Sie dann auf Verbinden.
Für diese Anleitung verwende ich eine erweiterte Instagram-Verbindung.
Auf der nächsten Seite klicken Sie auf die Schaltfläche Mit Facebook verbinden .
Das Plugin leitet Sie nun zu Facebook weiter. Hier können Sie dem Plugin schreibgeschützten Zugriff auf Ihr Konto gewähren.
Das bedeutet, dass Instagram Feed Pro Ihre Instagram-Inhalte anzeigen kann, aber KEINE Änderungen vornehmen kann, so dass die Nutzung zu 100 % sicher ist.
Klicken Sie einfach auf die Schaltfläche Weiter, um fortzufahren.
Um die Einrichtung Ihres Kontos abzuschließen, klicken Sie auf das Instagram-Konto, das Sie gerade mit Ihrer Website verbunden haben, und klicken Sie dann auf Hinzufügen.
Jetzt werden Sie zum Dashboard des Plugins zurückgebracht. Sie können schließlich auf Weiter klicken und Ihr Instagram-Konto in Ihre Divi-Website integrieren.
Schritt 4: Passen Sie Ihren Instagram-Feed an
Damit Sie schnell schöne Feeds gestalten können, enthält Instagram Feed Pro Feed-Vorlagen, die Sie importieren können.
Sie haben viele verschiedene Vorlagen mit einzigartigen Designs zur Auswahl:
- Standard
- Einfaches Raster
- Einfaches Raster XL
- Einfache Reihe
- Einfaches Karussell
- Mauerwerkskarte
- Highlight
- Einzelner Posten
- Einzelposten-Karussell
Sobald Sie die Vorlage ausgewählt haben, die Sie für Ihren Divi Instagram-Feed verwenden möchten, klicken Sie auf Weiter.
Auf der nächsten Seite sehen Sie den visuellen Feed-Anpasser. Hier können Sie den Live-Feed-Editor verwenden, um das Design und den Inhalt Ihres Instagram-Feeds anzupassen.
Auf der linken Seite sehen Sie ein Anpassungsfeld, das alle Optionen zur Änderung des Designs Ihres Instagram-Feeds enthält.
Das bedeutet, dass Sie Ihr Feed-Layout, das Farbschema, den Kopfzeilenstil, die Feed-Größe, die Schaltflächen zum Laden von mehr Informationen, das Post-Design und vieles mehr mit wenigen Klicks einstellen können.
Und auf der rechten Seite können Sie alle Ihre Änderungen in Echtzeit in einer Live-Vorschau Ihres Instagram-Feeds sehen.
Klicken Sie auf die Option Feed-Layout , um mit der Anpassung Ihres Instagram-Feeds für Ihre Divi-Site zu beginnen.
Hier können Sie zwischen 4 verschiedenen Layout-Optionen für Ihren Divi Social Media Feed wählen:
- Raster
- Karussell
- Gemäuer
- Highlight
Mit dem Grid-Layout können Sie eine Bildergalerie mit einer Reihe von Fotos und Videos in übersichtlichen Reihen und Spalten anzeigen.
Wenn Sie einen dynamischen Look für Ihren Divi-Social-Media-Feed wünschen, gibt es die Karussell-Option.
Auf diese Weise können Sie einen schönen Instagram-Slider für Ihre Divi-Website hinzufügen.
Möchten Sie die ursprünglichen Proportionen Ihrer Instagram-Beiträge beibehalten?
Dann können Sie die Option "Mauerwerk" wählen, wie in diesem Beispiel, das ich erstellt habe.
Schließlich gibt es noch die Highlight-Option , mit der Sie Ihre Instagram-Posts besser sichtbar machen können.
Mit diesem Layout wird die Größe Ihrer Beiträge um das Vierfache erhöht.
Wählen Sie nun einfach das Instagram-Feed-Layout aus, das Ihnen gefällt, und klicken Sie auf Speichern.
Möchten Sie Ihren Divi Instagram-Feed weiter anpassen? Klicken Sie einfach auf die kleine Schaltfläche Anpassen .
Von hier aus können Sie auf die Option Farbschema klicken, um fortzufahren.
Damit Sie die Farben für Ihren Instagram-Feed ganz einfach festlegen können, stehen Ihnen 4 Farbschemata zur Verfügung, aus denen Sie wählen können:
- Vom Theme erben: Verwenden Sie die Farben des WordPress-Themas Ihrer Website
- Hell: Heller Hintergrund und eine dunklere Schrift für Ihren Divi Instagram-Feed
- Dunkel: Verwenden Sie einen dunklen Hintergrund mit einer hellen Schriftfarbe.
- Benutzerdefiniert: Wählen Sie alle Farben manuell selbst aus
Sobald Sie Ihr Farbschema ausgewählt haben, klicken Sie auf die Schaltfläche Speichern , um Ihre Änderungen zu bestätigen.
Danach können Sie Ihren Instagram-Feed mit den verbleibenden Optionen nach Ihren Wünschen anpassen. Sie können die Größe, den Beitragsstil, die Schriftart, das Design der Follow-Schaltfläche und vieles mehr auswählen.
Schritt 5: Fügen Sie Ihren Instagram-Feed zu Divi hinzu
Zum Schluss zeigen wir Ihnen, wie Sie Ihren Instagram-Feed zu Ihrer Divi WordPress-Website hinzufügen können. Sie können sie direkt zu Ihren Beiträgen und Seiten hinzufügen, oder Sie können sie in Ihrer Seitenleiste posten.
Fügen Sie Ihren Instagram-Feed mit Divi zur WordPress-Seite hinzu
Um Ihren Instagram-Feed zu Ihrer WordPress-Seite hinzuzufügen, können Sie mit dem Live-Feed-Editor beginnen.
Klicken Sie zunächst auf die Schaltfläche Einbetten am oberen Rand.
Daraufhin wird ein Popup-Fenster mit dem Shortcode für Ihren Instagram-Feed angezeigt. Wenn Sie diesen Code auf Ihrer Website einfügen, können Sie Ihren Instagram-Feed einbetten.
Um fortzufahren, klicken Sie auf die Schaltfläche Kopieren .
Gehen Sie danach in Ihrem Dashboard auf Seiten " Neu hinzufügen und öffnen Sie den WordPress-Editor.
Klicken Sie hier einfach auf die Schaltfläche Divi Builder verwenden .
Du kannst dasselbe auch für einen WordPress-Beitrag tun. Gehen Sie in Ihrem WordPress-Dashboard einfach auf Beiträge " Neu hinzufügen und klicken Sie auf Divi Builder verwenden.
Daraufhin öffnet sich der Divi Page Builder für Sie. Hier haben Sie 3 Möglichkeiten, um fortzufahren:
- Mit der Erstellung beginnen: Sie können mit einer leeren Vorlage beginnen und eine Seite erstellen.
- Layouts durchsuchen: Sehen Sie sich die vorgefertigten Layouts an und beginnen Sie mit der Bearbeitung eines von ihnen.
- Wählen Sie Seite: Sie können auch einfach das Design einer bestehenden Seite kopieren und bearbeiten.
Hier können Sie wählen, welche Option Sie bevorzugen.
Wenn Sie die Option Erstellung beginnen wählen, können Sie sofort mit der Bearbeitung einer leeren Vorlage beginnen.
Wenn Sie jedoch die Option Layouts durchsuchen wählen , wird das Popupfenster Aus Bibliothek laden angezeigt. Hier können Sie alle verfügbaren Layouts durchsuchen.
Um ein Layout für Ihre Seite auszuwählen, klicken Sie es einfach an.
Daraufhin wird die Seite mit den Layout-Details geöffnet. Klicken Sie nun einfach auf Dieses Layout verwenden und Sie können mit der Bearbeitung Ihrer Seite beginnen.
Wenn Sie stattdessen Seite auswählen wählen , sehen Sie die vorhandenen Seitenlayouts, die Sie entworfen haben.
Klicken Sie hier einfach auf eine der Optionen, um Ihr Alter zu bearbeiten.
Bevor Sie Ihren Instagram-Feed zu Divi hinzufügen, müssen Sie Platz dafür schaffen. Dazu müssen Sie eine neue Zeile erstellen .
Klicken Sie dazu auf das kleine grüne Plus-Symbol (+) auf Ihrer Divi-Builder-Seite.
Sie sehen nun das Popupfenster Zeile einfügen . Wählen Sie einfach aus der Sammlung der hier verfügbaren Zeilen aus, indem Sie auf die gewünschte Zeile klicken.
Schließlich können Sie auf das Plus-Symbol (+) klicken, um ein neues Modul zu Ihrer Divi-Seite hinzuzufügen.
Verwenden Sie dann die Suchleiste, um nach dem Codemodul zu suchen, und klicken Sie es in den Suchergebnissen unten an.
Sobald Sie das getan haben, sehen Sie die Code-Einstellungen auf der linken Seite. Gehen Sie hier zum Codefeld und fügen Sie den Shortcode von vorhin ein.
Klicken Sie dann einfach auf das Häkchensymbol in der rechten unteren Ecke.
Und schon sind Sie fertig! Sie haben nun Ihren Instagram-Feed zu Ihrer Divi-Website hinzugefügt.
Wie Sie sehen, ist es mit diesem WordPress-Plugin für Social Media Feeds sehr einfach, Instagram-Posts einzubetten, selbst wenn Sie technisch nicht versiert sind.
Wenn Sie nun Ihre Website besuchen, sehen Sie den Divi Instagram-Feed auf Ihrer Seite eingebettet.
Divi Instagram Feed zur Seitenleiste hinzufügen
Was, wenn Sie Ihren Instagram-Feed in der Seitenleiste oder in der Fußzeile anzeigen möchten?
Lassen Sie uns nun darüber sprechen, wie man Instagram-Feeds in der Divi-Seitenleiste oder -Fußzeile als Instagram-Widget einbindet.
Gehen Sie zunächst in Ihrem WordPress-Dashboard zu Darstellung " Widgets.
Klicken Sie auf dieser Seite auf das Sidebar-Panel , um Instagram-Feeds in den Sidebar-Bereich des Divi-Themas einzufügen.
Wenn Sie Instagram-Feeds in Ihrem Divi-Footer-Bereich präsentieren möchten, können Sie auch auf das Footer-Panel klicken, wenn Sie dies bevorzugen.
Für dieses Tutorial werden wir eine Seitenleiste verwenden.
Nachdem Sie die Seitenleiste ausgewählt haben, klicken Sie auf das Plus-Symbol (+) und wählen dann das Shortcode-Widget aus den Optionen aus.
Zum Schluss fügen Sie Ihren Shortcode von vorhin in das Feld Shortcode ein .
Sobald Sie den Shortcode eingefügt haben, klicken Sie einfach auf Aktualisieren , um Ihre Änderungen zu speichern.
Sie haben jetzt einen Instagram-Feed zu Ihrer Divi-Seitenleiste hinzugefügt. Sehen Sie, wie schnell und einfach das ging, weil Sie ein Plugin wie Instagram Feed Pro verwendet haben?
Überprüfen Sie einfach Ihre Website, und Sie können Ihren Instagram-Feed im Seitenleistenbereich sehen.
Unten sehen Sie das Beispiel für den Instagram-Divi-Feed, den ich für dieses Tutorial erstellt habe.
Bonus: Wie Sie Ihrer Divi-Website ansprechende Videos hinzufügen
Sobald Du Deinen Divi-Instagram-Feed eingerichtet hast, gibt es eine großartige Möglichkeit, Dein Social-Media-Marketing auf den nächsten Schritt zu bringen - die Anzeige von TikTok-Videos auf Deiner Divi-Website.
Mit über 1 Milliarde aktiver Nutzer ist TikTok die Nummer 1 unter den Plattformen für Kurzvideos und ein fantastischer Ort, um Ihre Videos zu veröffentlichen und neue Leute zu erreichen.
Und selbst wenn Sie nicht aktiv auf TikTok posten, ist Ihre Konkurrenz stattdessen dort vertreten.
Die gute Nachricht? Durch das Hinzufügen von TikTok-Videos zu Ihrer Divi-Website können Sie Ihren Website-Traffic ganz einfach in Aufrufe, Likes und TikTok-Follower umwandeln.
Dann können Sie Ihr TikTok-Publikum dazu bringen, Ihnen auf Instagram und anderen Social Media-Plattformen zu folgen.
Außerdem ist die Integration von TikTok in Deine Website super einfach. Mit TikTok Feed Pro können Sie Ihre TikTok-Videos in nur wenigen Minuten zu Divi hinzufügen - ohne eine einzige Zeile Code anzufassen!
Experten-Tipp: Um sofort loszulegen, lesen Sie unsere Anleitung, wie Sie einen TikTok-Feed zu Ihrer Divi-Website hinzufügen.
Und das war's! Ich hoffe, dieser Beitrag hat Ihnen gezeigt, wie Sie einen Instagram-Feed in wenigen Minuten in Ihre Divi-Website einbetten können.
Mit dem Instagram Feed Pro Plugin ist es einfacher denn je, Inhalte von Instagram auf Ihrer Website hinzuzufügen - auch wenn Sie neu in WordPress sind.
Sind Sie bereit, mehr Follower und Engagement mit Instagram-Feeds zu erhalten? Starten Sie jetzt mit Instagram Feed Pro, damit Sie Instagram-Feeds erstellen, anpassen und zum Divi-Theme hinzufügen können, um Ihre Website zu erweitern.
Möchtest Du andere Social Media Feeds in Divi einbinden? Dann sollten Sie sich diese nächsten Beiträge ansehen:
- Anzeige von YouTube-Videos in einer Divi-WordPress-Site
- Wie man das Google Reviews Widget in Divi einbettet
- Einfaches Hinzufügen von Facebook Feed zu Divi WordPress Seiten
Wenn Sie diesen Artikel hilfreich fanden, folgen Sie uns auf Twitter und Facebook, und bleiben Sie dran für weitere Tipps und Tricks zum Social Media Marketing.
