in ,

TikTok auf WordPress – So funktioniert’s

Ein TikTok-Video in einen Beitrag oder eine Seite in WordPress einzubetten, geht mit dem WordPress-hauseigenen TikTok-Block ganz einfach. In diesem Beitrag binden wir in fünf einfachen Schritten ein TikTok-Video in einen Beitrag ein. In fünf weiteren Schritten schauen wir uns an, wie wir mehrere TikTok-Videos nebeneinander anordnen können. Des Weiteren schauen wir uns einige Plugins und sonstige Anwendungs-Beispiele für die Integration von TikTok auf WordPress an. Zu Beginn eine kleine Einleitung und Erklärung zu TikTok und WordPress:

In den vergangenen Jahren ist TikTok zu einer der beliebtesten Social-Media-Plattformen aufgestiegen. Die Plattform ermöglicht Nutzern, kurze Videos zu teilen, die meist zwischen 15 Sekunden und 3 Minuten lang sind. Außerdem können User auf TikTok auch live streamen.

WordPress ist ebenfalls eine beliebte Plattform, vorwiegend unter Blogger*innen und Webseitenbetreiber*innen. WordPress ermöglicht Nutzer*innen, eine Website, einen Blog oder sogar einen Online-Shop zu erstellen und zu verwalten. Im Gegensatz zu TikTok ist WordPress jedoch keine Social-Media-Plattform. Dennoch gibt es einige Möglichkeiten, wie WordPress und TikTok miteinander verbunden werden können. So zum Beispiel kann über den entsprechenden Block ein Video in einen Beitrag oder in eine Seite eingebunden werden. Wie das Funktioniert schauen wir uns im nächsten Abschnitt Schritt für Schritt an.

TikTok mit dem WordPress Block einbetten

Mit dem TikTok-Block von WordPress kann ein Video ganz einfach in eine Seite oder in einen Beitrag integriert werden. Den entsprechenden Block findest Du bei den Blöcken in der Kategorie „Einbettungen“ meistens wird diese Kategorie ganz unten angezeigt. Wenn Du den entsprechenden Block eingefügt hast, musst Du Dir nur noch die aus TikTok kopierte URL in das entsprechende Feld eintragen und bestätigen und schon erschient das Video in Deinem Beitrag oder Deiner Seite. Wir schauen uns den gesamten Prozess jetzt Schritt für Schritt an.

WordPress-TikTok-Block: Schritt für Schritt Anleitung

Schritt für Schritt ein TikTok Video mit dem WordPress-TikTok-Block einbetten.

  1. Beitrag öffnen oder erstellen

    Als Erstes öffnest Du die Seite oder den Beitrag, auf welchem Du das Video einbetten möchtest. Falls dieser Artikel oder diese Seite noch nicht existierst, legst Du entsprechend einen neuen/eine neue an.

  2. TikTok-Block suchen

    Befindest du dich nun an der Stelle, auf welcher Du das Video einbinden möchtest, navigierst du auf deine gewohnte Art und Weise zu den Blöcken. Wenn du mit dem „/“ Symbol an einer Stelle in Editor beginnst und danach TikTok eingibst, erscheint der Block auch. Mit dem TikTok Block von WordPress ein TikTok-Video in einen Beitrag oder eine Seite einbette.

  3. Block einfügen

    Nachdem Du die ersten Buchstaben im Suchfeld eingegeben hast, erscheint die der Block unten und du kannst ihn mit der Maus auswählen und mit einem Klick wird er an entsprechender Stelle in dein Dokument bzw. Seite oder Beitrag in WordPress eingefügt. Ansicht auf die Blocksuche in WordPress. Nachdem die ersten Buchstaben des Wortes TikTok eingegeben wurden, erscheint der TikTok Block.

  4. Video-URL

    Hast Du den Block wie oben beschrieben eingefügt, so solltest Du untenstehende Ansicht zu sehen bekommen. Im rot markierten Bereich kannst du jetzt die URL des einzubettenden Videos einfügen. Anschließend nur noch mit dem Button „Einbetten“ bestätigen und das Video wird eingebettet. Unter WordPress im ensprechenden Bereich die URL des Videos aus TikTok einfügen und auf Einbetten klicken.

  5. Eingebettetes Video bzw. Block bearbeiten

    Nachdem das Video eingebettet wurde, kann es mittels der Blockwerkzeugleiste, das Aussehen, die Größe und die Position bearbeitet werden. Über die drei Punkte könnend die erweiterten Einstellungen eingeblendet werden. Leider gibt es dort nicht viel, was man anpassen könnte. Mit der Bock-Werkzeug-Leiste können unter anderem die Position und das Aussehen des TikTok-Blocks verändert werden.

  6. TikTok-Block in Spalten oder Gruppen umwandeln

    Dieser Block mit dem Video aus TikTok lässt sich in Spalten und Gruppen umwandeln. Klicke dazu in der Blockwerkzeugleiste auf das Symbol ganz links. So öffnet sich das Auswahlmenü und Du kannst wählen in „was“ den TikTok-Block umwandeln möchtest. Zur Auswahl stehen Absatz, Spalten und Gruppen. Diesen Block kann man einfach in Spalten oder Gruppen umwandeln.

  7. (TikTok)-Spalten bearbeiten und erweitern

    Wenn du in Spalten umwandelst, hast die Option die Spalte, in welcher sich der TikTok Block nun befindet zu gestalten. Dazu werden dir, wenn die Spalte ausgewählt ist, die Werkzeuge dazu in der Seitenleiste angezeigt. TikTok-Block in Spalten einfügen in WordPress.

  8. Mehrere TikTok Videos nebeneinander in WordPress

    Eine Möglichkeit bei der Umwandlung ist, Videos von TikTok neben — und untereinander anzuzeigen. Indem wir den Block in Spalten umgewandelt haben, können wir so auch noch weitere Spalten hinzufügen. In diesen Spalten können wir dann weitere TikToks einfügen und unter – und nebeneinander anzeigen. Durch das Hinzufügen von weiteren Spalten können TikTok Videos in WordPress nebeneinander eingefügt und dargestellt werden.

  9. Zwei TikTok Videos nebeneinander

    Im folgenden Beispiel habe ich die, über den im obigen Bild rechts rot Markiert zwei Spalten ausgewählt. In einem ersten Schritt sieht das Ergebnis dann: Wie flogt aus: Beispiel mit zwei Spalten vorbereitet für TikTok Videos.

  10. Block in die zweite Spalte einfügen

    In nächsten Schritt müssen wir nur noch einen zweiten Block in die gerade erstellte zweite Spalt einfügen. Dazu die zweite Spalte anwählen und aufs Plus-Symbol klicken und nach dem entsprechenden Block suchen.

  11. URL kopieren und einfügen

    Nachdem der Block in die zweite Spalte eingefügt wurde, kannst jetzt die entsprechende URL in das dafür vorgesehene Feld eintragen. (Siehe dazu auch Schritt vier in dieser Anleitung) Das Ergebnis sieht dann wie folgt aus:

Zusammenfassung: Schritte 1 bis 5 WordPress TikTok-Block

Das Einfügen eines Videos aus TikTok in WordPress ist fünf einfachen Schritten ausgeführt. Die Anpassungsmöglichkeiten für den TikTok-Block sind allerdings nicht sehr ausgeprägt und bieten nicht viel Spielraum für eigene Darstellungsformen. Um ein wenig mehr Gestaltungsspielraum zu erhalten, kannst du den eingebetteten TikTok-Block in eine Spalte oder eine Gruppe umwandeln: So werden in den erweiterten Einstellungen mehr Funktionen freigeschaltet. Durch die Verschachtelung des TikToks-Block in eine Spalten kannst Du komplexere Layouts rund um die TikTok-Einbettung erstellen: Was uns zur Zusammenfassung von Punkt 6-10 führt:

Zusammenfassung: Schritt 6- 10 mehrere TikTok-Videos in Spalten nebeneinander

Wie wir in Schritt 6-10 gesehen haben, können durch das Umwandeln des Block für TikTok auf WordPress ganz einfach mehrere Videos nebeneinander oder untereinander angeordnet werden. Im Beispiel haben wir dazu 2 Videos verwendet. Aber du weißt jetzt, wie du Spalten und in diese Video aus TikTok hinzufügen kannst. So kann auch eine andere Anzahl Spalten gewählt werden. Experimentiere mit den weiteren Einstellungen in der Seitenleiste, um das Layout nach deinen Bedürfnisse anzupassen.

WordPress TikTok Plugins:

Die Integration von TikTok in WordPress ist denkbar einfach, wir haben oben gesehen, wie mit dem TikTok-Block von WordPress ganz einfach ein TikTok-Video in einen Beitrag oder eine Seite integriert werden kann. Wir haben oben aber auch gesehen, dass die Funktion nicht weit über das Einbetten hinaus gehen. Dies von WordPress bereitgestellten Funktionen reichen in den meisten Fällen aus, um ein TikTok-Video in WordPress einzubinden. Möchte aber ein bisschen umfangreichere Option, um etwa das Design anzupassen, kommt man mit den WordPress-Core-Funktionen unter Umständen ziemlich schnell an seine Grenzen. Außerdem gibt es weitere Arten, um TikTok und WordPress zu verbinden. Eine Social Media Wall, etwa, ist ein interessantes Anwendungsbeispiel. Dafür kommen Plugins zum Einsatz und einige davon möchte ich dir im Folgenden kurz vorstellen.

Es gibt mehrere Plugins, die Dir dabei helfen, TikTok noch effektiver mit WordPress zu verschmelzen. Eines der beliebtesten Plugins ist das WP TikTok Feed, das es Ihnen ermöglicht, Ihre TikTok-Videos auf Ihrer WordPress-Website anzuzeigen. Sobald Sie das Plugin installiert und aktiviert haben, können Sie in wenigen Minuten loslegen.

Ein weiteres Plugin, das sehr nützlich sein kann, ist das TikTok Button Plugin. Dieses Plugin fügt Ihrer Website einen speziellen TikTok-Button hinzu, über den Besucher Ihre TikTok-Videos ansehen können. Der Button kann ganz einfach in der Sidebar oder in der Fußzeile Ihrer Website platziert werden. Um die volle Funktionsfähigkeit von TikTok auf Ihrer WordPress-Website zu nutzen, sollten Sie sich auch für eines der vielen Themes entscheiden, die speziell für die Integration von TikTok entwickelt wurden. Diese Themes ermöglichen es Ihnen, Ihren TikTok-Feed ganz einfach in Ihr bestehendes WordPress-Theme zu integrieren und sofort loszulegen. Einige dieser Themes sind kostenlos verfügbar, andere müssen jedoch gekauft werden. Mit TikTok und WordPress haben Sie die perfekte Kombination gefunden, um Ihr Unternehmen online zu promoten und neue Kunden zu gewinnen. Nutzen Sie die Vorteile dieser beiden Plattformen und erweitern Sie noch heute Ihre Präsenz auf TikTok!


WP TikTok FEED von QuadLayers

Downloadseite des WP TikTok FEED Plugins auf WordPress.org

Dies es in einer kostenlosen, abgespeckten und kostenpflichtigen Premium-Version erhältlichen Plugin ermöglicht das einfache Einbinden eines TikTok-Feeds in WordPress.


Kostenloser Newsletter
Bekomme die relevantesten WordPress News direkt in Dein E-Mail-Postfach!
Wir respektieren Deine Privatsphäre!

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

So kannst du Vorlagen aus dem Block Patterns Verzeichnis von WordPress auf deiner Website oder Blog nutzen.

Block Patterns: Kostenlose WordPress Block Vorlagen

Hier gibt es eine Anleitung dazu, wie du die Reihenfolge der Beiträge in WordPress änderst.

Wie du die Reihenfolge der Beiträge in WordPress änderst