¿Quieres mostrar tus vídeos de TikTok directamente en tu sitio web con un widget personalizado?
Añadir un widget de TikTok a tu sitio web atrae a los visitantes, mantiene tu contenido fresco y convierte el tráfico de tu sitio web en fieles seguidores de TikTok.
Con más de 1.700 millones de usuarios en la plataforma, incrustar tus vídeos de TikTok puede ayudar a tu marca a llegar a un público más amplio y hacer crecer tu presencia tanto en las redes sociales como en tu sitio web.
Pero crear un widget de TikTok para tu sitio web no es fácil, sobre todo si no estás familiarizado con el código o con las diferentes opciones de plugins.
La primera vez que intenté añadir vídeos de TikTok a mi propio sitio, me encontré con algunos problemas antes de encontrar un método que fuera rápido y fácil de usar para principiantes.
Con mi experiencia en Smash Balloon ayudando a los usuarios a mostrar los feeds de TikTok en WordPress con facilidad, he encontrado la solución más sencilla para hacer el trabajo.
En este artículo, te guiaré paso a paso por el sencillo proceso de creación de un widget de TikTok para tu sitio web, ¡incluso si eres nuevo en WordPress o en las integraciones con redes sociales!
En este artículo
- ¿Por qué añadir un widget de TikTok a tu sitio web?
- Cómo añadir un widget de TikTok a tu sitio web (paso a paso)
¿Por qué añadir un widget de TikTok a tu sitio web?
Con más de 1.700 millones de usuarios, TikTok es una red social muy popular y un lugar ideal para encontrar contenidos de vídeo atractivos.
Mostrar vídeos relevantes de TikTok en tu sitio web puede ser una buena forma de captar la atención de los visitantes y mantener su interés. Esto también ayuda al SEO de tu sitio web para que puedas posicionarte mejor en los resultados de los motores de búsqueda.
Además, puedes utilizar los widgets de TikTok para mostrar tus propios vídeos y convertir el tráfico de tu sitio web en visitas, "me gusta" y seguidores en las redes sociales.
Con eso, vamos a empezar y ver cómo se puede incrustar TikTok widgets de alimentación en WordPress.
Cómo añadir un widget de TikTok a tu sitio web (paso a paso)
¿Listo para crear un widget de TikTok para tu sitio web sin complicaciones? Todo lo que tienes que hacer es seguir estos sencillos pasos.
Paso 1: Instalar y Activar TikTok Feed Pro
A diferencia de plataformas como Wix o Weebly, WordPress viene con toneladas de plugins para añadir fácilmente características a su sitio.
Y cuando se trata de widgets de TikTok, la mejor opción es utilizar el plugin TikTok Feed Pro.
Como el plugin #1 de feed de TikTok para sitios web WordPress, puedes usar esta herramienta para crear, personalizar e incrustar contenido de TikTok en cuestión de minutos.
Además de ser fácil de usar, incluso dispones de un equipo de gurús de WordPress para responder a tus preguntas y echarte una mano siempre que lo necesites.
Para empezar, obtén TikTok Feed Pro aquí antes de instalarlo y activarlo en tu sitio web.
¿No sabes cómo? Puede consultar esta guía para principiantes sobre la instalación de plugins de WordPress.
Una vez que el plugin esté listo, puedes pasar al paso 2 y crear un widget.
Paso 2: Crear un nuevo widget de TikTok
Ahora, puedes utilizar el flujo guiado del plugin para crear un widget de vídeo TikTok.
Primero, ve al menú TikTok Feeds " All Feeds desde tu panel de control y luego haz clic en el botón Add New.
En el paso 3, puedes seguir adelante y conectar este widget a tu cuenta de TikTok para que puedas mostrar videos de TikTok en tu sitio.
Paso 3: Conecta tu cuenta de TikTok
Ahora puedes añadir tu cuenta de TikTok como fuente para tu nuevo widget de TikTok. Después de añadir la fuente una vez, puedes reutilizarla libremente para nuevos widgets también.
¿Preparado? Haga clic en el botón Añadir fuente.
A continuación, puedes hacer clic en el botón Conectar con TikTok para continuar.
Al hacerlo, se abrirá https://www.tiktok.com en su sitio web, donde podrá conectar su cuenta.
En la siguiente página, el plugin te pedirá acceso de sólo lectura a tu cuenta de TikTok. Esto permite al plugin ver tu información e incrustar los vídeos en tu sitio web.
De hecho, el plugin no podrá realizar ningún cambio en tu cuenta. Esto significa que es completamente seguro.
Para continuar, puede hacer clic aquí en el botón Autorizar .
Así de fácil, has añadido tu cuenta como fuente para el plugin TikTok Feed Pro.
Ahora, simplemente seleccione esta cuenta y luego haga clic en Siguiente para seleccionar la fuente.
Así de fácil, ya tienes un nuevo widget de TikTok conectado a tu cuenta de TikTok. En el siguiente paso, puedes personalizar cómo se verá en tu sitio web.
Paso 4: Personaliza tu widget de TikTok
Para empezar, TikTok Feed Pro te mostrará diferentes plantillas que puedes importar para tu widget.
Cada plantilla viene con un diseño único que puedes copiar con un solo clic. Aquí tienes 6 plantillas diferentes para elegir:
- Por defecto
- Tarjetas
- Lista
- Último vídeo
- Carrusel
- Carrusel de escaparates
Para continuar, puede seleccionar una plantilla y pulsar el botón Siguiente .
Entonces verás tu widget de TikTok abierto en el personalizador visual. A la izquierda, verás las opciones para cambiar la cabecera, el botón de cargar más, el diseño y mucho más.
También hay una vista previa en directo de tu widget a la derecha, que te permite seguir todos los cambios en tiempo real.
Para empezar, puedes cambiar la disposición de los vídeos de TikTok en tu widget.
Seleccione la opción Diseño de la izquierda para continuar.
A continuación, verás 4 diseños diferentes que puedes elegir para tu widget de TikTok:
- Rejilla
- Lista
- Albañilería
- Carrusel
Veamos estos diseños a continuación:
En primer lugar, tienes un diseño de cuadrícula que muestra los vídeos de TikTok en miniaturas cuadradas con filas y columnas ordenadas. Como resultado, puedes incrustar toneladas de vídeos al mismo tiempo.
Usando el diseño de lista , puedes mostrar tus vídeos de TikTok en una sola columna, igual que en la web o app oficial de TikTok.
A continuación, tienes el diseño de mampostería , que muestra los vídeos de TikTok en diferentes columnas. Además, las miniaturas de los vídeos mantendrán sus proporciones originales.
Por último, está el diseño de carrusel que mostrará los vídeos de TikTok en un carrusel de diapositivas. Es una gran manera de hacer su sitio más interactivo utilizando un widget TikTok.
Después de seleccionar un diseño, haga clic en Guardar para conservar los cambios.
A continuación, puede hacer clic en Personalizar para volver a las opciones principales de personalización.
Desde las opciones de personalización, puedes configurar la cabecera de tu widget de TikTok a continuación.
Para ello, haga clic en la opción Cabecera de la izquierda.
En la parte superior izquierda, tienes la opción de Activar o Desactivar la cabecera de tu widget de TikTok.
Debajo de ella, puede utilizar casillas de verificación para elegir cuáles de estos elementos de cabecera desea mostrar:
- Foto de perfil
- Nombre
- Nombre de usuario
- Descripción
- Estadísticas
- Botón
Al igual que antes, haga clic en Guardar después de realizar los cambios.
También puedes hacer clic en cualquiera de estas opciones de cabecera para personalizarlas en detalle. Además, también puedes utilizar el resto de opciones de personalización para configurar los filtros, el estilo de los botones, los elementos de vídeo de TikTok y mucho más.
Una vez que estés satisfecho con tu widget de feed de TikTok, haz clic en Guardar una vez más.
Por último, puedes pasar al paso 5 y añadir este widget de feed de TikTok a tu sitio.
Paso 5: Inserta tu widget de TikTok
El plugin te ofrece 2 formas de incrustar widgets de TikTok en tu sitio web.
- Añade un widget de TikTok a tu página web
- Añade un widget de TikTok a tu barra lateral o pie de página
¿No está seguro de qué opción elegir? A continuación le explicamos ambos métodos.
Añade un widget de TikTok a tu página web
Desde tu personalizador visual, es súper fácil empezar a incrustar este widget de feed de TikTok - no necesitas tocar ni una sola línea de código.
Para empezar, haz clic en el botón Incrustar de la parte superior.
A continuación, verás una ventana emergente que muestra todas las formas en que puedes incrustar tu widget de TikTok.
Antes de seleccionar una opción, haga clic en Copiar para copiar el shortcode de su widget.
A continuación, puedes utilizar los botones de abajo para seleccionar la ubicación de tu widget de TikTok.
Por ahora, usaremos la opción Añadir a una página .
Al hacer clic se abrirá una lista de las páginas de WordPress disponibles en su sitio web.
Sólo tiene que seleccionar una página de la lista y pulsar el botón Añadir para continuar.
A continuación, verás la página de WordPress abierta en el editor de bloques, donde podrás incrustar el widget.
En primer lugar, añada un nuevo bloque haciendo clic en el icono más (+) .
Utilizando la barra de búsqueda de la parte superior, puedes buscar el widget "shortcode ".
A continuación, haga clic en el widget que aparece en los resultados de la búsqueda.
Por último, puede pegar el shortcode que ha copiado anteriormente en el bloque Shortcode .
Una vez hecho esto, el plugin incrustará automáticamente tu widget de TikTok en esta página de WordPress.
Como puedes ver, TikTok Feed Pro hace que sea más fácil que nunca mostrar tu widget de TikTok - incluso si eres nuevo en WordPress.
Si abres esta página, verás tus vídeos como en este ejemplo de incrustación de TikTok.
Ahora, veamos otra forma de incrustar widgets de TikTok en tu sitio.
Añade un widget de TikTok a tu barra lateral o pie de página
Como antes, puedes utilizar el personalizador visual para incrustar los widgets de TikTok en la barra lateral o en el pie de página de tu sitio web.
Primero, navega al menú TikTok Feeds " All Feeds desde tu panel de control y haz clic en el widget que acabas de crear.
Verás que tu widget de redes sociales se abre de nuevo en el personalizador visual.
Para continuar, sólo tiene que hacer clic en el botón Incrustar.
Al hacerlo, se abrirá la ventana emergente con todas las opciones para incrustar tu widget de TikTok.
Al igual que antes, haga clic en el botón Copiar de la ventana emergente.
Ahora que has copiado el shortcode, puedes elegir dónde incrustar el widget.
Para añadirlo a la barra lateral o al pie de página, seleccione aquí la opción Añadir a un widget.
A continuación, verá la página de widgets de su sitio, donde podrá añadir, editar o eliminar sus widgets de WordPress con unos pocos clics.
Aquí, puedes elegir entre dos ubicaciones para tu widget de TikTok: Barra lateral o Pie de página.
Para este tutorial, utilizaremos el panel Sidebar.
Ahora puede hacer clic en el icono más (+) para añadir un nuevo widget y, a continuación, seleccionar la opción Shortcode.
Finalmente, pega el shortcode de tu widget TikTok en tu nuevo widget shortcode.
El plugin hará el resto e incrustará automáticamente el widget en el pie de página o en el panel de la barra lateral de tu sitio.
En definitiva, TikTok Feed Pro te permite crear los mejores widgets de TikTok para tu sitio web e incrustarlos con unos simples clics.
Si abres tu sitio ahora, verás cómo se verá tu widget de TikTok para tus visitantes.
¡Y ya está!
Como puedes ver, puede ser súper fácil crear un widget de TikTok para tu sitio web si utilizas el plugin de WordPress adecuado.
Con la ayuda de TikTok Feed Pro, usted puede tener un hermoso feed TikTok para atraer a los visitantes, aumentar su TikTok siguiente, y ayudar a hacer crecer su negocio con facilidad.
¿Listo para incrustar widgets de TikTok? ¡ Consigue tu copia de TikTok Feed Pro aquí!
Mientras estás aquí, también puedes consultar nuestra lista de los mejores tipos de publicaciones en redes sociales para atraer a tus seguidores.
¿Le ha resultado útil? Puedes seguirnos en Twitter y Facebook para obtener más consejos y trucos sobre redes sociales para hacer crecer tu negocio.
