Cómo incrustar vídeos de TikTok en cualquier sitio web [Paso a paso]

Descubre cómo incrustar vídeos de TikTok en tu sitio web para promocionar productos y servicios, especialmente si tu público objetivo son los jóvenes.

embed TikTok widget

La popularidad de TikTok no va a desaparecer pronto. Por eso te vamos a enseñar cómo puedes incrustar vídeos de TikTok en cualquier creador de sitios web y sacar el máximo partido a esta plataforma. Vamos a conocer cómo incluir TikTok en tu contenidos generados por los usuarios estrategia y sorprender a su sitio web, los visitantes. ¿Está preparado?


Para su información incrustar widget de TikTok automáticamente con EmbedSocial Plataforma UGC. Iniciar una prueba gratuita y muestra ya tus widgets de redes sociales. 

Embed TikTok videos cta

Mostrar TikTok ¡vídeos en su sitio web automáticamente!

Pruebe EmbedFeed y añade vídeos de TikTok, Instagram, YouTube o feeds de Facebook a tu sitio web.

Todas las funciones PRO | Cancelar en cualquier momento.

¿Cómo incrustar un feed de TikTok en un sitio web?

Esbozaremos 2 opciones: una plataforma de terceros o la opción de incrustación nativa manual de TikTok.

Esta sección contiene los pasos más sencillos en caso de que necesite la opción nativa y no necesite sincronizar varios vídeos en su sitio web automáticamente.

¿Cómo incrustar un vídeo de TikTok en tu sitio web con la opción nativa?

Con esta opción, podrás incrustar los vídeos de TikTok uno a uno, y para cada uno, tendrás que copiar el código y pegarlo en tu sitio web.

Siga los pasos que se indican a continuación, tardará menos de un minuto y no necesitará ningún plugin:

Primer paso: Abre tu aplicación TikTok en tu navegador web (o ve a https://www.tiktok.com)

Paso 2: Abra el vídeo que desea incrustar (o copie y pegue una URL del vídeo)

Paso 3: Haga clic en el botón 'Obtener código de incrustación' en la esquina de los botones de compartir de la tarjeta de visualización de vídeo

Paso 4: Seleccione la opción 'Copiar códigopara copiar el código HTML en el portapapeles

embed TikTok video on website

Paso 5: En su sitio web, abra la página en la que desea incrustar el vídeo

Nota: Para los sitios web de WordPress, utilice el bloque HTML Gutenberg o utilice el editor de código para pegar el código de incrustación.

Aquí tienes una demostración de un vídeo de TikTok incrustado en esta entrada del blog:

@colormecourtney

Escondí un mensaje en el vídeo ♥️ ¿Puedes encontrarlo? ##vintage ##estilo ##retro

♬ Be My Baby - The Ronettes

Una vez incrustado en su página web, el vídeo se mostrará junto con atribuciones como el creador del vídeo, la descripción del vídeo y el sonido original de fondo. 

También enlazará con el mismo vídeo en la aplicación TikTok.

Tenga en cuenta lo siguiente: Si se elimina un vídeo de la aplicación TikTok, el vídeo incrustado en un sitio web dejará de estar disponible. Y si descubres el Vídeos UGC en tu teléfono móvil, asegúrate de que tu aplicación TikTok está descargada/actualizada desde tus respectivas tiendas de aplicaciones. Para los usuarios de Android, sería PlayStore y iTunes para usuarios de iPhone iOS.

Para obtener información más detallada, consulte la página oficial Guía en vídeo de TikTok para desarrolladores.

Incrustar vídeos de TikTok con una plataforma UGC

No tienes que pasar por todos esos problemas e incrustar los vídeos de TikTok uno a uno con un diseño predeterminado. Con el agregador de redes sociales EmbedFeed, puedes generar e incrustar automáticamente canales de vídeo de TikTok enteros en tu sitio web. Este widget de vídeo TikTok personalizado convertirá tu sitio web en un canal TikTok en directo.

La plataforma ofrece 2 opciones:

  1. Opción 1: Insertar manualmente los enlaces de los vídeos de TikTok y crear widgets para los feeds de TikTok.
  2. Opción 2: Conecta una cuenta de TikTok y extrae automáticamente todos los vídeos de esa cuenta.

Opción 1: Incrustar vídeos de TikTok manualmente

EmbedSocial te ofrece una gran opción para incrustar cualquier vídeo de TikTok en impresionantes widgets web. Esto significa que no necesitas acceso a la cuenta, pero debes añadir manualmente los enlaces de vídeo.

Estos son los pasos:

Paso 1: Selecciona los vídeos de TikTok

Una vez que seleccione TikTok como fuente, en el segundo paso, en lugar de la cuenta de TikTok, elija 'TikTok video'. A continuación, introduce las URL de los vídeos de TikTok.

En este paso, envía todos los enlaces de vídeo de TikTok que quieras añadir al widget.

add tiktok videos manually

El resto de los pasos para crear e incrustar el widget de TikTok son los mismos que los descritos anteriormente.

Nota: Puede añadir botones CTA personalizados que pueden conducir a la URL de su vídeo TikTok, sitio de comercio electrónico, o dondequiera que usted quiere aterrizar a sus visitantes.

Opción 2: Incrustar vídeos de TikTok automáticamente

Sigue estos pasos para crear un widget de vídeo de TikTok e incrustarlo en tu sitio web.

En primer lugar, debe Crear una cuenta EmbedFeeddonde tendrás que configurar tu fuente TikTok.

Paso 1: Vaya a Fuentes y elija TikTok

Choose TikTok as a source

Paso 2: Elige conectar la cuenta de TikTok

De las 2 opciones proporcionadas, elige una cuenta de TikTok para poder conectarte y extraer automáticamente los vídeos de tu cuenta. Haz clic en "Conectar con TikTok".

connect tiktok account

Paso 3: Dar permisos a la aplicación EmbedFeed TikTok

Una vez que selecciones TikTok, aparecerá una ventana emergente en la que tendrás que hacer clic en 'Autorizarpara permitir que la aplicación se sincronice con tu cuenta de TikTok. 

Click to authorize TikTok

Paso 4: Elegir la cuenta TikTok

Haz clic en el desplegable y selecciona tu cuenta para generar vídeos de TikTok. Una vez que haya terminado, haga clic en Siguiente.

Embed videos from TikTok account

(si tienes más de uno, puedes repetir los pasos y añadirlos también como fuentes).

Paso 5: Elige la plantilla del widget de TikTok

Elige entre los distintos diseños y plantillas (cuadrícula, muro, popup, carrusel). Haga clic en 'Crear feed'.

TikTok feed layout

Paso 5: Personalizar o moderar el widget de TikTok 

Una vez seleccionada la plantilla, se creará tu widget y serás redirigido al Editor principal. Aquí puedes personalizar la configuración o el aspecto completo con CSS personalizado para que tu feed de vídeo de TikTok coincida con tu sitio web y tu marca.

También puedes utilizar la pestaña Moderación y seleccionar los vídeos que aparecerán públicamente en tu widget. 

Paso 6: Copiar/pegar el código proporcionado 

Y por último, copia el código de la parte superior izquierda y pégalo en la zona de tu web donde quieras que aparezca el widget de TikTok. 

TikTok widget code

Cómo añadir el feed de TikTok a un sitio web WordPress

Nota: Si utilizas WordPress, no necesitas instalar ningún plugin. Sólo tienes que ir a tu página o post e insertar un Bloque HTML para pegar el código proporcionado. 

Primer paso: Vaya al editor de entradas, haga clic en el icono más y, a continuación, haga clic en el botón HTML personalizado bloque:

insert HTML block in WordPress post

Segundo paso: Pega el código que has obtenido de EmbedFeed y haz clic en 'Vista previa' para ver si el feed de TikTok se muestra correctamente

tiktok in wordpress tutorial

Paso 3: Pulsa 'ActualizaciónoPublique(si se trata de un nuevo mensaje)

Ya está. Su feed de vídeo TikTok aparecerá en su sitio web inmediatamente.

¿Cómo incrustar un vídeo de TikTok en Squarespace?

Si estás usando un constructor web Squarespace, entonces usando el código EmbedFeed para incrustar el feed de video TikTok también funcionará.

Para ello, abre tu editor de Squarespace y sigue estos pasos:

  1. Abre la página de tu sitio web donde quieras añadir TikTok
  2. Haga clic en el botón + icono en el editor para añadir una nueva sección
  3. Haga clic en el botón Insertar opción de bloqueo
  4. Pegue el código y haga clic en Hecho para ver el widget
embed html code in squarespace

Eso es todo. Cada vez que añadas un vídeo de TikTok, el widget lo mostrará automáticamente en tu sitio web de Squarespace.

Cómo incrustar un vídeo de TikTok en Wix

Si utilizas Wix, aquí tienes los pasos para incrustar el código de EmbedFeed o el código nativo del vídeo de TikTok en el editor de Wix.

Primer paso: Accede a tu sitio web Wix y haz clic en Editar sitio

Segundo paso: Selecciona un área donde quieras añadir la fuente de vídeo de TikTok

Paso 3: Haga clic en el botón + de la parte superior izquierda Añadir elementoshaga clic en Código de incrustación y haga clic en Insertar HTML

ad HTMl element in Wix

Paso 4: En la configuración HTML, pegue el código de EmbedFeed en el campo Área "Añada su código aquí (sólo HTTPS)". Si es necesario, utilice los controles para ajustar la sección con la altura de su feed TikTok

tutorial to embed TikTok feed in Wix website

Paso 5: Haga clic en Publique

¿Por qué deberías incrustar vídeos de TikTok en tu sitio web?

Si eres creador de vídeos en TikTok, ¡enhorabuena! Formas parte de una enorme comunidad centrada en la creatividad y en animar a los jóvenes a ser ellos mismos.

Mientras escribo esto, la popularidad de TikTok se extiende rápidamente. Echa un vistazo a los números:

tiktok users statistic

Mientras tanto, los usuarios gastan una media de 52 minutos navegando por la aplicación o creando vídeos a diario. Un recordatorio más que debería despertar la curiosidad de las marcas por aprovechar la popularidad de TikTok y promocionar sus productos y servicios, sobre todo si su público objetivo son los jóvenes.

A pesar de su enorme base de usuarios, aquí tienes las principales razones por las que deberías considerar tener también vídeos de TikTok en tu sitio web:

Obtenga actualizaciones de contenido en tiempo real

Al sincronizar tu sitio web con tu cuenta de TikTok, te aseguras de que siempre se muestren los vídeos más recientes, proporcionando a los visitantes de tu web contenido fresco y atractivo. Esto hace que los visitantes vuelvan a por más y fomenta sesiones de navegación más largas.

Mejorar la experiencia del usuario

Los vídeos TikTok incrustados hacen que tu sitio web sea más interactivo y visualmente atractivo. Este contenido dinámico puede mejorar la experiencia del usuario, lo que se traduce en una mayor satisfacción de los visitantes y un aumento de las visitas recurrentes.

Recopilar CGU y mostrar pruebas sociales

Mostrar vídeos de TikTok con contenido generado por los usuarios en tu sitio web puede servir como prueba social de la popularidad y relevancia de su marca. Esto puede ayudar a generar credibilidad y confianza entre clientes potenciales, clientes o socios.

Llegar a un público más amplio

TikTok tiene una base de usuarios masiva que abarca varios grupos demográficos. Al incrustar tus vídeos de TikTok en tu sitio web, puedes aprovechar esta audiencia diversa y atraer potencialmente a nuevos seguidores y clientes.

Aumenta tus seguidores en TikTok

Los vídeos de TikTok pueden humanizar tu marca mostrando tu personalidad única, momentos entre bastidores o contenido generado por los usuarios. Esta conexión auténtica puede fomentar la confianza y la lealtad entre los visitantes de tu sitio web, que pueden optar fácilmente por seguirte desde el enlace del widget a tu perfil de TikTok.

Mejorar el SEO

Un contenido atractivo y de alta calidad puede contribuir a mejorar la clasificación en los motores de búsqueda. A medida que los usuarios pasan más tiempo en su sitio y comparten su contenido, los motores de búsqueda pueden reconocer su sitio web como un recurso valioso, aumentando potencialmente su visibilidad en los resultados de búsqueda.

Promoción multiplataforma

Insertar vídeos de TikTok en tu sitio web puede dirigir tráfico a tus perfiles de redes sociales y viceversa. Este enfoque multicanal puede maximizar tu visibilidad online y ayudarte a llegar a un público más amplio.

Ahorra tiempo y alojamiento para subir vídeos

Al incrustar vídeos de TikTok, ahorrarás tiempo y mucho espacio y recursos de tu servidor alojado. En su lugar, los vídeos se reproducen desde la fuente principal (plataforma TikTok). Esto significa que no necesitas volver a cargar el vídeo en tu sitio web. 

Promover campañas de hashtags

TikTok es conocido por sus retos y campañas virales de hashtags. Al incrustar tus vídeos de TikTok en tu sitio web, puedes promover eficazmente tus propias campañas de hashtags y fomentar la participación de los usuarios. Esto puede impulsar el conocimiento de la marca, el contenido generado por los usuarios y la participación en todas las plataformas.

Incrustar vídeos de otras plataformas de medios sociales

Para sacar más partido a tus vídeos en las redes sociales, aprende a incrustar feed de Instagram o incluso cómo incrustar vídeos de Youtube en cualquier sitio web.

Puede utilizar nuestro agregador de redes sociales para generar y mostrar automáticamente todos estos contenidos en cualquier sitio web.

Puedes incluir todas las fuentes, incluidas TikTok, Youtube, Facebook e Instagram, y crear un widget de vídeo para tu sitio web.

Principales conclusiones

En conclusión, incrustar vídeos de TikTok en tu sitio web es una forma eficaz y atractiva de mejorar la presencia online de tu marca. Utilizando el código de incrustación de TikTok, puedes integrar a la perfección en tu sitio web tu contenido de vídeo favorito de una de las plataformas de redes sociales más populares de la actualidad. Esto aumenta el número de clics y proporciona una valiosa prueba social para tu audiencia.

Como creador de vídeos, el uso del editor de widgets EmbedFeed TikTok te permite personalizar el aspecto y la funcionalidad de los vídeos incrustados, garantizando que se ajusten a la estética de tu marca. Además, el uso de un agregador de redes sociales puede ayudarle a mostrar una colección de entradas seleccionadas, optimizando el atractivo visual de su sitio web y la experiencia del usuario.

Incrustar vídeos de TikTok en tu sitio web puede ampliar el alcance de tu audiencia, fomentar conexiones más profundas y contribuir a tu éxito en el competitivo panorama digital. Así que no pierdas esta oportunidad de hacer tu presencia online aún más dinámica y cautivadora: ¡empieza a incrustar vídeos de TikTok hoy mismo!


CEO de EmbedSocial 

Nikola Bojkov es el CEO de EmbedSocial, un emprendedor que convierte los problemas en productos. Con más de una década de experiencia práctica con API de medios sociales, guía a EmbedSocial en su papel de socio técnico tanto para pymes como para grandes agencias, maximizando el impacto de sus contenidos generados por los usuarios. EmbedSocial tiene oficinas en Skopje, Tokio y Lisboa y cuenta con más de 250.000 usuarios.