Wie man ein TikTok-Widget in WordPress einbettet (in 5 Schritten!)
clicksocial

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

Kostenlose Testversion starten Winkel-Rechts
Startseite Blog Wie man ein TikTok-Widget in WordPress einbettet (in 5 Schritten!)

Wie man ein TikTok-Widget in WordPress einbettet (in 5 Schritten!)

wie man ein tiktok wordpress widget einfach einbindet

Möchten Sie Besucher mit einem TikTok-Widget in WordPress ansprechen?

Da es sich um eine der größten sozialen Plattformen handelt, suchen viele Menschen nach Möglichkeiten, TikTok in ihre WordPress-Website zu integrieren.

Stellen Sie sich vor, Sie könnten atemberaubende TikTok-Videos direkt in der Seitenleiste oder Fußzeile Ihrer Website präsentieren. Das ist eine fantastische Möglichkeit, Besucher zu fesseln, Ihre Fangemeinde zu vergrößern und sogar Ihr Geschäft zu steigern.

Lassen Sie uns eintauchen und sehen, wie Sie das tun können!

Die einfachste Art, TikTok-Widgets in WordPress anzuzeigen

Anstatt sich mit komplexen Einbettungscodes zu beschäftigen und zwischen verschiedenen Websites zu wechseln, können Sie einfach TikTok Feeds Pro verwenden.

tiktok feed pro Startseite

Als das beste TikTok-Feed-Plugin auf dem Markt, können Sie dieses Tool verwenden, um:

  • Erstellen, anpassen und einbetten von TikTok-Widgets in nur wenigen Minuten - kein Programmieren erforderlich!
  • Kopieren Sie sofort vorgefertigte Vorlagen, um schöne TikTok-Widgets mit einzigartigen Designs zu erstellen.
  • Zeigen Sie so viele TikTok-Videos an, wie Sie möchten, und stellen Sie sicher, dass Ihre Website so schnell wie möglich geladen wird.
  • Zeigen Sie eine praktische Schaltfläche an, mit der Besucher Ihrer Website Ihrem TikTok direkt über Ihr Widget folgen können.
  • Nutzen Sie den einfachen visuellen Customizer, um das Design Ihrer WordPress TikTok Widgets frei zu gestalten
  • Und vieles mehr!
Beispiel für ein Tiktok-Video-Widget

Und das Beste daran? TikTok Feeds Pro kommt mit einem engagierten Support-Team.

So haben Sie immer ein Team von Experten zur Hand, wenn Sie Hilfe brauchen oder Fragen haben.

Holen Sie sich Ihr Exemplar von TikTok Feeds Pro und betten Sie TikTok-Widgets ganz einfach in WordPress ein!

Wie man ein TikTok-Widget in WordPress einbettet

Sind Sie bereit, Ihre Website-Besucher mit einem schönen TikTok-Video-Widget zu beeindrucken? Folgen Sie einfach der Schritt-für-Schritt-Anleitung unten:

Schritt 1: Installieren und Aktivieren von TikTok Feeds Pro

Sie können sich Ihr Exemplar von TikTok Feeds Pro hier holen, um loszulegen.

Sobald Sie das Plugin haben, installieren und aktivieren Sie es auf Ihrer WordPress-Website.

Weitere Informationen dazu finden Sie in dieser Anleitung zur Installation von WordPress-Plugins.

Schritt 2: Ein TikTok-Widget erstellen

Das Plugin wird mit einer einfachen 3-Schritte-Anleitung geliefert, die es mir sehr leicht machte, ein neues Widget zu erstellen.

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

Live-Feed-Editor öffnen tiktok feed

Schritt 3: Verbinden Sie Ihr TikTok-Konto

Sie können Ihr Widget mit TikTok verbinden, damit es Ihre Videos abrufen und auf Ihrer Website anzeigen kann.

Außerdem hält TikTok Feeds Pro Ihr Widget automatisch auf dem neuesten Stand, sobald Sie ein neues Video hochladen.

Sind Sie bereit, loszulegen? Klicken Sie hier auf die Schaltfläche Quelle hinzufügen.

tiktok feed pro Quelle hinzufügen

Klicken Sie nun auf die Schaltfläche Mit TikTok verbinden auf der nächsten Seite.

Das Plugin schickt Sie zur offiziellen TikTok-Website, damit Sie Ihr Konto verbinden können.

mit tiktok verbinden

Beim Verbinden Ihres Kontos fragt das Plugin nach einem Nur-Lese-Zugang. Das klang zunächst verwirrend, aber es stellte sich als ziemlich einfach heraus.

TikTok Feeds Pro kann Ihre Inhalte nur anzeigen und ist nicht in der Lage, irgendwelche Änderungen vorzunehmen. Das bedeutet, dass es 100% sicher ist, das Plugin zu verwenden, um Ihre TikTok-Widgets zu erstellen.

Um fortzufahren, können Sie auf die Schaltfläche Autorisieren klicken.

Wenn Sie das tun, werden Sie zu Ihrer WordPress-Website zurückgeleitet.

Jetzt, wo Sie Ihr TikTok-Konto verbunden haben, wird es als Quelle aufgeführt. Sie können diese Quelle bei der Erstellung neuer Widgets so oft wie möglich wiederverwenden.

Um fortzufahren, wählen Sie Ihr Konto aus und klicken Sie auf die Schaltfläche Weiter.

Wählen Sie Ihre Tiktok-Quelle

Schritt 4: Passen Sie Ihr TikTok Wiget an

Für eine schnelle und einfache Anpassung stehen Ihnen 6 verschiedene Vorlagen zur Verfügung, die Sie sofort importieren können. Jede Vorlage verfügt über ein einzigartiges Design für Ihr TikTok-Widget:

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

Nachdem Sie eine Vorlage ausgewählt haben, klicken Sie auf die Schaltfläche Weiter , um fortzufahren.

Wählen Sie Ihre Feed-Vorlage tiktok

Ich habe die Standardvorlage für dieses Tutorial gewählt, aber Sie können jede beliebige Option auswählen

TikTok Feeds Pro wird diese Vorlage importieren und Ihr Widget jetzt vorbereiten. Außerdem erbt das Widget automatisch das Design Ihrer Website und sieht sofort schön aus.

Das Plugin öffnet jetzt den visuellen Customizer, damit Sie Ihr Video-Widget im Detail anpassen können.

live feed editor tikto feed pro

Auf der linken Seite finden Sie die verschiedenen Anpassungsoptionen. Sie können Ihr Layout, Ihre Kopfzeile, Ihre Schaltflächen und vieles mehr ändern, während Sie alle Änderungen mit der Live-Vorschau verfolgen können.

Da es so viele Gestaltungsmöglichkeiten gibt, werde ich Ihnen einige der wichtigsten vorstellen.

Klicken wir zunächst auf die Option Layout auf der linken Seite.

Layouts öffnen tiktok feed pro

Sie können nun aus 5 verschiedenen Layout-Optionen für Ihr Widget wählen:

  • Raster: Verwenden Sie Zeilen und Spalten, um TikTok-Videos in ordentlichen und einheitlichen Miniaturansichten anzuzeigen
  • Liste: Zeigen Sie jeweils ein Video in einer einzigen Spalte an, genau wie in der offiziellen TikTok-App
  • Gemäuer: Behalten Sie die ursprünglichen Proportionen der TikTok-Beiträge bei und zeigen Sie sie in Spalten an
  • Karussell: Binden Sie Ihre TikTok-Videoinhalte mit einem interaktiven Video-Slider ein
  • Galerie: Anzeige eines großen TikTok-Videoplayers oben mit kleinen Miniaturbildern darunter
Layout-Optionen für das Tiktok-Widget

Nachdem Sie Ihr Layout ausgewählt haben, können Sie auf der linken Seite nach unten blättern, um weitere Optionen zu ändern.

Klicken Sie abschließend auf Speichern, um Ihre Änderungen zu bestätigen.

Um dein TikTok-Widget weiter anzupassen, kannst du oben links auf die Schaltfläche Anpassen klicken.

Schaltfläche anpassen live feed editor tiktok feed pro

Jetzt sind Sie zurück auf der Hauptseite des visuellen Customizers. Als Nächstes zeige ich dir, wie du die Kopfzeile deines TikTok-Video-Widgets änderst.

Klicken Sie dazu zunächst auf die Option Kopfzeile auf der linken Seite.

Kopfzeilenoptionen für Tiktok öffnen

Sie haben sofort die Möglichkeit, Ihre Kopfzeile oben links zu aktivieren oder zu deaktivieren.

Wenn Sie die Kopfzeile aktivieren, können Sie mithilfe von Kontrollkästchen auswählen, welche dieser Kopfelemente angezeigt werden sollen:

  • Profilbild
  • Name
  • Benutzername
  • Beschreibung
  • Statistiken
  • Schaltfläche
Live-Feed-Editor ändern tiktok Kopfzeile

Klicken Sie wie zuvor auf Speichern, um Ihre Änderungen zu übernehmen.

Eine weitere großartige Sache über TikTok Feeds Pro ist, dass Sie jedes Header-Element im Detail anpassen können. Klicken Sie einfach auf das Header-Element, das Sie bearbeiten möchten.

Ich wähle als Beispiel die Option Profilbild .

Kopfzeile anpassen Profil titok feed

Wie Sie sehen, können Sie die Größe, die Ränder und die Abstände für das Profilbild auf diesem Bildschirm frei ändern.

Vergessen Sie nicht, Ihre Änderungen zu speichern, wenn Sie mit der Anpassung der Kopfzeilenelemente fertig sind.

Mit den restlichen Optionen können Sie die Schaltflächen, Videoelemente, Filter und mehr für Ihr TikTok-Widget ändern. Wenn Sie mit dem Aussehen Ihres Widgets zufrieden sind, klicken Sie auf Speichern.

Schritt 5: Betten Sie Ihr TikTok-WordPress-Widget ein

Sobald Sie mit dem visuellen Customizer fertig sind, können Sie direkt damit beginnen, dieses Social Media Widget einzubetten.

Klicken Sie zunächst auf die Schaltfläche Einbetten am oberen Rand.

tiktok feed live feed editor einbetten

Daraufhin öffnet sich ein Popup mit allen Optionen zum Einbetten des Widgets. Sie können das TikTok-Widget einer Seite, einer Seitenleiste oder einer Fußzeile der Website hinzufügen.

Bevor Sie den Ort auswählen können, klicken Sie hier auf die Schaltfläche Kopieren.

Shortcode kopieren tiktok feed pro

Danach wählen Sie aus, wo Sie das WordPress TikTok-Widget einbetten möchten.

Für dieses Beispiel wähle ich hier die Option Zu einer Seite hinzufügen .

tiktok feed pro zu einer Seite hinzufügen

Dadurch öffnet sich eine Liste von WordPress-Seiten, aus der Sie auswählen können.

Wählen Sie einfach eine dieser Seiten aus, bevor Sie auf die Schaltfläche Hinzufügen klicken.

Wählen Sie Ihre Seite tiktok feed pro

Jetzt sendet TikTok Feeds Pro Sie zu Ihrer ausgewählten Seite.

Bevor Sie das Widget einbetten, klicken Sie auf das Pluszeichen (+), um einen neuen Block hinzuzufügen.

Block tiktok video feed hinzufügen

Suchen Sie dann im Suchfeld nach dem Begriff "Shortcode". Wählen Sie aus der Liste der angezeigten Optionen den Block "Shortcode".

Zum Schluss fügen Sie Ihren Shortcode von vorhin in den Block ein .

Das Plugin übernimmt den Rest und fügt das TikTok-Widget automatisch in diese Seite ein.

shortcode für tiktok feed pro

Sie können den Beitrag jetzt veröffentlichen, damit die Besucher Ihrer Website das Social Widget ausprobieren können.

Wenn Sie die Schritte befolgt haben, sollte es so aussehen wie das TikTok-Widget-Beispiel unten:

Beispiel für einen Tiktok-Video-Feed

Und das war's!

Folgen Sie einfach diesen Schritten, und Sie erhalten ein schönes TikTok-Widget in WordPress, das die Besucher an Ihre Website fesselt. Dann können Sie Ihre TikTok-Fangemeinde steigern und sogar Ihr Geschäft ausbauen.

Als bestes TikTok-Feed-Plugin auf dem Markt macht es TikTok Feeds Pro einfacher als je zuvor, Ihre WordPress-Seite mit Video-Widgets aufzupeppen.

Sind Sie bereit, TikTok-Video-Widgets hinzuzufügen? Sie können Ihre Kopie von TikTok Feeds Pro hier abholen!

Sie möchten mehr aus TikTok herausholen? In unserem Leitfaden erfährst du, wie du nach einem Posting mehr Aufrufe auf TikTok bekommst.

Weitere Social-Media-Tutorials und Tipps (Expertentipps)

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.