Cómo incrustar el perfil de TikTok en tu sitio web (Fácil)
Inicio Blog Cómo incrustar el perfil de TikTok en tu sitio web (Fácil)

Cómo incrustar el perfil de TikTok en tu sitio web (Fácil)

cómo integrar el perfil tiktok en tu sitio web

¿Quieres saber cómo integrar un perfil de TikTok en tu sitio web?

Adivina: ¡no eres el único! Toneladas de personas nos han pedido una solución fácil para incrustar contenido de TikTok.

Para ayudarte, hemos creado esta guía con la forma más sencilla de integrar tu perfil de TikTok en tu sitio web. ¿Y lo mejor? Puedes hacerlo en cuestión de minutos sin ningún tipo de programación.

Pero primero, echemos un vistazo a las formas en que incrustar perfiles de TikTok puede ayudar a tu negocio.

O puede hacer clic aquí para pasar al tutorial.

¿Por qué incrustar tu perfil de TikTok en WordPress?

Si integras tu perfil de TikTok en tu sitio web, aumentarás fácilmente la participación en el mismo.

Después de todo, TikTok es la fuente número 1 de vídeos cortos que son rápidos y fáciles de ver. Así que puedes mostrar vídeos relevantes de tu perfil y mantener a los visitantes mirando.

tiktok ejemplo de video feed

Además de ayudarte a conseguir más engagement, incrustar tu perfil de TikTok puede ayudarte a conseguir un mejor SEO si muestras vídeos relevantes con palabras clave y hashtags adecuados.

Además, los vídeos de TikTok pueden mantener a la gente interesada en tu sitio durante más tiempo, lo que también es estupendo para tu posicionamiento SEO. Así de fácil, puedes llegar a más clientes potenciales gracias a las reseñas de los motores de búsqueda.

Además, puedes crear vídeos testimoniales de clientes para tu perfil de TikTok e incrustarlos en tu sitio web. Con la ayuda del contenido generado por los usuarios, puedes convencer a más gente para que te compre.

En definitiva, incrustar tu perfil de TikTok puede ser una gran manera de atraer visitantes, aumentar tus ventas y hacer crecer tu negocio.

La forma más fácil de incrustar perfiles de TikTok en WordPress

Tienes 2 opciones a la hora de incrustar contenido de TikTok en tu sitio:

  • Manera Manual: Genera un código HTML personalizado para tu perfil de TikTok, copia el código y luego insértalo en tu sitio web después de retocarlo.
  • Muy fácil: Usando un plugin de WordPress, puedes incrustar automáticamente tu perfil de TikTok en tu sitio - ¡sin necesidad de HTML, CSS o cualquier tipo de código!

Optar por la vía manual implica lidiar con un montón de código complejo o gastar dinero contratando a un diseñador. Además de ser complicado, no tendrás un equipo de soporte que te ayude si algo va mal.

añadir código de inserción para tiktok

Si estás usando WordPress, tienes una gran ventaja sobre otras plataformas de sitios como Wix o Squarespace. Tienes toneladas de fantásticos plugins que puedes usar para tu sitio.

En lugar de lidiar con complicados códigos de incrustación TikTok, puede simplemente dejar que un plugin agregador TikTok.

Y la mejor opción disponible en el mercado para esta tarea es TikTok Feed Pro.

página de inicio de tiktok feed pro

Simplemente sigue las instrucciones paso a paso para utilizar este plugin. Y podrás crear, personalizar e incrustar el feed de tu perfil de TikTok en cuestión de minutos.

Como el plugin es extremadamente fácil de usar, podrás configurarlo todo sin escribir ni una sola línea de código.

Además, el feed del perfil de TikTok incrustado copiará automáticamente el diseño de tu sitio y aparecerá estéticamente agradable desde el principio.

Además, el plugin también viene con un personalizador visual que te permite cambiar cada detalle de tu feed de perfil de TikTok. Con unos pocos clics, podrás editar el diseño de tu feed, el diseño de la cabecera y mucho más.

ejemplo de edición de feed tiktik

¿Y la guinda del pastel? Este plugin viene con un equipo de expertos dedicados que están disponibles 24/7 para ayudarle o responder a cualquiera de las preguntas que usted tiene.

Con este paquete completo, puedes aumentar sin esfuerzo tu número de seguidores en TikTok e interactuar con tus visitantes sin complicaciones.

Entonces, ¿estás listo para incrustar perfiles de TikTok sin sudar? ¡ Hazte con tu copia de TikTok Feed Pro aquí!

Cómo incrustar el perfil de TikTok en WordPress 

Así que, si estás preparado para incrustar tu perfil de TikTok en WordPress, empecemos. 

Esta guía fácil de seguir te guiará por el proceso paso a paso, y podrás mostrar tu perfil de TikTok a los visitantes de tu sitio web en un abrir y cerrar de ojos.

Paso 1: Instalar y Activar TikTok Feed Pro

Para empezar, obtén TikTok Feed Pro para tu sitio aquí, luego instala y activa el plugin en tu sitio.

Si no está seguro de cómo hacerlo, siga esta guía para principiantes sobre la instalación de plugins de WordPress.

Una vez instalado y activado el plugin, puedes pasar al siguiente paso y crear un nuevo feed de perfil de TikTok.

Paso 2: Crear un feed de perfil TikTok

Para el segundo paso, necesitas crear un feed de TikTok para mostrar los vídeos de tu perfil.

Desde tu panel de control, ve al menú TikTok Feeds " All Feeds y pulsa el botón Add New en la parte superior.

open live feed editor tiktok feed

Has creado un nuevo feed en tu sitio web WordPress. En el siguiente paso, conectarás este nuevo feed con tu cuenta de TikTok. Esto permitirá que el feed muestre tu perfil de TikTok en tu sitio.

Paso 3: Conecta tu cuenta de TikTok

En este paso, puedes conectar el feed recién creado con tu cuenta de TikTok. De esta forma, el feed de TikTok podrá mostrar vídeos de tu perfil.

Comience seleccionando el botón Añadir fuente.

tiktok feed pro añadir fuente

Esto te llevará a la siguiente página, donde sólo tienes que pulsar el botón Conectar con TikTok

conecta con tiktok

A continuación, serás redirigido a https://www.tiktok.com, donde el plugin te pedirá acceso de sólo lectura a tu cuenta de TikTok.

Este acceso simplemente permite al plugin ver tus detalles de TikTok e incrustar tus vídeos de TikTok. De hecho, el plugin no podrá hacer ningún cambio en tu cuenta.

Puede confirmar este acceso pulsando el botón Autorizar .

Esto permitirá que el plugin se conecte a tu cuenta de TikTok automáticamente.

Para continuar, elige tu cuenta de TikTok y pulsa el botón Siguiente.

seleccione su fuente tiktok

Tu feed de TikTok no está conectado a tu cuenta de TikTok. TikTok Feed Pro ahora importará tu feed de TikTok y lo mostrará automáticamente en el diseño de tu sitio web.

Pero si quieres personalizar aún más el diseño de tu feed, te enseñaremos cómo hacerlo en el siguiente paso.

Paso 4: Personaliza el feed de tu perfil de TikTok

A continuación, TikTok Feed Pro te mostrará diferentes opciones de personalización, empezando por una selección de plantillas pre-construidas.

Todas las plantillas tienen diseños únicos que puedes copiar al instante para tu feed de TikTok. De esta forma, podrás ofrecer a tus visitantes una gran experiencia de usuario con un hermoso feed en un abrir y cerrar de ojos.

Sólo tienes que elegir la plantilla que más te guste y pulsar el botón Siguiente .

seleccione su plantilla de alimentación tiktok

Una vez que hayas hecho tu selección, el plugin lanzará su personalizador visual. 

Verás todas las opciones de personalización, incluido el estilo del encabezado, el diseño, el diseño de los botones, etc., en el lado izquierdo.

En el lado derecho, puedes ver la vista previa en vivo de tu feed de TikTok que mostrará cualquier cambio de personalización que hagas en tiempo real.

live feed editor tikto feed pro

¿Listo para sumergirte en la personalización?

Para empezar, basta con hacer clic en la opción Diseño de la izquierda.

diseños abiertos tiktok feed pro

Hay 4 diferentes opciones de diseño que puedes usar para tu feed de perfil de TikTok: Rejilla, Lista, Mampostería y Carrusel.

Veamos cada disposición en detalle a continuación.

opciones de diseño para tiktok feed pro

Gracias al diseño de cuadrícula , puedes mostrar todos los vídeos de tu perfil de TikTok a la vez para cautivar a tus visitantes.

ejemplo de vídeo tiktok

A continuación, puedes organizar los vídeos de tu perfil de TikTok en un diseño de lista, permitiendo que cada vídeo sea claramente visible. 

ejemplo de diseño de lista para tiktok

Selecciona el diseño de mampostería para incrustar los vídeos de tu perfil de TikTok en varias columnas, manteniendo sus proporciones originales.

mampostería tiktok ejemplo de alimentación

Por último, puede incluso potenciar la interactividad de su sitio presentando un deslizador en carrusel que muestre los vídeos de su perfil.

ejemplo de carrusel tiktok

Una vez hecha la selección, basta con pulsar el botón Guardar .

A continuación, puede seguir editando el diseño del feed haciendo clic en Personalizar.

personalizar botón live feed editor tiktok feed pro

Se abrirán de nuevo las principales opciones de personalización.

Seleccione esta vez la opción Cabecera de la izquierda.

opciones de cabecera abierta para tiktok

Puede elegir entre Activar o Desactivar su cabecera utilizando las opciones de la parte superior izquierda.

Debajo, puedes utilizar casillas de verificación para mostrar u ocultar todos los elementos de la cabecera, incluidos:

  • Foto de perfil
  • Nombre
  • Nombre de usuario
  • Descripción
  • Estadísticas
  • Botón
personaliza tu cabecera tiktok

Después de realizar las selecciones, pulse Guardar para confirmarlas.

También puedes utilizar el resto de opciones para configurar los elementos de vídeo, los filtros, los diseños de los botones y mucho más. Incluso puedes utilizar filtros para conservar tus vídeos incrustados en detalle.

Como siempre, recuerda hacer clic en Guardar después de realizar un cambio.

Ahora, puede pasar al último paso, que es incrustar el feed del perfil en su sitio.

Paso 5: Insertar tu perfil de TikTok en WordPress

Con este plugin, tienes 2 maneras de incrustar tu perfil de TikTok:

  • Insertar el perfil de TikTok en una página
  • Insertar perfil de TikTok en tu barra lateral o pie de página

Veamos ambos métodos a continuación.

Cómo incrustar el perfil de TikTok en una página

TikTok Feed Pro hace que sea extremadamente fácil incrustar tu perfil ya que puedes empezar directamente desde el editor de feed en vivo.

Primero, haz clic en el botón Incrustar de la esquina superior derecha.

embed tiktok feed live feed editor

Una ventana emergente se abrirá a continuación, lo que le permite seleccionar dónde desea que su perfil TikTok para ser incrustado. Usando este shortcode, puedes incrustarlo en tu barra lateral, post, página web, o incluso en el pie de página.

Para empezar, copie el shortcode del plugin haciendo clic en la opción Copiar de la ventana emergente.

copiar shortcode tiktok feed pro

Ahora puedes elegir dónde quieres que se ubique tu feed ya que tienes el shortcode.

Para este ejemplo, optaremos por la opción Añadir a una página .

tiktok feed pro añadir a una página

Esta opción mostrará todas las páginas de WordPress en la ventana emergente.

Seleccione la página que desee de la lista y pulse el botón Añadir.

seleccione su página tiktok feed pro

Esto abrirá la página elegida en el editor de bloques de WordPress.

Para incrustar tu feed de TikTok, empieza por añadir un nuevo bloque de contenido. Para ello, empieza por hacer clic en el icono más (+).

añadir bloque tiktok video feed

A continuación, busque "shortcode" en el campo de búsqueda y elija el bloque Shortcode entre los resultados mostrados.

shortcode block tiktok

Y pega el shortcode previamente copiado en el bloque shortcode para terminar de incrustar tu feed.

El feed de tu perfil de TikTok se incrustará automáticamente en tu sitio web.

shortcode para tiktok feed pro

Con TikTok Feed Pro, esto es lo fácil y sin esfuerzo que es mostrar tu perfil de TikTok en tu sitio, incluso sin tener ninguna experiencia en codificación o diseño.

Puede seguir adelante y abrir su sitio para comprobar cómo se ve a sus visitantes.

ejemplo de vídeo tiktok

Con esto, veamos la siguiente forma de incrustar contenido de TikTok en tu sitio web.

Insertar perfil de TikTok en tu barra lateral o pie de página

Ahora, vamos a mostrarte una forma sencilla de incrustar tu perfil de TikTok como widget de barra lateral o pie de página.

Al igual que antes, puedes utilizar el personalizador visual para empezar.

En caso de que tu personalizador visual no esté abierto, puedes navegar al menú TikTok Feeds " All Feeds desde tu panel de control.

Una vez allí, haz clic en el feed de TikTok que has creado antes.

abrir de nuevo tiktok feed

Al hacerlo, se abrirá de nuevo el personalizador visual con la vista previa en vivo.

Desde aquí, haga clic en Incrustar para continuar.

embed tiktok feed live feed editor

Al hacer clic en él, aparece una ventana emergente con todas las opciones de incrustación de tu perfil de TikTok.

Antes de hacerlo, haga clic en el botón Copiar .

copiar shortcode tiktok feed pro

Después de copiar el shortcode, puedes seleccionar la ubicación para tu incrustación en TikTok.

Esta vez, seleccione el botón Añadir a un Widget en la ventana emergente.

TikTok Feed Pro abrirá ahora la página de Widgets de tu sitio web. Desde aquí puedes añadir nuevos widgets o gestionar los que ya tienes.

Por ahora, haz clic en el panel Sidebar o en el panel Footer dependiendo de dónde quieras tu widget de TikTok.

abrir el panel de la barra lateral

Para nuestro ejemplo, utilizaremos el panel Sidebar.

A continuación, añada un nuevo widget haciendo clic en el icono más (+) y seleccione la opción Shortcode.

Por último, puedes pegar tu shortcode de antes en el widget shortcode.

pegar shortcode para tiktok feed pro

Así de fácil, ¡tienes un widget de perfil de TikTok en tu sitio WordPress! Es así de fácil si usas TikTok Feed Pro.

Si abres tu sitio, verás tu perfil incrustado como en este ejemplo de incrustación de TikTok.

tiktok feed sidebar ejemplo

¡Y ahí lo tienes!

Ahora, ya conoces la forma más fácil de incrustar tu perfil de TikTok en un sitio web. Puedes hacerlo en muy poco tiempo y en unos sencillos pasos con el increíble plugin TikTok Feed Pro.

De esta manera, puedes incrustar vídeos de TikTok para aumentar tus seguidores de TikTok, impulsar las conversiones y hacer crecer tu negocio.

¿Quiere mejorar la presencia de su marca en Internet? Echa un vistazo a nuestra lista de los mejores ejemplos de marketing en redes sociales.

Y no olvide seguirnos en Twitter y Facebook para obtener más consejos y trucos sobre redes sociales para hacer crecer su negocio.

avatar de autor
Sajjan Sharma Redactor jefe
Sajjan lleva más de 10 años escribiendo sobre WordPress, marketing en redes sociales y negocios online. Sus intereses profesionales se extienden al marketing de influencers, la curación de contenidos y las estrategias de marketing digital.

Comentarios 8

  1. Rana Durham hace 2 años

    Esta es una información increíble que tendré en cuenta cuando utilice tik tok.

    Respuesta
  2. Anita Leibert hace 2 años

    Gran información, ¡gracias!

    Respuesta
  3. Ben m hace 2 años

    Sin duda estaría perdido sin una guía como ésta. Muchas gracias.

    Respuesta
  4. Michael Perkins hace 2 años

    Gracias por la información

    Respuesta
  5. Cassandra G. hace 2 años

    Gracias por reunir toda esta información y ponerla en una sola página.

    Respuesta
  6. Peter M. hace 2 años

    Esto ahorraría mucho tiempo y esfuerzo a la hora de añadir contenidos tiktok.

    Respuesta
  7. Dianne K hace 2 años

    Muy detallado. Aprecio el esfuerzo que inviertes en tu blog. Gracias

    Respuesta
  8. Chris Blades hace 2 años

    Gran tutorial

    Respuesta

Añadir un comentario

Nos alegra que haya decidido dejar un comentario. Por favor, tenga en cuenta que todos los comentarios son moderados de acuerdo con nuestra política de privacidad, y todos los enlaces son nofollow. NO utilice palabras clave en el campo del nombre. Tengamos una conversación personal y significativa.