Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Wie man TikTok-Videos in WordPress einbettet (3 einfache Methoden)

Viele unserer Besucher haben sich gefragt, wie sie TikTok-Videos in ihre Websites mit WordPress einbinden können. Da die Popularität von TikTok in die Höhe geschnellt ist, ist es nur natürlich, dass Sie diese ansprechenden Inhalte in Ihre Website einbinden möchten.

Die gute Nachricht ist: Es ist durchaus möglich und kann ganz einfach sein. Das Einbetten von TikTok-Videos kann Ihre Inhalte auffrischen, das Engagement steigern und sogar dazu beitragen, Ihre TikTok-Follower zu vergrößern.

Ganz gleich, ob Sie Ihre eigenen TikToks präsentieren oder Funktionen für aktuelle Videos hervorheben möchten, wir haben alles für Sie. Wir zeigen Ihnen 3 einfache Methoden zum Einbetten von TikTok-Videos in WordPress, die für verschiedene Themes und Bedürfnisse geeignet sind.

How to embed TikTok videos in WordPress

Warum TikTok-Videos in WordPress einbetten?

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

An example of a TikTok video, embedded in a WordPress website

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

Gleichzeitig bewerben diese Videos Ihren TikTok-Kanal bei Menschen, die Ihre Website besuchen. Dies kann Ihnen mehr Engagement und Follower auf TikTok bringen.

Sehen wir uns also an, wie Sie TikTok-Videos in WordPress einbetten können. Verwenden Sie einfach die Links unten, um direkt zur gewünschten Methode zu springen:

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

Der einfachste Weg, TikToks auf Ihrer WordPress-Website einzubetten, ist das Einfügen der URL des Videos in den Editor für Seiten oder Beiträge. WordPress erkennt dann das Video und ruft es automatisch für Sie ab. Das Gleiche können Sie 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.

Adding a TikTok video to a page or post using the WordPress block editor

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

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

Embedding TikTok videos on a WordPress blog or website

Standardmäßig passt WordPress die Größe des TikTok-Videos automatisch für kleinere Bildschirme an, einschließlich Smartphones und Tablets. Außerdem wird das Verhältnis des Videos beibehalten, wenn die Größe des Browsers geändert wird.

Dies ist für die Benutzerfreundlichkeit von Vorteil, weshalb wir empfehlen, diese Einstellung aktiviert zu lassen. Manchmal möchten Sie das Video jedoch auf jeden Fall in der gleichen Größe behalten. Wählen Sie in diesem Fall den TikTok-Block aus und deaktivieren Sie dann die Option „Größe für kleinere Geräte anpassen“.

Resizing a TikTok video on mobile devices including smartphones and tablets

Wenn Sie diese Einstellung deaktivieren, sollten Sie die mobile Version Ihrer WordPress-Website vom Desktop aus testen, um zu prü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 an einer beliebigen Stelle hinzufügen.

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

Adding the WordPress TikTok block to a page or post

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

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

The TikTok WordPress block

Eine weitere Möglichkeit ist die Einbettung des TikTok-Videos in einen Widget-fähigen Bereich wie die Seitenleiste oder einen ähnlichen Bereich. So können Sie das gleiche Video auf Ihrer gesamten Website zeigen.

Wenn Sie zum Beispiel versuchen, eine virale Werbeaktion in TikTok zu starten, können Sie das Video zur Ankündigung des Wettbewerbs einbetten.

Gehen Sie dazu in Ihrem Dashboard auf Erscheinungsbild “ Widgets. Hier sehen Sie alle verschiedenen Bereiche, in denen Sie Widgets in WordPress hinzufügen können.

Adding widgets to a sidebar or similar section

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

Klicken Sie dann auf das „+“-Symbol.

Adding a block to a widget-ready area in your WordPress theme

Geben Sie in dem daraufhin angezeigten Popup-Fenster „TikTok“ ein.

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

Embedding TikToks in a WordPress website or blog

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

Klicken Sie anschließend auf die Schaltfläche „Einbetten“.

How to embed TikTok videos in WordPress

Wenn Sie fertig sind, vergessen Sie nicht, auf „Aktualisieren“ zu klicken, damit die Änderungen wirksam werden.

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

Making a TikTok video live on your website

Methode 2. Verwendung des Full-Site-Editors (funktioniert mit blockbasierten WordPress-Themes)

Wenn Sie ein Block-Theme verwenden, können Sie ein TikTok in jeden Widget-fähigen Bereich oder jede Vorlage mit dem Full-Site-Editor einfügen.

So können Sie TikTok-Videos auf Seiten und Beiträgen anzeigen, die Sie nicht mit dem Standard-Inhaltseditor bearbeiten können. Sie könnten zum Beispiel TikTok-Videos verwenden, um Ihre 404-Seitenvorlage zu verbessern.

Gehen Sie in Ihrem WordPress-Dashboard zu Erscheinungsbild “ Editor.

Selecting the Full-Site Editor from the WordPress admin panel

Standardmäßig wird im Full-Site-Editor die Home-Vorlage Ihres Themes angezeigt.

Zur Veranschaulichung fügen wir der Seitenvorlage „Archiv“ einen TikTok hinzu, aber die Schritte sind weitgehend identisch, egal welche Vorlage, welches Muster oder welche Seite Sie bearbeiten.

Klicken Sie zunächst auf das Menü „Vorlagen“.

Selecting the Templates menu in WordPress Full Site Editor

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

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

Customizing the archive template using the WordPress block-based FSE editor

WordPress zeigt nun eine Vorschau der Vorlage an.

Um das Layout zu bearbeiten, klicken Sie auf das kleine Bleistiftsymbol.

Editing a block-based template using the full-site editor (FSE)

Klicken Sie anschließend auf die Schaltfläche „+“ oben links auf dem Bildschirm.

Geben Sie in der erscheinenden Suchleiste „TikTok“ ein.

Adding a TikTok block to a WordPress site template

Wenn der richtige Block angezeigt wird, ziehen Sie ihn auf das Layout und legen ihn ab.

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

Adding a TikTok video to any part of your website or blog

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

Methode 3. Smash Balloon verwenden (Ihren gesamten TikTok-Feed einbetten)

Wenn Sie nur ein paar TikToks zu Ihrer WordPress-Website hinzufügen möchten, dann sind Methode 1 und Methode 2 beide eine gute Wahl. Manchmal möchten Sie jedoch vielleicht alle Ihre neuesten TikToks in einem Feed anzeigen, der automatisch aktualisiert wird.

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 einzubinden, ist die Verwendung von TikTok Feeds Pro von Smash Balloon.

Es ist eines der besten TikTok Plugins, mit dem Sie WordPress mit Ihrem TikTok Konto verbinden können und dann alle Ihre Videos in Galerien wie Raster, Masonry und Karussell anzeigen können.

Smash Balloon TikTok feed example

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

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

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

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

Add new TikTok feed

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“.

Click the Add Source button to connect your TikTok account

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

Dadurch werden Sie auf die TikTok-Website weitergeleitet, wo Smash Balloon Sie um Lesezugriff auf Ihr TikTok-Konto bitten wird.

Click the Connect with TikTok button

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

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

Authorize Smash Balloon to connect to your TikTok account

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

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

Select TikTok account to create feed

Hier können Sie eine Vorlage für Ihren TikTok-Feed aus Optionen wie Standardgitter, Karten, Liste, letztes Video, Karussell und Vitrinenkarussell auswählen.

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

Choose a template for your TikTok feed

Dadurch wird der visuelle Editor gestartet, in dem Sie Ihren TikTok-Feed anpassen können. Auf der linken Seite sehen Sie alle Anpassungsoptionen und auf der rechten Seite können Sie eine Live-Vorschau Ihres Feeds sehen.

Um Anpassungen vorzunehmen, klicken Sie auf die Registerkarte „Layout“.

Customize your TikTok feed with the visual editor

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

Standardmäßig zeigt Smash Balloon auf Desktop-Geräten die letzten 10 TikToks an, die in deinem Konto gepostet wurden. Um mehr oder weniger Videos anzuzeigen, gib einfach eine andere Zahl in das Feld neben dem Desktop-Symbol ein.

adjust the number of TikTok posts to display in your feed

Smash Balloon aktiviert auch automatisch einen Header für Ihren TikTok-Feed, der Ihr TikTok-Profilbild, Ihren Benutzernamen, Ihre Follower, Likes, einen Follow-Button und mehr anzeigt.

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

Edit TikTok feed header

Es gibt noch einige weitere Einstellungen, die Sie konfigurieren können, aber das ist alles, was Sie brauchen, 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 in Ihre Website einzubinden.

Save your TikTok feed and click the Embed button

Klicken Sie auf die Schaltfläche „Einbetten“.

Daraufhin öffnet sich ein Popup-Fenster, in das Sie den Shortcode kopieren können.

Copy the shortcode for your TikTok feed

Fügen Sie diesen Shortcode nun einfach in eine beliebige Seite oder einen Widget-bereiten Bereich ein. Eine Schritt-für-Schritt-Anleitung zum Platzieren des Shortcodes finden Sie in unserer Anleitung zum Hinzufügen eines Shortcodes in WordPress.

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

An example of a TikTok feed, embedded on a WordPress website

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

Bonus: Fügen Sie verschiedene Social Media Feeds zu Ihrer WordPress-Website hinzu

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

Dies ist eine großartige Methode des digitalen Marketings, da Sie so viele Nutzer wie möglich auf verschiedenen Plattformen erreichen können.

Wenn Sie dies tun, sollten Sie auch diese anderen sozialen Feeds zu Ihrer WordPress-Website hinzufügen. So gewinnen Sie nicht nur mehr Follower in den sozialen Medien, sondern können den Besuchern auch zeigen, welche Inhalte sie verpasst haben, weil sie Ihnen nicht in den sozialen Medien folgen.

Smash Balloon bietet verschiedene Social Media Feeds Plugins für WordPress an. Sie können Feeds von Facebook, Instagram, YouTube, Twitter und sogar Websites hinzufügen, um Ihre soziale Kompetenz unter Beweis zu stellen.

The Smash Balloon Reviews Feed Pro plugin

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

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

Wenn Ihnen dieser Artikel gefallen hat, dann abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Videotutorials. Sie können uns auch auf Twitter und Facebook finden.

Offenlegung: Unsere Inhalte werden von unseren Lesern unterstützt. Das bedeutet, dass wir möglicherweise eine Provision verdienen, wenn Sie auf einige unserer Links klicken. Mehr dazu erfahren Sie unter Wie WPBeginner finanziert wird , warum das wichtig ist und wie Sie uns unterstützen können. Hier finden Sie unseren redaktionellen Prozess .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Das ultimative WordPress Toolkit

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

Reader Interactions

10 KommentareEine Antwort hinterlassen

  1. THANKGOD JONATHAN

    Finally I can now use my Tiktok videos on my site. It has been difficult for me to create Youtube videos and was thinking if I could be using my Tiktok videos.
    Now I have it under control. Thank you WPBeginner team for this post.

    • WPBeginner Support

      Glad we could share how to use TikTok videos :)

      Admin

  2. Ralph

    Is there any difference if i just copy paste tiktok url into my article or if I add new block, choose tiktok and then paste the link there?

    • WPBeginner Support

      It more makes things easier should the article need to be updated in the future to ensure it is its own block.

      Admin

  3. CHAHRAZAD

    IT only shows your feed on my blog not mine , how to fix that please

    • WPBeginner Support

      If you’re using the plugin, you would want to check your settings to ensure the username or hashtag you set is for your page, not ours.

      Admin

  4. Marie-Eleonore

    „Chapeau“. Excellent, concise, clear and so informative! This for me is one amazing gem. Thank you so much!

    • WPBeginner Support

      Glad you found our guide helpful :)

      Admin

  5. Suraj Jha

    thanks for your valuable information. i really love this types of content.
    great work. keep writing this type of content for us. your every blog posts are very helpful for me. waiting for more…..

    • WPBeginner Support

      Glad you found our content helpful :)

      Admin

Eine Antwort hinterlassen

Danke, dass du einen Kommentar hinterlassen möchtest. Bitte beachte, dass alle Kommentare nach unseren kommentarpolitik moderiert werden und deine E-Mail-Adresse NICHT veröffentlicht wird. Bitte verwende KEINE Schlüsselwörter im Namensfeld. Lass uns ein persönliches und sinnvolles Gespräch führen.