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

ChatGPT
o
Perplejidad

TikTok es cada vez más popular, a pesar de sus recientes problemas de regulación, y todas las marcas y empresas deberían aprovecharlo.

Por eso, he decidido mostrarte cómo incrustar vídeos de TikTok en cualquier creador de sitios web para sacar el máximo partido a esta plataforma y potenciar los resultados de tu marca.

A continuación, aprenderás cómo hacer que TikTok forme parte de tu UGC estrategia incluyendo sus vídeos de TikTok y Menciones de TikTok en su sitio web para atraer a sus visitantes.

Image

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

Genera vídeos e incrusta el widget de TikTok en tu sitio web en cuestión de segundos.

7 días de prueba gratuita

Vídeo guía: Inserta un feed de TikTok en tu sitio web en segundos

TL;DR: Mira esta breve guía en vídeo sobre cómo incrustar un feed de vídeo de TikTok en un sitio web:

Guía completa: ¿Cómo incrustar un feed de TikTok en un sitio web a través de EmbedSocial?

La mejor opción para incrustar vídeos de TikTok, Menciones de TikTok, y todos los demás tipos de contenido es utilizar una herramienta de terceros diseñada a tal efecto.

Una de estas opciones es EmbedSocial, ya que dispone de una conexión API directa con TikTok, lo que le permite mostrar cualquier tipo de TikTok UGC a través del método oficial.

Utilizar EmbedSocial para crear su Widget UGC de TikTok es muy sencillo:

Paso 1: Accede a tu cuenta EmbedSocial

En primer lugar, debe tener una cuenta EmbedSocial activa o una cuenta 7 días de prueba gratuita.

Paso 2: Conecta tu cuenta de TikTok

A continuación, debe navegar hasta ‘Fuentes’ → ‘Gestionar cuentas’ → ‘Añadir nueva cuenta’. Una vez allí, puedes elegir el tipo de cuenta de TikTok que quieres conectar:

connecting a tiktok account in embedsocial

Puede elegir entre Cuenta de perfil de TikTok (extrae la información de tu perfil de TikTok y tus vídeos públicos), un Cuenta de menciones de TikTok (encuentra todos los vídeos que te mencionan en TikTok, junto con las interacciones de los usuarios), y un Cuenta de TikTok Marketplace.

Nota: La API de TikTok extrae con éxito todas las descripciones de los vídeos y la información relacionada con el contenido en cuestión, por lo que tendrás la misma experiencia que en la aplicación de TikTok.

Paso 3: Añade tu fuente TikTok

A continuación, diríjase a 'Fuentes' → 'Añadir nueva fuente' y selecciona TikTok de la lista. Tendrás que elegir el tipo de fuente y seleccionar la cuenta:

adding a new tiktok source in embedsocial

Más información:

Ahora puedes convertir fácilmente tu Menciones de TikTok en anuncios ¡en un par de minutos! ¡Consigue contenido orgánico y barato para mostrar tu mejor cara!

Paso 4: Diseña tu widget de vídeo TikTok

Tras pulsar ‘Crear widget’, se le pedirá que seleccione una plantilla de widget y accederá al editor de widgets. El editor de EmbedSocial te permite cambiar todo lo relativo al aspecto de tu widget, desde los elementos que incluye hasta los colores que utiliza:

designing your tiktok widget in embedsocial

Nota: EmbedSocial ofrece muchas diferentes plantillas de widgets TikTok para empezar, desde widgets de menciones de TikTOk que se pueden comprar hasta testimonios en vídeo de TikTok.

Paso 5: Insertar el widget de TikTok en tu sitio web

Una vez que esté satisfecho con el aspecto de su widget, vaya a la página Incrustar en la esquina superior izquierda y pulse ‘Copiar código’, que deberá pegar en su sitio web:

copying the embeddable widget code from embedsocial

Por último, pero no por ello menos importante, debe abrir el creador de sitios web de su elección y navegar hasta la página en cuestión, añadir un bloque HTML personalizado, y pega el código de inserción de TikTok.

Siga leyendo mientras cubro este proceso para todas las plataformas CMS populares.

¿Cómo añadir un feed de TikTok a diferentes creadores de sitios web?

Añadir un feed de publicaciones de TikTok a tu sitio web depende del constructor que utilices, pero el proceso es sencillo y sólo requiere unos pocos clics con el código de incrustación o el widget adecuados:

¿Cómo incrustar UGC en Shopify?
shopify logo

Aquí te explicamos cómo incrustar UGC en sitios de Shopify:

  1. Accede a tu cuenta de Shopify después de copiar el código del widget incrustable en EmbedSocial;
  2. Navegue hasta el Páginas y haz clic en Añadir página;
  3. En el Contenido el código incrustable;
  4. Seleccione la página en la que desea que aparezca el código y pulse Guardar.
Steps to embed social media feed in Shopify
¿Cómo incrustar UGC en Squarespace?
Squarespace icon

Aquí te explicamos cómo incrustar UGC en sitios Squarespace:

  1. Copia el código del widget EmbedSocial e inicia sesión en tu cuenta de Squarespace;
  2. Elija la página en la que desea que aparezcan las reseñas;
  3. Haz clic en Añadir nueva sección y luego Añadir bloque donde desea mostrar el widget;
  4. En la lista de bloques, seleccione 'Embed‘;
  5. Haga clic en el bloque, seleccione ‘Fragmento de código", y haz clic en ‘Incrustar datos";
  6. Por último, en el cuadro de código, pegue el código de revisión copiado;
  7. Asegúrate de guardar y publicar los cambios en Squarespace.
embed a code snippet in squarespace
¿Cómo incrustar UGC en Wix?
Wix Logo

Aquí te explicamos cómo incrustar UGC en sitios Wix:

  1. Accede a tu editor Wix y elige la página y la ubicación para añadir el widget;
  2. Haz clic en el botón Icono "+". en la esquina superior izquierda para añadir un nuevo elemento;
  3. Encuentra el Embed & Social y pulse Código de incrustación;
  4. Pegue el código y pulse Actualizar.
embedding a code snippet in wix
¿Cómo incrustar UGC en Webflow?
Webflow logo

He aquí cómo incrustar UGC en los sitios Webflow:

  1. Después de crear el widget en EmbedSocial, inicie sesión en su cuenta Webflow;
  2. Vaya a la vista de edición de su sitio web dentro de Webflow;
  3. Elija Añadir elemento en Webflow y seleccione la opción Elemento "Embed;
  4. Arrástrelo y suéltelo donde quiera que aparezcan sus reseñas;
  5. En el campo de entrada, pegue el código EmbedSocial copiado.

How to embed Twitter in Webflow

¿Cómo incrustar UGC en Pagecloud?

He aquí cómo incrustar UGC en sitios Pagecloud:

  1. Después de copiar el código de EmbedSocial, inicia sesión en tu cuenta de Pagecloud cuenta;
  2. Comience a editar la página web en la que desea que aparezcan las reseñas;
  3. Desde tu perfil, pulsa Aplicaciones en el menú de la cinta de la izquierda y seleccione Incrustar;
  4. Pega el código de EmbedSocial en el campo emergente y haz clic en Ok para completar el proceso.
Embed Google reviews in PageCloud
¿Cómo incrustar UGC en Google Sites?

A continuación te explicamos cómo incrustar contenido generado por los usuarios en Google Sites:

  1. Una vez que hayas copiado el código del widget incrustable en EmbedSocial, accede a tu cuenta de Google Sites;
  2. Navegue hasta la página en la que desea incrustar el widget;
  3. Utiliza el Pestaña "Insertar en Google Sites y elige dónde quieres colocar el widget;
  4. Elige 'Insertadel menú y pegue el código copiado en el cuadro de diálogo;
  5. Haz click enSiguientey despuésInserte' para finalizar la incrustación.
adding an embeddable widget in google sites
¿Cómo incrustar UGC en Elementor?

A continuación te explicamos cómo incrustar UGC en Elementor:

  1. Inicie sesión y navegue hasta la página en la que desea añadir las reseñas;
  2. Pulse una sección vacía y elija la opción Bloque "HTML de la sección izquierda de la cinta;
  3. Arrástrelo y suéltelo en la página y pegue el código del widget en el campo vacío;
  4. Actualice y publique la página para ver el widget en directo.
pasting the widget code in elementor
¿Cómo integrar UGC en Notion?

A continuación te explicamos cómo incrustar UGC en Notion:

  1. Después de copiar el código del widget, conectarse a Notiony vaya a la página correspondiente;
  2. Escriba el /embed y, en la lista desplegable, elija el comando Opción "incrustar;
  3. Pegue la URL y haga clic en "Incrustar enlace para añadir sus opiniones a Notion.
embed Google reviews in Notion embed link
¿Cómo incrustar CGU en sitios web HTML?

Cómo incrustar CGU en sitios HTML

  1. Copie la reseña del widget EmbedSocial de la sección Pestaña "Incrustar en la esquina superior izquierda del Editor;
  2. Abra el archivo HTML de su sitio web, que puede ser una página nueva o una ya existente;
  3. Pega el código EmbedSocial copiado donde quieras que se muestren las opiniones.
Steps to embed Google reviews in a HTML website

Método oficial: Incrusta un widget de vídeo de TikTok en tu sitio web a través de la opción nativa

Resulta que TikTok también permite a los usuarios crear ellos mismos widgets incrustables utilizando las herramientas nativas de la plataforma. Sin embargo, tienen serias limitaciones:

  • No puede cambiar la plantilla del widget
  • No puede personalizar el título, el subtítulo ni las CTA.
  • No se puede cambiar la combinación de colores del widget

Dicho esto, si aún desea utilizar la opción nativa, esto es lo que debe hacer:

Paso 1: Accede a la página oficial de TikTok Embeds

TikTok ofrece una solución para mostrar su contenido. Sólo siga este enlace a la página de incrustaciones de TikTok, donde puedes previsualizar tus incrustaciones y copiar el enlace de incrustación de TikTok:

tiktok embeds landing page

Paso 2: Elige el tipo de contenido de TikTok que quieres incrustar

Ahora mismo, puedes elegir entre vídeos específicos, perfiles, páginas de hashtags y páginas de sonido. Solo tienes que marcar el tipo de contenido que vas a incrustar:

choosing the tiktok content type to embed

Paso 3: Copie la URL específica en el campo vacío

A continuación, tienes que encontrar la URL del contenido abriéndolo a través de un navegador y pulsando la tecla icono de flecha en la parte inferior y pulsando ‘Copiar’:

copying tiktok video url

Paso 4: Pegue la URL y copie el código del widget incrustable

Volver a la Incrustaciones TikTok y pega la URL que has obtenido. A continuación, pulse ‘Obtener código’ para obtener tu código de incrustación de TikTok y una vista previa de tu incrustación:

getting the embeddable tiktok video widget code

Paso 5: Insertar el vídeo de TikTok en tu sitio web

Por último, sólo tiene que navegar a la página web específica en la que desea incrustar el vídeo, añadir el bloque HTML correspondiente, y pegar el código de incrustación TikTok. He cubierto cómo hacer todo eso a través de todos los constructores de sitios web populares en una sección anterior.

Si tuviera que añadir varios vídeos pulsando ‘Crea el tuyo propio’ durante los pasos anteriores, así es como se vería tu ejemplo de incrustación de TikTok:

official tiktok feed widget example

Nota: El proceso es idéntico independientemente del tipo de contenido de TikTok que quieras incrustar. Simplemente tendrás que copiar las URL del vídeo, perfil, página de hashtags o página de sonido.

Además, si sólo quieres incrustar un único vídeo de TikTok, la plataforma ofrece recursos para desarrolladores que te muestran cómo obtener inmediatamente el ‘Embed code’ de vídeos específicos.

Pista: Es el mismo método que el anterior, sólo tienes que pulsar Incrustar en lugar de ‘Copiar’ en el menú de compartir del vídeo. A continuación, sólo tienes que pegarlo en tu sitio web:

copying embeddable tiktok video code

¿Por qué deberías integrar TikTok en tu sitio web?

¡TikTok es más que entretenimiento!

Las marcas empezaron a darse cuenta del potencial de marketing de esta plataforma después de que se informara de que tenía más de 800 millones de usuarios activos mensuales:

number of tiktok users statistic

Con tantos usuarios que pasan cerca de una hora diaria en la aplicación, incrustar vídeos de TikTok en tu sitio web te ayuda a captar esa energía y convertirla en conversiones.

Al fin y al cabo, los usuarios pasan un 52 minutos de media navegando por la aplicación o creando vídeos a diario, ¡así que también podrías promocionar tus productos y servicios allí! Cuando finalmente decidas integrar un feed de TikTok en tu sitio web, obtendrás todos estos beneficios:

mind map showcasing the benefits of embedding tiktok ugc widgets
  • Recibe actualizaciones de contenidos en tiempo real.Sincroniza tu sitio con tu cuenta de TikTok para que los nuevos vídeos aparezcan automáticamente, manteniendo tu sitio web fresco y a tus visitantes enganchados;
  • Mejorar la experiencia del usuario.Añada movimiento, música y narración a sus páginas con vídeos incrustados que hacen la navegación más dinámica y agradable;
  • Recopilar CGU y mostrar pruebas socialesmuestre a usuarios reales y sus experiencias con su marca para generar credibilidad y confianza al instante;
  • Llegar a un público más amplio.Aprovecha el alcance global de TikTok para atraer a los grupos demográficos más jóvenes y ampliar tu base de clientes y seguidores de TikTok;
  • Mejore su SEOaumentan el tiempo de permanencia y el compromiso, lo que indica a los motores de búsqueda que su sitio web ofrece contenidos valiosos;
  • Promoción multiplataformadirige el tráfico entre tu sitio web y tu perfil de TikTok para reforzar ambos canales simultáneamente;
  • Ahorre tiempo y espacio de alojamientoincrusta vídeos directamente desde TikTok para no tener que subir o alojar grandes archivos de vídeo;
  • Promover campañas de hashtagsinserte vídeos de la campaña para inspirar la participación y mantener los hashtags de su marca en tendencia.

En definitiva, al convertir tu sitio web en un centro social en directo mediante la inserción de vídeos de TikTok, aumentarás tu credibilidad entre el público más joven y entusiasta.

¿Por qué elegir EmbedSocial como plataforma UGC?

Si quieres una solución fiable y todo en uno para incrustar vídeos de TikTok, EmbedSocial es su mejor opción. Es una plataforma UGC completa que conecta directamente con el API oficiales de todas las plataformas de medios sociales populares, incluidas TikTok, Instagram, Facebook, YouTube, Google, etc. Con una conexión de este tipo puede recopilar, moderar y mostrar contenidos sociales de forma automática:

embedsocial ugc landing page

He aquí por qué EmbedSocial destaca:

  • Conexiones API oficialesEmbedSocial se integra directamente con TikTok y otras plataformas sociales, garantizando actualizaciones de contenido estables, seguras y en tiempo real;
  • Vídeo automatizadoConecta tu cuenta de TikTok una vez y deja que el sistema sincronice cada nuevo vídeo automáticamente, sin necesidad de incrustarlo manualmente;
  • Personalizable widgets del sitio web-Elija entre diseños de cuadrícula, carrusel, mural o emergente y diséñelos para que se adapten a la marca y el estilo de su sitio web;
  • UGC para comprar-puede vincular todas las publicaciones de CGU que recopile a sus páginas de productos y servicios existentes, agilizando así la proceso de toma de decisiones del consumidor;
  • Agregación de UGC de todas las redescombina vídeos, publicaciones y reseñas de varias plataformas en un feed dinámico que mantiene vivo tu sitio web;
  • Moderación y controlfiltre lo que aparece en su sitio con herramientas de moderación basadas en palabras clave y etiquetas, o apruebe manualmente cada publicación;
  • Análisis multiplataformamida la participación, las impresiones y el rendimiento de todas sus fuentes de CGU desde un único panel;
  • Escalable para marcas con varias sedes.Gestione el CGU de varias cuentas, campañas o tiendas desde un único lugar, sin duplicaciones ni caos.

EmbedSocial aporta cada pieza de tu presencia social...TikTok, Instagram, Facebook, YouTube y Google-bajo un mismo techo. Convierte la dispersión el contenido generado por el usuario (UGC) en experiencias de marca que impulsan la participación, el SEO y la confianza sin esfuerzo.

Imagina tener widgets combinados que incluyan tanto tu feed de TikTok como tu feed de Instagram, y que extraigan automáticamente nuevo contenido a medida que sale. Así, cada vez que tengas una nueva publicación para tu público objetivo en TikTok, aparecerá también en tu widget.

Insertar feed de TikTok en el sitio web: 5 buenas prácticas

Si quieres añadir un feed de TikTok a tu sitio web, debes conocer algunos consejos y trucos que te ayudarán a sacarle el máximo partido:

mind map showcasing the tiktok feed best practices

1. Mantén el diseño de tu feed de TikTok coherente con tu marca

Tus vídeos TikTok incrustados deben sentirse como parte de tu sitio web. Por lo tanto, combina los colores, la tipografía y el diseño de tu widget con el diseño de tu sitio web para crear una experiencia unificada.

💡 Ejemplo: Una marca de moda incorpora su carrusel de TikTok con la misma paleta de colores pastel que su página de inicio. La fluidez visual hace que los visitantes exploren la página en lugar de salirse de ella.

2. Muestra tus vídeos de TikTok con mejor rendimiento

No sobrecargues tu feed con todos los vídeos. Selecciona los contenidos que mejor funcionan, es decir, los que generan más visitas, comentarios o comparticiones. Destaca los vídeos que reflejen la personalidad de tu marca o promocionen campañas actuales. Además, añade un muro TikTok en tu sitio web.

💡 Ejemplo: Una cafetería filtra su feed para mostrar las recetas de moda y los vídeos de reacciones de los clientes, manteniendo el sitio web vivo y relevante.

3. Optimización para móviles

La mayoría de los usuarios de TikTok navegan desde el móvil, así que asegúrate de que tu feed incrustado se adapta perfectamente a las pantallas más pequeñas. Utiliza un widget adaptable que cambie de tamaño automáticamente y mantenga tiempos de carga rápidos. Esta es una gran parte de tu TikTok SEO prácticas.

💡 Ejemplo: Una boutique en línea añade una rejilla responsiva que se ve igual de nítida en teléfonos y tabletas, con lo que se consiguen 25% tiempos de sesión más largos.

4. Combina TikTok con otras pruebas sociales

TikTok por sí solo puede generar engagement, pero combinarlo con otros CGU -como fotos de Instagram o reseñas de Google- añade confianza y autenticidad. Utiliza una herramienta unificada feed de redes sociales para conocer la historia completa de la marca.

💡 Ejemplo: Una marca de productos para el cuidado de la piel incorpora un muro mixto de contenido generado por el usuario con tutoriales de TikTok, fotos del antes y el después de Instagram y opiniones de 5 estrellas de Google, todo en una página vibrante.

5. Actualiza tu contenido de TikTok regularmente

Un feed desactualizado hace que los visitantes piensen que tu marca está inactiva. Programa actualizaciones periódicas o conecta tu cuenta de TikTok directamente a través de la API de EmbedSocial para asegurarte de que los nuevos vídeos aparezcan automáticamente.

💡 Ejemplo: El widget de TikTok en directo de un gimnasio se actualiza a diario con nuevos retos de entrenamiento, lo que atrae a visitantes recurrentes que vuelven para ver los últimos clips.

Conclusión: ¡Incorpora un widget de TikTok para dinamizar tu sitio web!

Si quiere dar vida a su sitio web y ofrecer auténticos Recoge, gestiona y publica contenido generado por usuarios (UGC) que atraiga y tranquilice a sus visitantes, considere la posibilidad de incrustar vídeos de TikTok.

Puedes utilizar el método nativo limitado copiando el código de incrustación de un solo vídeo y pegándolo en tu sitio o confiar en un widget de TikTok como el de EmbedSocial. Ni siquiera necesitas instalar un plugin o aprender codificación. Puedes incrustar inmediatamente un muro TikTok en cualquier sitio.

Con el widget de feed de TikTok de EmbedSocial, puedes ir más allá sincronizando automáticamente tus últimos vídeos y personalizando el aspecto del widget para adaptarlo a tu sitio.

Así que empieza a incrustar tus vídeos de TikTok hoy mismo para aumentar la visibilidad, conectar con tu audiencia y convertir tu sitio web en una extensión viva de tu presencia en TikTok.

Inscríbete en EmbedSocial de inmediato o pruebe el 7 días de prueba gratuita!

Preguntas frecuentes sobre la incrustación de widgets de vídeo de TikTok

¿Se puede incrustar un vídeo de TikTok?

Sí. TikTok te permite incrustar cualquier vídeo público directamente en tu sitio web utilizando su código de incrustación oficial o a través de un widget de TikTok de terceros como EmbedSocial.

¿Cómo incrustar un TikTok?

Abra el vídeo TikTok, haga clic en su ‘Flecha ’Compartir, seleccione Incrustar, Copie el código y péguelo en el editor HTML de su sitio web o en el bloque de inserción.

¿Dónde está el código de inserción en TikTok?

Encontrarás el código de incrustación en las opciones Compartir de cualquier vídeo público de TikTok. Sólo tienes que hacer clic en Incrustar y, a continuación, pulse Copiar código.

¿Qué significa incrustar un vídeo?

Incrustar un vídeo significa insertarlo desde otra plataforma (como TikTok) en tu sitio web mediante un breve código HTML para que los visitantes puedan verlo sin salir de tu sitio.

¿Puedo incrustar un feed de TikTok en lugar de vídeos individuales?

Sí, utilizando un widget de feed de TikTok como EmbedSocial, puedes incrustar varios vídeos o menciones automáticamente en un solo lugar.

¿Cuál es la forma más sencilla de añadir un feed de TikTok a un sitio web?

El método más sencillo es utilizar un widget de TikTok que genera un código de incrustación que puedes pegar en el constructor de tu sitio. Echa un vistazo a excelentes opciones como EmbedSocial.

¿Puedo integrar TikTok en WordPress, Wix o Squarespace?

Sí, los enlaces incrustados y los widgets de TikTok funcionan en los principales creadores de sitios web, incluidos WordPress, Wix y Squarespace.

¿Qué ocurre si se borra un vídeo de TikTok que he incrustado?

Si se elimina el vídeo original de TikTok, dejará de aparecer en tu feed incrustado o página web.


Autor

SEO y editor de contenidos @EmbedSocial 

¡SEO & Content Editor con amplia experiencia en ayudar a las PYMES a entender cómo establecer y nutrir su presencia en línea, escribir y editar entradas de blog útiles sobre sus productos y servicios, y construir, gestionar y optimizar sus sitios web para el éxito!