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

Jak osadzać filmy TikTok w WordPress (3 proste metody)

Wielu naszych czytelników pytało, jak dodać filmy TikTok do swoich witryn WordPress. Ponieważ popularność TikTok gwałtownie wzrosła, naturalne jest, że chcesz włączyć tę angażującą treść do swojej witryny internetowej.

Dobra wiadomość jest taka, że jest to całkowicie możliwe i może być całkiem proste. Osadzanie filmów TikTok może odświeżyć twoją treść, zwiększyć zaangażowanie, a nawet pomóc w zwiększeniu liczby obserwujących TikTok.

Niezależnie od tego, czy chcesz zaprezentować swój własny TikTok, czy też pełnić funkcję popularnych filmów, mamy dla Ciebie rozwiązanie. Pokażemy Ci 3 proste metody osadzania filmów TikTok w WordPressie, odpowiednie dla różnych motywów i potrzeb.

How to embed TikTok videos in WordPress

Dlaczego warto osadzać filmy TikTok w WordPress?

Zgodnie z naszą ostateczną listą statystyk dotyczących blogów, wpisy z filmami uzyskują o 83% większy ruch niż te bez nich. To powiedziawszy, jeśli już wpisujesz TikToki, sensowne jest osadzanie tych filmów na twojej witrynie internetowej WordPress.

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

W ten sposób można uzyskać więcej odwiedzających, bez konieczności poświęcania mnóstwa czasu na tworzenie nowych treści. Filmy te mogą również pomóc przyciągnąć uwagę odwiedzających i zatrzymać ich na Twojej witrynie internetowej na dłużej, co zwiększy liczbę odsłon i zmniejszy współczynnik odrzuceń w WordPress.

Jednocześnie filmy te będą promować Twój kanał TikTok wśród osób, które przejdą na Twoją witrynę internetową. Może to zwiększyć zaangażowanie i liczbę obserwujących na TikTok.

Mając to na uwadze, zobaczmy, jak można osadzać filmy TikTok w WordPress. Wystarczy skorzystać z poniższych odnośników, aby przejść bezpośrednio do wybranej metody:

Metoda 1. Korzystanie z bloku TikTok (działa z dowolnym motywem)

Najprostszym sposobem na osadzanie TikToksa na twojej witrynie WordPress jest wklejenie adresu URL filmu do edytora strony lub wpisu. WordPress automatycznie wykryje film i pobierze go dla Ciebie. Możesz również zrobić to samo dla filmów z YouTube, Facebooka itp.

Najpierw musisz przejść na film TikTok, który chcesz osadzać. Następnie skopiuj adres URL filmu.

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

Następnie otwórz stronę WordPress lub wpis, w którym chcesz wyświetlić film TikTok. Następnie możesz po prostu wkleić adres URL do edytora bloków WordPress.

WordPress automatycznie wykryje, że osadzasz film TikTok i doda blok TikTok z już osadzanym filmem.

Embedding TikTok videos on a WordPress blog or website

Domyślnie WordPress automatycznie zmieni rozmiar filmu TikTok dla mniejszych ekranów, w tym smartfonów i tabletów. Zachowa również proporcje filmu po zmianie rozmiaru przeglądarki.

Jest to korzystne dla użytkownika, dlatego zalecamy włączenie tego ustawienia. Czasami jednak możesz chcieć zachować film w tym samym rozmiarze, bez względu na wszystko. W takim przypadku kliknij, aby wybrać blok TikTok, a następnie wyłącz przełącznik „Zmień rozmiar dla mniejszych urządzeń”.

Resizing a TikTok video on mobile devices including smartphones and tablets

Jeśli wyłączysz to ustawienie, dobrym pomysłem jest przetestowanie mobilnej wersji twojej witryny WordPress z poziomu komputera, aby sprawdzić, czy jesteś zadowolony z wrażeń odwiedzających.

Podobne wyniki można uzyskać, dodając blok TikTok do strony lub wpisu. Następnie można dodać adres URL filmu TikTok w dowolnym miejscu.

Aby dodać blok TikTok, wystarczy kliknąć ikonkę „+”, a następnie wpisać „TikTok”.

Adding the WordPress TikTok block to a page or post

Gdy pojawi się odpowiedni blok, kliknij, aby dodać go do strony lub wpisu.

Następnie wystarczy wkleić adres URL TikTok do bloku i kliknąć „Osadzaj”.

The TikTok WordPress block

Inną opcją jest osadzanie filmu TikTok w obszarze gotowym na widżet, takim jak panel boczny lub podobna sekcja. Pozwala to na wyświetlanie tego samego filmu na całej twojej witrynie.

Na przykład, jeśli próbujesz stworzyć wiralowe rozdanie w TikTok, możesz osadzać film ogłaszający konkurs.

Aby to zrobić, przejdź do Wygląd ” Widżety w twoim kokpicie. Tutaj zobaczysz wszystkie różne obszary, w których możesz dodawać widżety w WordPress.

Adding widgets to a sidebar or similar section

Po prostu znajdź obszar, w którym chcesz osadzać film TikTok.

Następnie kliknij ikonkę „+”.

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

W wyświetlonym oknie wpisz „TikTok”.

Gdy pojawi się odpowiedni blok, kliknij, aby dodać go do obszaru gotowego na widżet.

Embedding TikToks in a WordPress website or blog

Możesz teraz wkleić adres URL filmu TikTok, który chcesz osadzać.

Po wykonaniu tej czynności kliknij przycisk „Osadzaj”.

How to embed TikTok videos in WordPress

Po zakończeniu nie zapomnij kliknąć „Aktualizuj”, aby wprowadzić zmiany.

Możesz teraz przejść na Twój blog WordPress lub witrynę internetową, aby zobaczyć film TikTok na żywo.

Making a TikTok video live on your website

Metoda 2. Korzystanie z edytora całej witryny (działa z motywami WordPress opartymi na blokach)

Jeśli korzystasz z motywu blokowego, możesz dodać TikTok do dowolnego obszaru lub szablonu obsługującego widżety za pomocą edytora całej witryny.

Umożliwia to wyświetlanie filmów TikTok na stronach i we wpisach, których nie można edytować za pomocą standardowego edytora treści. Na przykład, możesz użyć filmów TikTok, aby ulepszyć szablon strony 404.

W twoim kokpicie WordPress przejdź do Wygląd ” Edytor.

Selecting the Full-Site Editor from the WordPress admin panel

Domyślnie edytor całej witryny wyświetla szablon główny twojego motywu.

Dla celów demonstracyjnych dodamy TikTok do szablonu strony Archive, ale kroki będą w dużej mierze takie same bez względu na to, jaki szablon, wzorzec lub stronę edytujesz.

Najpierw kliknij menu „Szablony”.

Selecting the Templates menu in WordPress Full Site Editor

Zobaczysz teraz wszystkie szablony lub fragmenty szablonu, które składają się na twój motyw WordPress.

Po prostu znajdź szablon, w którym chcesz osadzać film TikTok i kliknij go.

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

WordPress wyświetli teraz podgląd szablonu.

Aby przejść dalej i edytować układ, kliknij małą ikonkę ołówka.

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

Po wykonaniu tej czynności kliknij przycisk „+” w lewym górnym rogu ekranu.

W wyświetlonym pasku wyszukiwania wpisz „TikTok”.

Adding a TikTok block to a WordPress site template

Gdy pojawi się odpowiedni blok, przeciągnij go i upuść na układ.

Teraz możesz wkleić adres URL filmu do bloku TikTok i kliknąć przycisk „Osadzaj”.

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

Gdy będziesz zadowolony z wyglądu szablonu, kliknij przycisk „Zapisz”. Teraz wystarczy przejść na twoją witrynę internetową WordPress, aby zobaczyć TikTok w działaniu.

Metoda 3. Użycie Smash Balloon (osadzanie całego Twojego kanału TikTok)

Jeśli chcesz tylko dodać kilka TikToków do twojej witryny internetowej WordPress, to metoda 1 i metoda 2 są świetnym wyborem. Czasami jednak możesz chcieć pokazać wszystkie twoje najnowsze TikToki na kanale, który aktualizuje się automatycznie.

Jest to łatwy sposób na utrzymanie Twojej witryny internetowej świeżej i interesującej, przy jednoczesnym promowaniu najnowszych filmów TikTok.

Najlepszym sposobem na osadzanie TikTok feed w WordPress jest użycie TikTok Feeds Pro by Smash Balloon.

Jest to jedna z najlepszych wtyczek TikTok, która pozwala połączyć WordPress z kontem TikTok, a następnie wyświetlać wszystkie twoje filmy w układach galerii, takich jak siatka, masonry i karuzela.

Smash Balloon TikTok feed example

Pamiętaj tylko, że możesz pokazywać TikToki tylko z twojego konta.

Najpierw musisz zainstalować i włączyć wtyczkę TikTok Feeds Pro. Jeśli potrzebujesz pomocy, zapoznaj się z naszym przewodnikiem na temat instalacji wtyczki WordPress.

Uwaga: Istnieje również darmowa wersja wtyczki TikTok Feeds, której można użyć na początek. Wersja Pro oferuje jednak bardziej zaawansowane funkcje.

Po włączeniu wtyczki, przejdź do TikTok Feeds ” All Feeds z kokpitu WordPress. Następnie kliknij przycisk „Utwórz nowy” u góry strony.

Add new TikTok feed

Następnie należy połączyć nowy kanał z twoim kontem TikTok, aby wtyczka mogła wyświetlać twoje filmy.

Zacznij od kliknięcia przycisku „Dodaj źródło”.

Click the Add Source button to connect your TikTok account

Na następnej stronie należy kliknąć przycisk „Połącz z TikTok”.

Spowoduje to przekierowanie do witryny internetowej TikTok, gdzie Smash Balloon poprosi o dostęp tylko do odczytu do twojego konta TikTok.

Click the Connect with TikTok button

Naciśnij przycisk „Autoryzuj”, aby kontynuować.

Gdy skończysz, Smash Balloon automatycznie przeniesie cię z powrotem do pulpitu WordPress.

Authorize Smash Balloon to connect to your TikTok account

Teraz możesz wybrać twoje konto TikTok.

Następnie naciśnij przycisk „Dalej”.

Select TikTok account to create feed

Z tego miejsca możesz wybrać szablon dla twojego kanału TikTok spośród opcji takich jak domyślna siatka, karty, lista, najnowsze filmy, karuzela i karuzela z prezentacjami.

Kliknij dowolny motyw i naciśnij przycisk „Dalej”, aby kontynuować.

Choose a template for your TikTok feed

Spowoduje to uruchomienie edytora wizualnego, w którym można wprowadzić własne konfiguratory na kanale TikTok. Po lewej stronie zobaczysz wszystkie opcje konfiguratora, a po prawej podgląd na żywo twojego kanału.

Aby rozpocząć wprowadzanie własnych konfiguratorów, kliknij kartę „Układ”.

Customize your TikTok feed with the visual editor

Tutaj możesz wybrać układ dla twojego kanału TikTok spośród opcji takich jak siatka, lista, masonry i karuzela. Możesz także dostosować odstępy, liczbę wpisów do wyświetlenia, kolumny i długość treści.

Domyślnie Smash Balloon pokaże 10 ostatnich TikToków wpisanych na twoje konto na urządzeniach stacjonarnych. Aby wyświetlić więcej lub mniej filmów, wystarczy wpisać inny rodzaj liczby w polu obok ikonki pulpitu.

adjust the number of TikTok posts to display in your feed

Smash Balloon automatycznie włącza również nagłówek dla twojego TikTok Feed, który wyświetla twoje zdjęcie profilowe TikTok, nazwę użytkownika, obserwujących, polubienia, przycisk obserwowania i inne.

Aby wprowadzić zmiany w twoim nagłówku, po prostu kliknij kartę „Nagłówek” w edytorze wizualnym, aby otworzyć opcje konfiguratora.

Edit TikTok feed header

Istnieje jeszcze kilka ustawień, które można skonfigurować, ale to wszystko, czego potrzebujesz, aby stworzyć przyciągający wzrok kanał TikTok. Kiedy będziesz zadowolony z twoich ustawień, kliknij przycisk „Zapisz”.

Smash Balloon utworzy teraz krótki kod, którego możesz użyć do dodania kanału do twojej witryny internetowej.

Save your TikTok feed and click the Embed button

Przejdź dalej i naciśnij przycisk „Osadzaj”.

Spowoduje to otwarcie wyskakującego okna, w którym można skopiować krótki kod.

Copy the shortcode for your TikTok feed

Teraz wystarczy wkleić ten krótki kod do dowolnej strony, podstrony lub obszaru gotowego na widżet. Aby uzyskać instrukcje krok po kroku, jak umieścić krótki kod, zapoznaj się z naszym przewodnikiem na temat dodawania krótkiego kodu w WordPress.

Po wykonaniu tej czynności wystarczy przejść na twoją witrynę internetową, aby zobaczyć kanał TikTok w działaniu.

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

Dzięki odtwarzaczowi filmów TikTok Smash Balloon odwiedzający będą mogli klikać filmy i odtwarzać je z dźwiękiem bezpośrednio na twojej witrynie internetowej, tak jak na TikTok.

Bonus: Dodaj różne kanały mediów społecznościowych na twoją witrynę internetową WordPress

W dzisiejszych czasach większość marek ma więcej niż jedno konto w mediach społecznościowych. Na przykład, jeśli prowadzisz profil TikTok, możesz mieć również profil na Instagramie, na którym wpisujesz rolki.

Jest to świetna praktyka marketingu cyfrowego, ponieważ można dotrzeć do jak największej liczby użytkowników na różnych platformach.

Jeśli to zrobisz, możesz również dodać te inne kanały społecznościowe do swojej witryny internetowej WordPress. Oprócz zdobycia większej liczby obserwujących w mediach społecznościowych, możesz także pokazać odwiedzającym, jakie treści przegapili, nie śledząc Cię w mediach społecznościowych.

Smash Balloon ma różne wtyczki do mediów społecznościowych dla WordPress. Możesz dodać kanały z Facebooka, Instagramu, YouTube’a, Twittera, a nawet witryn z recenzjami, aby pokazać swój dowód społeczny.

The Smash Balloon Reviews Feed Pro plugin

Aby uzyskać więcej informacji, zapoznaj się z naszym przewodnikiem na temat dodawania twoich kanałów mediów społecznościowych do WordPressa.

Mamy nadzieję, że ten artykuł pomógł ci dowiedzieć się, jak osadzać filmy TikTok w WordPress. Możesz również zapoznać się z naszą ostateczną listą statystyk mediów społecznościowych lub zobaczyć naszą ekspercką listę najlepszych wtyczek do mediów społecznościowych.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Ujawnienie: Nasze treści są wspierane przez czytelników. Oznacza to, że jeśli klikniesz na niektóre z naszych linków, możemy otrzymać prowizję. Zobacz jak WPBeginner jest finansowany, dlaczego to ma znaczenie i jak możesz nas wspierać. Oto nasz proces redakcyjny.

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.

Najlepszy zestaw narzędzi WordPress

Uzyskaj BEZPŁATNY dostęp do naszego zestawu narzędzi - zbiór produktów i zasobów związanych z WordPressem, które każdy profesjonalista powinien mieć!

Reader Interactions

10 komentarzyZostaw odpowiedź

  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 :)

      Administrator

  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.

      Administrator

  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.

      Administrator

  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 :)

      Administrator

  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 :)

      Administrator

Zostaw odpowiedź

Dziękujemy za pozostawienie komentarza. Pamiętaj, że wszystkie komentarze są moderowane zgodnie z naszymi polityka komentarzy, a Twój adres e-mail NIE zostanie opublikowany. NIE używaj słów kluczowych w polu nazwy. Przeprowadźmy osobistą i konstruktywną rozmowę.