Vertrauenswürdige WordPress-Tutorials, wenn Sie sie am dringendsten benötigen.
Anfängerleitfaden für WordPress
WPB Cup
25 Millionen+
Websites, die unsere Plugins verwenden
16+
Jahre WordPress-Erfahrung
3000+
WordPress-Tutorials von Experten

So betten Sie TikTok-Videos in WordPress ein (3 einfache Methoden)

Viele unserer Leser haben gefragt, wie man TikTok-Videos zu ihren WordPress-Seiten hinzufügt. Da die Popularität von TikTok in die Höhe geschnellt ist, ist es natürlich, dass Sie diese ansprechenden Inhalte in Ihre Website integrieren möchten.

Die gute Nachricht ist, dass es absolut möglich und sogar recht einfach ist. Das Einbetten von TikTok-Videos kann Ihren Content auffrischen, das Engagement steigern und sogar dazu beitragen, Ihre TikTok-Followerzahl zu erhöhen.

Egal, ob Sie Ihre eigenen TikToks präsentieren oder angesagte Videos zeigen, wir haben das Richtige für Sie. Wir zeigen Ihnen 3 einfache Methoden, um TikTok-Videos in WordPress einzubetten, die für verschiedene Themes und Bedürfnisse geeignet sind.

Wie man TikTok-Videos in WordPress einbettet

Warum TikTok-Videos in WordPress einbetten?

Laut unserer ultimativen Liste von Blogging-Statistiken erhalten Beiträge mit Videos 83 % mehr Traffic als solche ohne. Wenn Sie also bereits TikToks posten, ist es sinnvoll, diese Videos auf Ihrer WordPress-Website einzubetten.

Ein Beispiel für ein TikTok-Video, eingebettet in eine WordPress-Website

Auf diese Weise können Sie mehr Besucher gewinnen, ohne viel Zeit mit der Erstellung neuer Inhalte verbringen zu müssen. Diese Videos können auch dazu beitragen, die Aufmerksamkeit der Besucher zu fesseln und sie länger auf Ihrer Website zu halten, was die Seitenaufrufe erhöht und die Absprungrate in WordPress reduziert.

Gleichzeitig bewerben diese Videos Ihren TikTok-Kanal bei Personen, die Ihre Website besuchen. Dies kann Ihnen mehr Interaktion und Follower auf TikTok verschaffen.

Mit diesen Worten sehen wir uns an, wie Sie TikTok-Videos in WordPress einbetten können. Verwenden Sie einfach die Schnelllinks unten, um direkt zu der Methode zu springen, die Sie verwenden möchten:

Methode 1. Verwendung des TikTok-Blocks (funktioniert mit jedem Theme)

Der einfachste Weg, TikToks auf Ihrer WordPress-Website einzubetten, ist das Einfügen der Video-URL in den Seiten- oder Beitrag-Editor. WordPress erkennt das Video dann automatisch und ruft es für Sie ab. Sie können dasselbe auch für YouTube-Videos, Facebook-Videos usw. tun.

Zuerst müssen Sie das TikTok-Video besuchen, das Sie einbetten möchten. Kopieren Sie dann die URL des Videos.

Hinzufügen eines TikTok-Videos zu einer Seite oder einem Beitrag mit dem WordPress-Blockeditor

Öffnen Sie als Nächstes die WordPress-Seite oder den Beitrag, auf dem Sie das TikTok-Video anzeigen möchten. Sie können dann einfach die URL in den WordPress-Blockeditor einfügen.

WordPress erkennt automatisch, dass Sie ein TikTok-Video einbetten, und fügt einen TikTok-Block mit dem bereits eingebetteten Video hinzu.

Einbetten von TikTok-Videos auf einem WordPress-Blog oder einer Website

Standardmäßig passt WordPress das TikTok-Video automatisch für kleinere Bildschirme, einschließlich Smartphones und Tablets, an. Es behält auch das Seitenverhältnis des Videos bei, wenn der Browser vergrößert oder verkleinert wird.

Dies ist eine gute Benutzererfahrung, daher empfehlen wir, die Einstellung aktiviert zu lassen. Manchmal möchten Sie jedoch vielleicht, dass das Video gleich groß bleibt, egal was passiert. Klicken Sie in diesem Fall, um den TikTok-Block auszuwählen, und deaktivieren Sie dann den Schalter „Für kleinere Geräte skalieren“.

Ändern der Größe eines TikTok-Videos auf Mobilgeräten, einschließlich Smartphones und Tablets

Wenn Sie diese Einstellung deaktivieren, ist es eine gute Idee, die mobile Version Ihrer WordPress-Website vom Desktop aus zu testen, um zu überprüfen, ob Sie mit dem Besuchererlebnis zufrieden sind.

Sie können ähnliche Ergebnisse erzielen, indem Sie den TikTok-Block zu einer Seite oder einem Beitrag hinzufügen. Danach können Sie die URL des TikTok-Videos jederzeit hinzufügen.

Um einen TikTok-Block hinzuzufügen, klicken Sie einfach auf das Symbol '+' und geben Sie dann 'TikTok' ein.

Hinzufügen des WordPress TikTok-Blocks zu einer Seite oder einem Beitrag

Wenn der richtige Block angezeigt wird, klicken Sie, um ihn zur Seite oder zum Beitrag hinzuzufügen.

Danach können Sie einfach die TikTok-URL in den Block einfügen und auf „Einbetten“ klicken.

Der TikTok WordPress-Block

Eine weitere Option ist das Einbetten des TikTok-Videos in einen widget-fähigen Bereich wie die Seitenleiste oder einen ähnlichen Bereich. Dies ermöglicht es Ihnen, dasselbe Video auf Ihrer gesamten Website anzuzeigen.

Wenn Sie zum Beispiel versuchen, einen viralen Wettbewerb auf TikTok zu erstellen, könnten Sie das Video einbetten, das den Wettbewerb ankündigt.

Gehen Sie dazu in Ihrem Dashboard zu Design » Widgets. Hier sehen Sie alle verschiedenen Bereiche, in denen Sie Widgets in WordPress hinzufügen können.

Hinzufügen von Widgets zu einer Seitenleiste oder einem ähnlichen Bereich

Finden Sie einfach den Bereich, in dem Sie das TikTok-Video einbetten möchten.

Klicken Sie dann auf das Symbol „+“.

Hinzufügen eines Blocks zu einem widget-fähigen Bereich in Ihrem WordPress-Theme

Geben Sie im erscheinenden Popup „TikTok“ ein.

Wenn der richtige Block angezeigt wird, klicken Sie darauf, um ihn dem Widget-Bereich hinzuzufügen.

Einbetten von TikToks auf einer WordPress-Website oder einem Blog

Sie können nun die URL des TikTok-Videos einfügen, das Sie einbetten möchten.

Wenn das erledigt ist, klicken Sie auf die Schaltfläche „Einbetten“.

Wie man TikTok-Videos in WordPress einbettet

Wenn Sie fertig sind, vergessen Sie nicht, auf „Aktualisieren“ zu klicken, um die Änderungen live zu schalten.

Sie können nun Ihren WordPress-Blog oder Ihre Website besuchen, um das TikTok-Video live zu sehen.

Ein TikTok-Video auf Ihrer Website live schalten

Methode 2. Verwendung des Full-Site Editors (Funktioniert mit Block-basierten WordPress-Themes)

Wenn Sie ein Block-Theme verwenden, können Sie mit dem Full-Site-Editor ein TikTok zu jedem widget-fähigen Bereich oder Template hinzufügen.

Dies ermöglicht es Ihnen, TikTok-Videos auf Seiten und Beiträgen anzuzeigen, die Sie nicht mit dem Standard-Content-Editor bearbeiten können. Zum Beispiel könnten Sie TikTok-Videos verwenden, um Ihre 404-Seiten-Vorlage zu verbessern.

Gehen Sie in Ihrem WordPress-Dashboard zu Darstellung » Editor.

Auswahl des Full-Site-Editors aus dem WordPress-Admin-Panel

Standardmäßig zeigt der Full-Site-Editor die Home-Vorlage Ihres Themes an.

Zu Demonstrationszwecken fügen wir einen TikTok zur Vorlage der Archivseite hinzu, aber die Schritte sind weitgehend dieselben, unabhängig davon, welche Vorlage, Pattern oder Seite Sie bearbeiten.

Klicken Sie zuerst auf das Menü 'Vorlagen'.

Auswahl des Menüs „Templates“ im WordPress Full Site Editor

Sie sehen nun alle Vorlagen oder Vorlagenteile, aus denen Ihr WordPress-Theme besteht.

Suchen Sie einfach die Vorlage, in der Sie ein TikTok-Video einbetten möchten, und klicken Sie darauf.

Anpassen der Archivvorlage mit dem blockbasierten FSE-Editor von WordPress

WordPress zeigt nun eine Vorschau der Vorlage an.

Um mit der Bearbeitung des Layouts fortzufahren, klicken Sie auf das kleine Bleistiftsymbol.

Bearbeiten einer blockbasierten Vorlage mit dem Full-Site-Editor (FSE)

Wenn dies erledigt ist, klicken Sie auf das „+“-Symbol oben links auf dem Bildschirm.

Geben Sie in die erscheinende Suchleiste „TikTok“ ein.

Hinzufügen eines TikTok-Blocks zu einem WordPress-Website-Template

Wenn der rechte Block erscheint, ziehen Sie ihn per Drag & Drop auf das Layout.

Sie können nun die URL des Videos in den TikTok-Block einfügen und auf die Schaltfläche „Einbetten“ klicken.

Hinzufügen eines TikTok-Videos zu einem beliebigen Teil Ihrer Website oder Ihres Blogs

Wenn Sie mit dem Aussehen der Vorlage zufrieden sind, klicken Sie auf die Schaltfläche „Speichern“. Besuchen Sie nun einfach Ihre WordPress-Website, um TikTok in Aktion zu sehen.

Methode 3. Mit Smash Balloon (Betten Sie Ihren gesamten TikTok-Feed ein)

Wenn Sie nur ein paar TikToks zu Ihrer WordPress-Website hinzufügen möchten, sind Methode 1 und Methode 2 beide großartige Optionen. Manchmal möchten Sie jedoch vielleicht alle Ihre neuesten TikToks in einem Feed anzeigen, der sich automatisch aktualisiert.

Dies ist eine einfache Möglichkeit, Ihre Website frisch und interessant zu halten und gleichzeitig Ihre neuesten TikTok-Videos zu bewerben.

Der beste Weg, einen TikTok-Feed in WordPress einzubetten, ist die Verwendung von TikTok Feeds Pro von Smash Balloon.

Es ist eines der besten TikTok-Plugins, mit denen Sie WordPress mit Ihrem TikTok-Konto verbinden und dann alle Ihre Videos in Galerie-Layouts wie Raster, Kachel und Karussell anzeigen können.

Smash Balloon TikTok-Feed-Beispiel

Beachten Sie einfach, dass Sie nur TikToks aus Ihrem eigenen Konto anzeigen können.

Zuerst müssen Sie das TikTok Feeds Pro Plugin installieren und aktivieren. Wenn Sie Hilfe benötigen, lesen Sie bitte unseren Leitfaden zur Installation eines WordPress-Plugins.

Hinweis: Es gibt auch eine kostenlose Version des TikTok Feeds-Plugins, das Sie für den Anfang verwenden können. Die Pro-Version bietet jedoch erweiterte Funktionen.

Sobald das Plugin aktiviert ist, gehen Sie im WordPress-Dashboard zu TikTok Feeds » Alle Feeds. Klicken Sie dann oben auf der Seite auf die Schaltfläche „Neu hinzufügen“.

Neuen TikTok-Feed hinzufügen

Als Nächstes müssen Sie den neuen Feed mit Ihrem TikTok-Konto verbinden, damit das Plugin Ihre Videos anzeigen kann.

Klicken Sie zunächst auf die Schaltfläche 'Quelle hinzufügen'.

Klicken Sie auf die Schaltfläche „Quelle hinzufügen“, um Ihr TikTok-Konto zu verbinden

Auf der folgenden Seite müssen Sie auf die Schaltfläche „Mit TikTok verbinden“ klicken.

Dies leitet Sie zur TikTok-Website weiter, wo Smash Balloon um Lesezugriff auf Ihr TikTok-Konto bittet.

Klicken Sie auf die Schaltfläche „Mit TikTok verbinden“

Drücken Sie die Schaltfläche „Autorisieren“, um fortzufahren.

Wenn Sie fertig sind, bringt Sie Smash Balloon automatisch zurück zum WordPress-Dashboard.

Ermächtigen Sie Smash Balloon, eine Verbindung zu Ihrem TikTok-Konto herzustellen

Nun können Sie Ihr TikTok-Konto auswählen.

Drücken Sie dann die Schaltfläche „Weiter“.

TikTok-Konto zur Erstellung des Feeds auswählen

Von hier aus können Sie eine Vorlage für Ihren TikTok-Feed aus Optionen wie Standard-Raster, Karten, Liste, neuestes Video, Karussell und Showcase-Karussell auswählen.

Klicken Sie auf ein beliebiges Thema, das Ihnen gefällt, und drücken Sie auf die Schaltfläche „Weiter“, um fortzufahren.

Wählen Sie eine Vorlage für Ihren TikTok-Feed

Dies startet den visuellen Editor, in dem Sie Anpassungen an Ihrem TikTok-Feed vornehmen können. Auf der linken Seite sehen Sie alle Anpassungsoptionen und auf der rechten Seite eine Live-Vorschau Ihres Feeds.

Um mit den Anpassungen zu beginnen, klicken Sie auf die Registerkarte „Layout“.

Passen Sie Ihren TikTok-Feed mit dem visuellen Editor an

Hier können Sie ein Layout für Ihren TikTok-Feed aus Optionen wie Raster, Liste, Mauerwerk und Karussell auswählen. Sie können auch den Abstand, die Anzahl der anzuzeigenden Beiträge, die Spalten und die Länge des Inhalts anpassen.

Standardmäßig zeigt Smash Balloon die 10 neuesten TikToks an, die auf Ihrem Konto auf Desktop-Geräten veröffentlicht wurden. Um mehr oder weniger Videos anzuzeigen, geben Sie einfach eine andere Zahl in das Feld neben dem Desktop-Symbol ein.

Passen Sie die Anzahl der TikTok-Beiträge an, die in Ihrem Feed angezeigt werden sollen

Smash Balloon aktiviert auch automatisch eine Kopfzeile für Ihren TikTok-Feed, die Ihr TikTok-Profilbild, Ihren Benutzernamen, Ihre Follower, Likes, eine Schaltfläche zum Folgen und mehr anzeigt.

Um Anpassungen an Ihrem Header vorzunehmen, klicken Sie einfach auf die Registerkarte „Header“ im visuellen Editor, um die Anpassungsoptionen zu öffnen.

TikTok-Feed-Header bearbeiten

Es gibt noch einige weitere Einstellungen, die Sie konfigurieren können, aber das ist alles, was Sie benötigen, um einen auffälligen TikTok-Feed zu erstellen. Wenn Sie mit Ihren Einstellungen zufrieden sind, klicken Sie auf die Schaltfläche „Speichern“.

Smash Balloon erstellt nun einen Shortcode, den Sie verwenden können, um den Feed zu Ihrer Website hinzuzufügen.

Speichern Sie Ihren TikTok-Feed und klicken Sie auf die Schaltfläche „Einbetten“

Drücken Sie auf die Schaltfläche „Einbetten“.

Dies öffnet ein Popup-Fenster, in dem Sie den Shortcode kopieren können.

Kopieren Sie den Shortcode für Ihren TikTok-Feed

Fügen Sie diesen Shortcode einfach in eine beliebige Seite, einen Beitrag oder einen für Widgets geeigneten Bereich ein. Schritt-für-Schritt-Anleitungen zum Platzieren des Shortcodes finden Sie in unserem Leitfaden unter so fügen Sie einen Shortcode in WordPress ein.

Wenn das erledigt ist, besuchen Sie einfach Ihre Website, um den TikTok-Feed in Aktion zu sehen.

Ein Beispiel für einen TikTok-Feed, eingebettet auf einer WordPress-Website

Mit dem TikTok-Videoplayer von Smash Balloon können Besucher Videos anklicken und sie direkt auf Ihrer Website mit Ton abspielen, genau wie auf TikTok.

Bonus: Verschiedene Social-Media-Feeds zu Ihrer WordPress-Website hinzufügen

Heutzutage haben die meisten Marken mehr als ein Social-Media-Konto. Wenn Sie zum Beispiel ein TikTok-Profil betreiben, haben Sie vielleicht auch ein Instagram-Profil, um Reels zu posten.

Dies ist eine großartige digitale Marketingpraxis, da Sie so viele Benutzer wie möglich auf verschiedenen Plattformen erreichen können.

Wenn Sie dies tun, möchten Sie vielleicht auch die anderen Social-Media-Feeds auf Ihrer WordPress-Website hinzufügen. Neben mehr Social-Media-Followern können Sie Ihren Besuchern auch zeigen, welche Inhalte sie verpasst haben, indem sie Ihnen nicht auf Social Media folgen.

Smash Balloon bietet verschiedene Social-Media-Feed-Plugins für WordPress. Sie können Feeds von Facebook, Instagram, YouTube, Twitter und sogar Bewertungsseiten hinzufügen, um Ihren Social Proof anzuzeigen.

Das Smash Balloon Reviews Feed Pro Plugin

Weitere Informationen finden Sie in unserem Leitfaden zum Hinzufügen Ihrer Social-Media-Feeds zu WordPress.

Wir hoffen, dieser Artikel hat Ihnen geholfen zu lernen, wie Sie TikTok-Videos in WordPress einbetten. Vielleicht möchten Sie auch unsere ultimative Liste von Social-Media-Statistiken ansehen oder unsere Expertenauswahl der besten Social-Media-Plugins sehen.

Wenn Ihnen dieser Artikel gefallen hat, abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Video-Tutorials. Sie finden uns auch auf Twitter und Facebook.

Offenlegung: Unsere Inhalte werden von unseren Lesern unterstützt. Das bedeutet, wenn Sie auf einige unserer Links klicken, können wir eine Provision verdienen. Sehen Sie wie WPBeginner finanziert wird, warum das wichtig ist und wie Sie uns unterstützen können. Hier ist unser Redaktionsprozess.

Das ultimative WordPress-Toolkit

Erhalten Sie KOSTENLOSEN Zugang zu unserem Toolkit – eine Sammlung von WordPress-bezogenen Produkten und Ressourcen, die jeder Profi haben sollte!

Leserinteraktionen

13 CommentsLeave a Reply

  1. Gibt es eine Möglichkeit, das Erscheinungsbild eines eingebetteten TikTok-Videos anzupassen? Kann ich zum Beispiel die Farbe des Wiedergabebuttons ändern oder das TikTok-Logo ausblenden?

      • Vielen Dank für die Information, dass zumindest ein Teil der Anpassung möglich sein wird. Ich werde das Plugin auf jeden Fall ausprobieren, da ich TikTok auf der Website implementieren möchte. Ich sehe es als ein relativ starkes soziales Netzwerk, besonders für die jüngere Generation.

  2. Endlich kann ich jetzt meine Tiktok-Videos auf meiner Website nutzen. Es war schwierig für mich, Youtube-Videos zu erstellen, und ich habe mich gefragt, ob ich meine Tiktok-Videos verwenden könnte.
    Jetzt habe ich es im Griff. Vielen Dank an das WPBeginner-Team für diesen Beitrag.

  3. Gibt es einen Unterschied, wenn ich die TikTok-URL einfach in meinen Artikel kopiere und einfüge oder wenn ich einen neuen Block hinzufüge, TikTok auswähle und dann den Link dort einfüge?

    • Dies erleichtert zukünftige Aktualisierungen des Artikels, um sicherzustellen, dass er ein eigener Block ist.

      Admin

    • Wenn Sie das Plugin verwenden, sollten Sie Ihre Einstellungen überprüfen, um sicherzustellen, dass der von Ihnen festgelegte Benutzername oder Hashtag für Ihre Seite und nicht für unsere gilt.

      Admin

  4. „Chapeau“. Ausgezeichnet, prägnant, klar und so informativ! Das ist für mich ein erstaunliches Juwel. Vielen Dank!

  5. Vielen Dank für Ihre wertvollen Informationen. Ich liebe diese Art von Inhalten wirklich.
    Großartige Arbeit. Schreiben Sie weiterhin diese Art von Inhalten für uns. Ihre Blogbeiträge sind für mich sehr hilfreich. Ich warte auf mehr…..

Hinterlassen Sie eine Antwort

Vielen Dank, dass Sie einen Kommentar hinterlassen. Bitte beachten Sie, dass alle Kommentare gemäß unserer Kommentarrichtlinie moderiert werden und Ihre E-Mail-Adresse NICHT veröffentlicht wird. Bitte verwenden Sie KEINE Schlüsselwörter im Namensfeld. Führen wir ein persönliches und bedeutungsvolles Gespräch.