Hinzufügen eines TikTok-Feeds zu Ihrer Divi-Website (Schritt-für-Schritt-Anleitung)
clicksocial

Planen Sie Beiträge für soziale Medien direkt von WordPress aus mit ClickSocial

Kostenlose Testversion starten Winkel-Rechts
Startseite Blog Hinzufügen eines TikTok-Feeds zu Ihrer Divi-Website (Schritt-für-Schritt-Anleitung)

Hinzufügen eines TikTok-Feeds zu Ihrer Divi-Website (Schritt-für-Schritt-Anleitung)

einen Tiktok-Feed zu Divi hinzufügen

Suchen Sie nach einer einfachen Möglichkeit, Ihr Engagement zu steigern und mehr TikTok-Follower zu bekommen?

Sie können einfach TikTok-Feeds zu Ihrer Divi-Website hinzufügen. Schließlich ist TikTok eine fantastische Quelle für mundgerechte Videoinhalte, die Ihre Besucher beschäftigen können.

Das manuelle Hinzufügen von TikTok-Inhalten zu Ihrer Website kann jedoch zeitaufwändig und kompliziert sein.

Um Dir eine bessere Option zu bieten, haben wir unsere Erfahrung im Bereich Social Media Marketing genutzt, um diese einfache, codefreie Anleitung zum Einbetten von TikTok-Feeds in Divi zusammenzustellen.

Warum TikTok Video Feeds in Divi einbetten?

Als beliebter Website-Builder macht es Divi super einfach, eine schöne Website zu erstellen, um Ihr Unternehmen online zu bewerben.

Wenn Sie Ihre Website noch ansprechender gestalten möchten, ist die Einbettung von TikTok-Video-Feeds eine einfache Lösung. Auf diese Weise können Sie relevante, mundgerechte Videos präsentieren, um das Interesse der Besucher an Ihrer Website zu wecken.

[...] TikTok-Nutzer stimmen mit 1,8-facher Wahrscheinlichkeit zu, dass TikTok sie in neue Themen einführt, von denen sie nicht einmal wussten, dass sie sie mögen.

TikTok What's Next Report 2024

Und das ist nur der Anfang! Das Einbetten von TikTok-Feeds auf Ihrer Divi WordPress-Website kann Ihnen auch helfen:

  • Bewirb deine eigenen TikTok-Videos, um ganz einfach mehr Aufrufe, Likes und TikTok-Follower zu erhalten
  • Verbessern Sie die Suchmaschinenoptimierung Ihrer Website, indem Sie stichwortreiche Beschriftungen hinzufügen, um mehr Menschen zu erreichen.
  • Fügen Sie Videorezensionen und Testimonials zur Kassenseite Ihrer Divi E-Commerce-Website hinzu, um die Konversionsrate zu erhöhen.
  • Zeigen Sie Produktdemonstrationen, Tutorials oder Unboxing-Videos auf Ihren Produktseiten an, um potenzielle Kunden zu informieren.
  • Und vieles mehr!

Hinzufügen eines TikTok Feeds zu Ihrer Divi WordPress Site

Folgen Sie einfach der Schritt-für-Schritt-Anleitung unten und Sie können im Handumdrehen einen Feed mit TikTok-Videos auf Ihrer Divi-Website haben.

Schritt 1: Laden Sie das TikTok Feed Pro Plugin herunter.

Der einfachste Weg, TikTok-Inhalte einzubinden, ist die Verwendung des TikTok-Feed-Plugins Nr. 1 auf dem Markt: TikTok Feed Pro.

Mit diesem einfachen Tool können Sie in wenigen Minuten schöne TikTok-Feeds hinzufügen, die sich automatisch an das Aussehen Ihrer Website anpassen - ohne HTML, benutzerdefiniertes CSS oder irgendeine Art von Code.

tiktok feed pro Preise

Da das Plugin leichtgewichtig und schnell ist, können Sie so viele Videos einbetten, wie Sie wollen, und Ihre Website wird so schnell wie immer geladen. Das bedeutet, dass Sie Ihre SEO steigern und Ihren Besuchern ein besseres Erlebnis bieten können.

Und das Beste daran? Ths Plugin kommt mit einem engagierten Team von Experten, die bereit sind, Ihnen zu helfen oder Ihre Fragen zu beantworten, wann immer Sie wollen.

Holen Sie sich zunächst Ihr Exemplar von TikTok Feed Pro hier, bevor Sie es auf Ihrer Website installieren und aktivieren.

Sie können sich diese Anleitung zur Installation von WordPress-Plugins ansehen, wenn Sie eine kurze Auffrischung benötigen.

Schritt 2: Einen neuen TikTok-Feed erstellen

Sie können jetzt den 3-Schritte-geführten Ablauf des Plugins öffnen, um schnell einen neuen TikTok-Feed zu erstellen.

Öffnen Sie zunächst das Menü TikTok Feed " Alle Feeds in Ihrem Dashboard und klicken Sie dann auf die Schaltfläche Neu hinzufügen.

Live-Feed-Editor öffnen tiktok feed

Danach zeigt Ihnen TikTok Feed Pro alle Konten oder Quellen, die Sie bisher verbunden haben. Ihr neuer Feed wird Videos von diesen Quellen abrufen und sie auf Ihrer Website anzeigen.

In meinem Fall habe ich noch keine Quelle angeschlossen, so dass ich einfach eine neue Quelle hinzufügen kann.

Klicken Sie auf die Schaltfläche Quelle hinzufügen , um dies zu tun.

tiktok feed pro Quelle hinzufügen

Schritt 3: Verbinden Sie Ihr TikTok-Konto

Klicken Sie auf der neuen Seite auf die Schaltfläche Mit TikTok verbinden , um fortzufahren.

Dadurch wird https://www.tiktok.com/ in Ihrem Webbrowser geöffnet, so dass Sie Ihr Konto verbinden können.

mit tiktok verbinden

Um Ihre Videos anzuzeigen, bittet TikTok Feed Pro um schreibgeschützten Zugriff auf Ihr Konto. Das bedeutet, dass das Plugin Ihre Inhalte nur anzeigen kann und keine Änderungen vornehmen kann.

Sie können auf die Schaltfläche Autorisieren klicken, um Ihr Konto zu verbinden.

Daraufhin wird Ihre Website erneut geöffnet. Hier sehen Sie nun Ihr TikTok-Konto als Quelle aufgeführt.

Sie können diese Quelle für alle Ihre zukünftigen TikTok-Feeds wiederverwenden, ohne Ihre Website zu verlassen.

Wählen Sie zunächst die Quelle aus und klicken Sie auf Weiter.

Wählen Sie Ihre Tiktok-Quelle

Schritt 4: Anpassen Ihres TikTok-Video-Feeds

Um Ihnen die Erstellung einzigartiger TikTok-Feeds zu erleichtern, stellt Ihnen das Plugin Feed-Vorlagen zur Verfügung, die Sie importieren können:

  • Standard
  • Karten
  • Liste
  • Aktuelles Video
  • Karussell
  • Schaukasten-Karussell

Wenn Sie eine Vorlage ausgewählt haben, die Ihnen gefällt, klicken Sie auf Weiter.

Für dieses Beispiel nehme ich einfach die Standardvorlage.

Wählen Sie Ihre Feed-Vorlage tiktok

Sobald Sie eine Vorlage ausgewählt haben, erstellt TikTok Feed Pro automatisch Ihren Feed und öffnet ihn im visuellen Customizer.

Auf der linken Seite finden Sie die Optionen zum Ändern des Layouts, der Kopfzeile, der Videoelemente, der Schaltflächen und vieles mehr. Mit der Live-Vorschau auf der rechten Seite können Sie alle Änderungen in Echtzeit verfolgen.

live feed editor tikto feed pro

Für den Anfang können wir das Layout der Videos auf Ihrer Website ändern.

Wählen Sie die Option Layout auf der linken Seite, um damit zu beginnen.

Layouts öffnen tiktok feed pro

Als Nächstes zeigt Ihnen TikTok Feed Pro 4 verschiedene Layouts an, aus denen Sie wählen können:

  • Raster: Zeigen Sie eine Vielzahl von TikTok-Videos gleichzeitig in verschiedenen Zeilen und Spalten an.
  • Liste: Heben Sie jedes Video hervor, indem Sie Ihren Feed in einer einzigen Spalte anzeigen.
  • Gemäuer: Zeigen Sie eine Gemäuer-Galerie an, die die ursprünglichen Video-Proportionen beibehält
  • Karussell: Binden Sie Ihren TikTok-Video-Feed als interaktiven Schieberegler in Ihre Website ein.
Layout-Optionen für tiktok feed pro

Um fortzufahren, wählen Sie Ihre Vorlage aus und klicken Sie auf Speichern.

Sie können auch die Anzahl der Zeilen, Spalten, angezeigten Videos und vieles mehr in den Optionen hier ändern. Sobald Sie die Layout-Einstellungen geändert haben, klicken Sie auf die Schaltfläche Anpassen , um zu den Hauptoptionen zurückzukehren.

Schaltfläche anpassen live feed editor tiktok feed pro

Als Nächstes ändern wir das Aussehen der Kopfzeile über dem TikTok-Feed.

Wählen Sie zunächst die Option Kopfzeile auf der linken Seite.

Kopfzeilenoptionen für Tiktok öffnen

Als Nächstes sehen Sie auf der linken Seite die Option, die Kopfzeile Ihres Feeds zu aktivieren oder zu deaktivieren .

Darunter haben Sie die Möglichkeit, Kopfzeilenelemente ein- oder auszublenden:

  • Profilbild
  • Name
  • Benutzername
  • Beschreibung
  • Statistiken
  • Schaltfläche

Wählen Sie einfach die Elemente aus, die Sie anzeigen möchten, und klicken Sie dann auf die Schaltfläche Speichern.

Sie können auch auf jedes dieser Elemente klicken und sie von dieser Seite aus im Detail anpassen. Für unser Beispiel wollen wir das Profilbild anpassen.

Wenn Sie das tun, können Sie die Größe des Profilbildes, die Abstände und die Ränder um das Bild herum ändern.

Kopfzeile anpassen Profil titok feed

Wenn Sie mit Ihrem TikTok-Videofeed zufrieden sind, klicken Sie auf Speichern, um Ihre Änderungen zu bestätigen.

So können Sie mit den restlichen Optionen das Aussehen Ihrer Schaltfläche, der Videoelemente, der Beschriftungen und anderer Elemente ändern. Vergessen Sie nicht, Ihre Änderungen anschließend zu speichern.

Schritt 5: TikTok-Feed zu Divi hinzufügen

Du kannst damit beginnen, diesen TikTok-Feed zu Divi hinzuzufügen, indem Du auf die Schaltfläche Einbetten in der oberen rechten Ecke klickst.

tiktok feed live feed editor einbetten

Daraufhin wird ein Popup-Fenster mit den verschiedenen Möglichkeiten zum Einbetten Ihrer Videos angezeigt. Sie können es zum Beispiel einer Webseite hinzufügen, in der Fußzeile anzeigen oder in den Seitenleistenbereich Ihrer Website einfügen.

Um fortzufahren, können Sie den Shortcode einfach hierher kopieren.

Shortcode kopieren tiktok feed pro

Als nächstes können Sie eine neue Divi-Seite erstellen, um diesen TikTok-Video-Feed einzubetten.

Öffnen Sie einfach das Menü Seiten " Neu hinzufügen in Ihrem Dashboard und klicken Sie auf die Schaltfläche Divi Builder verwenden.

Um den TikTok-Feed stattdessen in einem Beitrag anzuzeigen, können Sie das Menü Beiträge " Neu hinzufügen öffnen, bevor Sie die Option Divi Builder verwenden auswählen.

Sie können sogar alle Ihre bestehenden Divi-Beiträge oder -Seiten verwenden, wenn Sie möchten.

Neuen Beitrag in Divi hinzufügen

Divi bietet Ihnen nun 3 Möglichkeiten, mit der Erstellung Ihrer Seite zu beginnen.

  • Mit der Erstellung beginnen: Beginnen Sie mit der Gestaltung Ihrer Seite anhand einer leeren Vorlage
  • Layouts durchsuchen: Importieren Sie ein vorgefertigtes Layout, das Sie mit Divi erhalten
  • Seite auswählen: Kopieren Sie eines Ihrer vorhandenen Designs und verwenden Sie es stattdessen

Hier können Sie wählen, welche Option Sie bevorzugen.

Wählen Sie die Option divi builder

Wenn Sie die Option Mit der Erstellung beginnen ausgewählt haben, können Sie mit Divi sofort mit der Gestaltung der neuen Seite oder des neuen Beitrags beginnen.

Bauen mit dem Divi-Editor

Mit der Option Layouts durchsuchen sehen Sie ein neues Popup mit verschiedenen vorgefertigten Designs, die Sie sich ansehen können.

Wählen Sie hier einfach ein Layout aus, das Sie bevorzugen.

Layoutpaket aus der Bibliothek divi laden

Wenn Ihnen das Design gefällt, können Sie einfach auf Dieses Layout verwenden klicken, um es für Ihre aktuelle Seite oder Ihren Beitrag zu importieren.

Layout für Divi importieren

Falls Sie die Option Seite auswählen gewählt haben, sehen Sie eine Liste von Vorlagen, die Sie bereits mit Divi erstellt haben.

Sie müssen lediglich die Vorlage auswählen, die Sie verwenden möchten.

aus Bibliothek laden divi Thema

Sobald Sie im Divi-Editor sind, können Sie eine neue Zeile erstellen, in die Sie Ihren TikTok-Feed einfügen können.

Klicken Sie dazu auf das grüne Plus-Symbol (+) und wählen Sie ein Zeilendesign aus.

Zeile in Divi-Website einfügen

Sobald Sie eine Zeile hinzugefügt haben, können Sie ein neues Modul einfügen, indem Sie hier auf das Pluszeichen (+) klicken.

Es öffnet sich ein Popup mit den verschiedenen Modulen, die Sie hinzufügen können. Verwenden Sie zunächst die Suchleiste, um das Modul "Code" zu finden, und klicken Sie unten darauf.

Code-Modul für Divi-Theme

Wenn Sie ein Modul einfügen, öffnet sich ein Popup mit einigen zusätzlichen Optionen. Dort können Sie einfach Ihren Shortcode von vorhin in das Code-Feld einfügen.

Klicken Sie anschließend auf das Häkchensymbol, um Ihre Änderungen zu speichern.

tiktok feed shortcode divi einfügen

Zum Schluss können Sie auf Veröffentlichen klicken und Ihr TikTok-Video-Feed wird live auf Ihrer WordPress Divi-Site angezeigt. Öffnen Sie einfach die Seite oder den Beitrag, und Sie können sehen, wie es für Ihre Besucher aussehen wird.

Beispiel für einen Tiktok-Divi-Feed

Und das war's!

Wie Sie sehen können, ist es super einfach, TikTok-Feeds in Divi hinzuzufügen, wenn Sie das richtige Tool verwenden. Mit TikTok-Inhalten können Sie jetzt Besucher ansprechen, Ihre Social-Media-Followerschaft stärken und Ihr Geschäft ausbauen.

Mit dem TikTok Feed Pro Plugin ist die Integration von TikTok in Ihre Website so einfach wie nie zuvor - Sie müssen nicht eine einzige Zeile Code anfassen!

Bist Du bereit, TikTok-Feeds in Divi einzubinden? Holen Sie sich noch heute TikTok Feed Pro für Ihre Website!

Möchtest Du Deinen YouTube-Kanal auf Deiner Divi-Website bewerben? Hier ist eine Anleitung, wie Sie YouTube-Videos ganz einfach in Divi einbetten können.

Und vergessen Sie nicht, uns auf Twitter und Facebook zu folgen, um weitere Tipps und Tricks für den Ausbau Ihres Unternehmens zu erhalten.

Autorenavatar
Sajjan Sharma Leitende Autorin
Sajjan schreibt seit über 10 Jahren über WordPress, Social Media Marketing und Online-Unternehmen. Seine beruflichen Interessen umfassen auch Influencer Marketing, Content Curation und digitale Marketingstrategien.

Einen Kommentar hinzufügen

Wir freuen uns, dass Sie einen Kommentar hinterlassen haben. Bitte denken Sie daran, dass alle Kommentare gemäß unserer Datenschutzrichtlinie moderiert werden und alle Links nofollow sind. Bitte verwenden Sie KEINE Schlüsselwörter im Namensfeld. Lassen Sie uns ein persönliches und sinnvolles Gespräch führen.