Tutoriales de WordPress de Confianza, cuando más los necesitas.
Guía para Principiantes de WordPress
Copa WPB
25 Millones+
Sitios web que usan nuestros plugins
16+
Años de experiencia en WordPress
3000+
Tutoriales de WordPress de expertos

Cómo incrustar videos de TikTok en WordPress (3 métodos sencillos)

Muchos de nuestros lectores han estado preguntando cómo agregar videos de TikTok a sus sitios de WordPress. A medida que la popularidad de TikTok se ha disparado, es natural querer incorporar este contenido atractivo en tu sitio web.

La buena noticia es que es totalmente posible y puede ser bastante sencillo. Incrustar videos de TikTok puede refrescar tu contenido, aumentar la participación e incluso ayudar a hacer crecer tu número de seguidores en TikTok.

Ya sea que estés mostrando tus propios TikToks o presentando videos de tendencia, te tenemos cubierto. Te mostraremos 3 métodos sencillos para incrustar videos de TikTok en WordPress, adecuados para diferentes temas y necesidades.

Cómo incrustar videos de TikTok en WordPress

¿Por qué incrustar videos de TikTok en WordPress?

Según nuestra lista definitiva de estadísticas de blogs, las publicaciones con videos obtienen un 83% más de tráfico que las que no los tienen. Dicho esto, si ya publicas TikToks, tiene sentido incrustar estos videos en tu sitio web de WordPress.

Un ejemplo de un video de TikTok, incrustado en un sitio web de WordPress

De esta manera, puedes obtener más visitantes, sin tener que pasar mucho tiempo creando contenido nuevo. Estos videos también pueden ayudar a captar la atención del visitante y mantenerlo en tu sitio web por más tiempo, lo que aumentará las visitas a la página y reducirá la tasa de rebote en WordPress.

Al mismo tiempo, estos videos promocionarán tu canal de TikTok a las personas que visitan tu sitio web. Esto puede generar más participación y seguidores en TikTok.

Dicho esto, veamos cómo puedes incrustar videos de TikTok en WordPress. Simplemente usa los enlaces rápidos a continuación para saltar directamente al método que deseas usar:

Método 1. Usando el bloque de TikTok (funciona con cualquier tema)

La forma más fácil de incrustar TikToks en tu sitio de WordPress es pegando la URL del video en el editor de página o publicación. WordPress detectará el video y lo obtendrá automáticamente por ti. También puedes hacer lo mismo para videos de YouTube, videos de Facebook, y así sucesivamente.

Primero, necesitas visitar el video de TikTok que quieres incrustar. Luego, copia la URL del video.

Agregar un video de TikTok a una página o publicación usando el editor de bloques de WordPress

A continuación, abre la página o publicación de WordPress donde quieres mostrar el video de TikTok. Luego, simplemente puedes pegar la URL en el editor de bloques de WordPress.

WordPress detectará automáticamente que estás incrustando un video de TikTok y agregará un bloque de TikTok con el video ya incrustado.

Incrustar videos de TikTok en un blog o sitio web de WordPress

Por defecto, WordPress redimensionará automáticamente el video de TikTok para pantallas más pequeñas, incluyendo smartphones y tablets. También conservará la proporción del video cuando se redimensione el navegador.

Esta es una buena experiencia de usuario, por lo que recomendamos dejar la configuración habilitada. Sin embargo, a veces, es posible que desees mantener el video del mismo tamaño, sin importar qué. En ese caso, haz clic para seleccionar el bloque de TikTok y luego desactiva el interruptor 'Redimensionar para dispositivos pequeños'.

Cambiar el tamaño de un video de TikTok en dispositivos móviles, incluidos teléfonos inteligentes y tabletas

Si deshabilitas esta configuración, entonces es una buena idea probar la versión móvil de tu sitio de WordPress desde el escritorio, para asegurarte de que estás satisfecho con la experiencia del visitante.

Puedes obtener resultados similares agregando el bloque de TikTok a una página o publicación. Después de eso, puedes agregar la URL del video de TikTok en cualquier momento.

Para agregar un bloque de TikTok, simplemente haz clic en el ícono '+' y luego escribe 'TikTok'.

Agregar el bloque de TikTok de WordPress a una página o publicación

Cuando aparezca el bloque correcto, haz clic para agregarlo a la página o publicación.

Después de eso, simplemente puedes pegar la URL de TikTok en el bloque y hacer clic en 'Incrustar'.

El bloque de TikTok de WordPress

Otra opción es incrustar el video de TikTok en un área lista para widgets, como la barra lateral o una sección similar. Esto te permite mostrar el mismo video en todo tu sitio.

Por ejemplo, si estás intentando crear un sorteo viral en TikTok, entonces podrías incrustar el video que anuncia el concurso.

Para hacer esto, ve a Apariencia » Widgets en tu panel de control. Aquí, verás todas las áreas diferentes donde puedes agregar widgets en WordPress.

Agregar widgets a una barra lateral o sección similar

Simplemente encuentra el área donde quieres incrustar el video de TikTok.

Luego, haz clic en el ícono de ‘+’.

Agregar un bloque a un área lista para widgets en tu tema de WordPress

En la ventana emergente que aparece, escribe ‘TikTok’.

Cuando aparezca el bloque correcto, haz clic para agregarlo al área lista para widgets.

Incrustar TikToks en un sitio web o blog de WordPress

Ahora puedes pegar la URL del video de TikTok que deseas incrustar.

Hecho esto, haz clic en el botón ‘Incrustar’.

Cómo incrustar videos de TikTok en WordPress

Cuando hayas terminado, no olvides hacer clic en ‘Actualizar’ para que los cambios se apliquen en vivo.

Ahora puedes visitar tu blog de WordPress o sitio web para ver el video de TikTok en vivo.

Hacer que un video de TikTok esté en vivo en tu sitio web

Método 2. Usando el editor de sitio completo (funciona con temas de WordPress basados en bloques)

Si estás usando un tema de bloques, entonces puedes agregar un TikTok a cualquier área lista para widgets o plantilla usando el editor de sitio completo.

Esto te permite mostrar videos de TikTok en páginas y publicaciones que no puedes editar usando el editor de contenido estándar. Por ejemplo, podrías usar videos de TikTok para mejorar tu plantilla de página 404.

En tu panel de WordPress, ve a Apariencia » Editor.

Seleccionar el Editor de Sitio Completo desde el panel de administración de WordPress

Por defecto, el editor de sitio completo mostrará la plantilla de inicio de tu tema.

Para fines de demostración, agregaremos un TikTok a la plantilla de página de Archivo, pero los pasos serán en gran medida los mismos sin importar la plantilla, patrón o página que esté editando.

Primero, haz clic en el menú 'Plantillas'.

Selección del menú Plantillas en el Editor de Sitio Completo de WordPress

Ahora verás todas las plantillas o partes de plantilla que componen tu tema de WordPress.

Simplemente busca la plantilla donde quieras incrustar un video de TikTok y haz clic en ella.

Personalizar la plantilla de archivo usando el editor FSE (basado en bloques) de WordPress

WordPress ahora mostrará una vista previa de la plantilla.

Para editar el diseño, haz clic en el pequeño ícono de lápiz.

Editar una plantilla basada en bloques usando el editor de sitio completo (FSE)

Hecho esto, haz clic en el botón '+' en la parte superior izquierda de la pantalla.

En la barra de búsqueda que aparece, escribe 'TikTok'.

Agregar un bloque de TikTok a una plantilla de sitio de WordPress

Cuando aparezca el bloque correcto, arrástralo y suéltalo en el diseño.

Ahora puedes pegar la URL del video en el bloque de TikTok y hacer clic en el botón 'Incrustar'.

Agregar un video de TikTok a cualquier parte de tu sitio web o blog

Cuando estés satisfecho con el aspecto de la plantilla, haz clic en el botón 'Guardar'. Ahora, simplemente visita tu sitio web de WordPress para ver el TikTok en acción.

Método 3. Usar Smash Balloon (Incrusta tu feed completo de TikTok)

Si solo quieres agregar algunos TikToks a tu sitio web de WordPress, entonces el método 1 y el método 2 son excelentes opciones. Sin embargo, a veces es posible que desees mostrar todos tus TikToks más recientes en un feed que se actualiza automáticamente.

Esta es una forma fácil de mantener tu sitio web fresco e interesante mientras promocionas tus videos de TikTok más recientes al mismo tiempo.

La mejor manera de incrustar un feed de TikTok en WordPress es usando TikTok Feeds Pro de Smash Balloon.

Es uno de los mejores plugins de TikTok que te permite conectar WordPress a tu cuenta de TikTok y luego mostrar todos tus videos en diseños de galería como cuadrícula, mampostería y carrusel.

Ejemplo de feed de TikTok de Smash Balloon

Solo ten en cuenta que solo puedes mostrar TikToks de tu propia cuenta.

Primero, necesitarás instalar y activar el plugin TikTok Feeds Pro. Si necesitas ayuda, consulta nuestra guía sobre cómo instalar un plugin de WordPress.

Nota: También existe una versión gratuita del plugin TikTok Feeds que puedes usar para empezar. Sin embargo, la versión Pro viene con funciones más avanzadas.

Una vez que el plugin esté activado, dirígete a TikTok Feeds » All Feeds desde el panel de WordPress. Luego, haz clic en el botón ‘Add New’ (Agregar Nuevo) en la parte superior de la página.

Agregar nuevo feed de TikTok

A continuación, necesitas conectar el nuevo feed con tu cuenta de TikTok para que el plugin pueda mostrar tus videos.

Comienza haciendo clic en el botón ‘Add Source’ (Agregar Fuente).

Haz clic en el botón Agregar fuente para conectar tu cuenta de TikTok

En la siguiente página, debes hacer clic en el botón ‘Connect with TikTok’ (Conectar con TikTok).

Esto te redirigirá al sitio web de TikTok, donde Smash Balloon solicitará acceso de solo lectura a tu cuenta de TikTok.

Haz clic en el botón Conectar con TikTok

Presiona el botón ‘Authorize’ (Autorizar) para continuar.

Cuando termines, Smash Balloon te llevará de regreso al panel de WordPress automáticamente.

Autoriza a Smash Balloon a conectarse a tu cuenta de TikTok

Ahora, puedes seleccionar tu cuenta de TikTok.

Luego, presiona el botón ‘Next’ (Siguiente).

Selecciona la cuenta de TikTok para crear el feed

Desde aquí, puedes elegir una plantilla para tu feed de TikTok entre opciones como cuadrícula predeterminada, tarjetas, lista, video más reciente, carrusel y carrusel de exhibición.

Haz clic en cualquier tema que te guste y presiona el botón ‘Next’ (Siguiente) para continuar.

Elige una plantilla para tu feed de TikTok

Esto iniciará el editor visual donde puedes realizar personalizaciones en tu feed de TikTok. En el lado izquierdo, verás todas las opciones de personalización, y puedes ver una vista previa en vivo de tu feed en el lado derecho.

Para comenzar a hacer personalizaciones, haz clic en la pestaña ‘Layout’ (Diseño).

Personaliza tu feed de TikTok con el editor visual

Aquí, puedes seleccionar un diseño para tu feed de TikTok entre opciones como cuadrícula, lista, mampostería y carrusel. También puedes ajustar el espaciado, el número de publicaciones a mostrar, las columnas y la longitud del contenido.

Por defecto, Smash Balloon mostrará los 10 TikToks más recientes publicados en tu cuenta en dispositivos de escritorio. Para mostrar más o menos videos, simplemente escribe un número diferente en el campo junto al icono de Escritorio.

ajusta el número de publicaciones de TikTok a mostrar en tu feed

Smash Balloon también habilita automáticamente una cabecera para tu feed de TikTok, que muestra tu foto de perfil de TikTok, nombre de usuario, seguidores, me gusta, un botón de seguir y más.

Para hacer ajustes a tu encabezado, simplemente haz clic en la pestaña ‘Encabezado’ desde el editor visual para abrir las opciones de personalización.

Editar encabezado del feed de TikTok

Hay algunas configuraciones más que puedes configurar, pero esto es todo lo que necesitas para crear un feed de TikTok llamativo. Cuando estés satisfecho con tu configuración, haz clic en el botón ‘Guardar’.

Smash Balloon ahora creará un shortcode que puedes usar para agregar el feed a tu sitio web.

Guarda tu feed de TikTok y haz clic en el botón Incrustar

Presiona el botón ‘Incrustar’.

Esto abrirá una ventana emergente donde puedes copiar el shortcode.

Copia el shortcode para tu feed de TikTok

Ahora, simplemente pega este shortcode en cualquier página, página o área lista para widgets. Para obtener instrucciones paso a paso sobre cómo colocar el shortcode, consulta nuestra guía sobre cómo agregar un shortcode en WordPress.

Hecho esto, simplemente visita tu sitio web para ver el feed de TikTok en acción.

Un ejemplo de un feed de TikTok, incrustado en un sitio web de WordPress

Con el reproductor de video de TikTok de Smash Balloon, los visitantes podrán hacer clic en los videos y reproducirlos con sonido directamente en tu sitio web, al igual que en TikTok.

Extra: Agrega varios feeds de redes sociales a tu sitio web de WordPress

Hoy en día, la mayoría de las marcas tienen más de una cuenta de redes sociales. Por ejemplo, si tienes un perfil de TikTok, es posible que también tengas uno de Instagram para publicar Reels.

Esta es una excelente práctica de marketing digital, ya que puedes llegar a la mayor cantidad de usuarios posible en varias plataformas.

Si haces esto, es posible que también quieras agregar esos otros feeds sociales a tu sitio web de WordPress. Además de ganar más seguidores en redes sociales, también puedes mostrar a los visitantes el contenido que se han perdido por no seguirte en las redes sociales.

Smash Balloon tiene varios plugins de feeds de redes sociales para WordPress. Puedes agregar feeds de Facebook, Instagram, YouTube, Twitter, e incluso sitios de reseñas para mostrar tu prueba social.

El plugin Smash Balloon Reviews Feed Pro

Para más información, puedes consultar nuestra guía sobre cómo agregar tus feeds de redes sociales a WordPress.

Esperamos que este artículo te haya ayudado a aprender cómo incrustar videos de TikTok en WordPress. También te puede interesar nuestra lista definitiva de estadísticas de redes sociales o ver nuestra selección experta de los mejores plugins para redes sociales.

Si te gustó este artículo, suscríbete a nuestro canal de YouTube para obtener tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.

Descargo de responsabilidad: Nuestro contenido es compatible con el lector. Esto significa que si haces clic en algunos de nuestros enlaces, podemos ganar una comisión. Consulta cómo se financia WPBeginner, por qué es importante y cómo puedes apoyarnos. Aquí está nuestro proceso editorial.

El Kit de herramientas definitivo para WordPress

Obtén acceso GRATUITO a nuestro kit de herramientas: ¡una colección de productos y recursos relacionados con WordPress que todo profesional debería tener!

Interacciones del lector

13 CommentsLeave a Reply

  1. ¿Hay alguna forma de personalizar la apariencia de un video de TikTok incrustado? Por ejemplo, ¿puedo cambiar el color del botón de reproducción o ocultar el logo de TikTok?

      • Gracias por la información de que al menos parte de la personalización será posible. Definitivamente probaré el plugin porque me gustaría implementar TikTok en el sitio web. Lo veo como una red social relativamente fuerte, especialmente para la generación más joven.

  2. Finalmente ahora puedo usar mis videos de Tiktok en mi sitio. Me ha costado trabajo crear videos de Youtube y estaba pensando si podría estar usando mis videos de Tiktok.
    Ahora lo tengo bajo control. Gracias equipo de WPBeginner por esta publicación.

  3. ¿Hay alguna diferencia si simplemente copio y pego la URL de TikTok en mi artículo o si agrego un nuevo bloque, elijo TikTok y luego pego el enlace allí?

    • Hace las cosas más fáciles si el artículo necesita ser actualizado en el futuro para asegurar que sea su propio bloque.

      Administrador

    • Si estás usando el plugin, querrás revisar tu configuración para asegurarte de que el nombre de usuario o hashtag que configuraste sea para tu página, no la nuestra.

      Administrador

  4. “Chapeau”. ¡Excelente, conciso, claro y tan informativo! Para mí, esta es una joya increíble. ¡Muchas gracias!

  5. gracias por tu valiosa información. realmente me encantan este tipo de contenido.
    gran trabajo. sigue escribiendo este tipo de contenido para nosotros. cada una de tus publicaciones de blog me es muy útil. esperando más…..

Deja una respuesta

Gracias por elegir dejar un comentario. Ten en cuenta que todos los comentarios son moderados de acuerdo con nuestra política de comentarios, y tu dirección de correo electrónico NO será publicada. Por favor, NO uses palabras clave en el campo del nombre. Tengamos una conversación personal y significativa.