Cómo añadir un feed de TikTok a tu sitio WordPress Beaver Builder
Inicio Blog Cómo añadir un feed de TikTok a tu sitio WordPress Beaver Builder

Cómo añadir un feed de TikTok a tu sitio WordPress Beaver Builder

cómo añadir un feed tiktok a tu sitio beaver builder de wordpress

¿Quieres añadir feeds de TikTok a Beaver Builder y aumentar tu engagement?

Como la plataforma #1 para videos cortos, TikTok es un gran lugar para encontrar contenido atractivo para tu sitio Beaver Builder.

El inconveniente es que añadir vídeos de TikTok a tu sitio web puede llevar mucho tiempo y ser complicado. Si quieres mostrar muchos vídeos, tendrás que lidiar con un montón de códigos de incrustación.

Para ofrecerte una forma mejor, hemos preparado este tutorial sobre cómo añadir feeds de TikTok a Beaver Builder fácilmente, ¡sin necesidad de codificación!

¿Por qué añadir TikTok Feeds a Beaver Builder?

Beaver Builder es un popular constructor de sitios web y una gran opción para cualquier propietario de negocio que quiera promocionar su negocio online.

Añadiendo feeds de TikTok a un sitio Beaver Builder, te resultará aún más fácil mantener a los visitantes interesados y promocionar tu contenido.

De hecho, esto es lo que puedes hacer añadiendo feeds de TikTok a tu sitio web:

  • Muestra tus propios vídeos para aumentar tu participación y tus seguidores de TikTok fácilmente
  • Muestre reseñas en vídeo de TikTok en su sitio web para aumentar su tasa de conversión y conseguir más ventas.
  • Añada regularmente contenido nuevo con pies de foto ricos en palabras clave en su sitio web para mejorar el SEO.
  • Informa a la gente sobre tus productos con vídeos de demostración y unboxing para que te compren
  • Y mucho más.

Cómo añadir un feed de TikTok a tu sitio web Beaver Builder

¿Listo para empezar a añadir feeds de TikTok a tu sitio? Te guiaremos a través de todos los pasos a continuación:

Paso 1: Descargar el plugin TikTok Feed Pro

Si buscas el método más sencillo para añadir vídeos de TikTok a tu sitio web, puedes utilizar simplemente TikTok Feed Pro.

precios de tiktok feed pro

Como el mejor plugin de TikTok feed en el mercado, puede utilizar esta herramienta para crear, personalizar e incrustar Tiktok feeds en su sitio web en cuestión de minutos - sin necesidad de tocar una sola línea de código.

Además, dispones de un equipo de asistencia formado por gurús de WordPress que siempre están dispuestos a echarte una mano.

Para empezar, obtenga su copia de TikTok Feed Pro aquí y luego instálelo y actívelo en su sitio web Beaver Builder.

Para más detalles sobre cómo hacerlo, puede consultar esta guía para principiantes sobre cómo instalar plugins de WordPress.

Paso 2: Crear un nuevo feed de TikTok

Como el plugin viene con un flujo guiado de 3 pasos, es muy fácil crear tu propio feed de TikTok.

Desde tu panel de WordPress, abre el menú TikTok Feed " All Feeds antes de hacer clic en el botón Add New de la parte superior.

open live feed editor tiktok feed

Entonces verás todas las fuentes que puedes usar para tus feeds de TikTok. Cada fuente es básicamente una cuenta de TikTok que has conectado a tu sitio.

Como hasta ahora no he conectado ninguna fuente, puedo empezar a añadir una nueva ahora.

Para ello, haga clic aquí en el botón Añadir fuente .

tiktok feed pro añadir fuente

Paso 3: Conecta tu cuenta de TikTok

A continuación, haz clic en el botón Conectar con TikTok , y el plugin te redirigirá a TikTok.

Allí podrá conectar rápidamente su cuenta.

conecta con tiktok

Para conectar tu cuenta de TikTok, el plugin te pedirá acceso de sólo lectura a tu sitio web.

Esto significa que TikTok Feed Pro no podrá hacer ningún cambio y sólo podrá ver tu información. Por lo tanto, puedes hacer clic en Autorizar para continuar.

Después de eso, usted será redirigido a su sitio web Beaver Builder una vez más.

Como puedes ver, acabas de conectar tu cuenta como fuente para tus feeds de TikTok. Ahora puedes reutilizar esta fuente para cualquier feed que crees.

Seleccionemos esta fuente antes de hacer clic en Siguiente.

seleccione su fuente tiktok

Paso 4: Personaliza tu feed de TikTok

El siguiente paso es elegir una plantilla de feed para tu feed de TikTok. Tienes 6 plantillas para elegir y cada opción viene con un diseño único:

  • Por defecto
  • Tarjetas
  • Lista
  • Último vídeo
  • Carrusel
  • Carrusel de escaparates

Todo lo que tienes que hacer es seleccionar una plantilla que te guste antes de hacer clic en Siguiente.

En mi caso, he seleccionado la plantilla Predeterminada, ya que no quiero nada extravagante.

seleccione su plantilla de alimentación tiktok

Después de eso, TikTok Feed Pro importará esta plantilla y abrirá tu feed de vídeo TikTok en el personalizador visual.

Aquí puedes ver todas las opciones de personalización de la izquierda. Estas te permiten cambiar el diseño, la cabecera, los elementos de vídeo y mucho más.

Siempre que realices algún cambio, puedes utilizar la vista previa en directo de la derecha para ver cómo queda tu feed.

live feed editor tikto feed pro

Para empezar, suelo cambiar el diseño de los vídeos de TikTok.

Para ello, puede utilizar la cómoda opción Diseño de la izquierda.

diseños abiertos tiktok feed pro

Ahora, puedes ver 4 diseños diferentes para tu feed de TikTok:

  • Cuadrícula: Utiliza un diseño de cuadrícula limpio para mostrar muchos vídeos de TikTok en tu sitio a la vez.
  • Lista: Muestra tus vídeos en una sola columna - como en la app oficial de TikTok.
  • Mampostería: Mantener las proporciones de los posts de TikTok y mostrarlos en varias columnas.
  • Carrusel: Haz que tu sitio web sea más interactivo con un deslizador de vídeos de TikTok

Sólo tienes que seleccionar el diseño que prefieras y hacer clic en Guardar.

opciones de diseño para tiktok feed pro

Una vez que elijas tu diseño, también puedes cambiar opciones como el número de filas, columnas y más desde aquí.

Cuando hayas terminado de configurar el diseño de tu feed, haz clic en la opción Personalizar de la parte superior izquierda.

personalizar botón live feed editor tiktok feed pro

Ahora que hemos configurado el diseño, vamos a cambiar el encabezado que se muestra por encima de la alimentación TikTok.

Puede empezar seleccionando la opción Cabecera.

opciones de cabecera abierta para tiktok

Utilizando la opción de la parte superior izquierda, puede Activar o Desactivar su cabecera por completo.

Si habilita su cabecera, puede elegir qué elementos mostrar a continuación. Solo tienes que seleccionar la casilla situada a la izquierda de los elementos de la cabecera que quieras mostrar:

  • Foto de perfil
  • Nombre
  • Nombre de usuario
  • Descripción
  • Estadísticas
  • Botón

Una vez seleccionados los elementos de la cabecera, haz clic en el botón Guardar.

Además, también puede personalizar cómo se verá cada uno de estos elementos en su sitio Beaver Builder.

Por ejemplo, si haces clic en Imagen de perfil, verás más opciones para ese elemento de cabecera.

Eso significa que puedes cambiar el Tamaño, el Relleno o los Márgenes de tu foto de perfil.

personalizar cabecera perfil titok feed

Al igual que antes, recuerda hacer clic en Guardar una vez que estés satisfecho con el aspecto de tu cabecera.

Como puedes ver, es súper fácil personalizar tu feed de TikTok usando el personalizador visual. Ahora puedes cambiar el diseño de tus elementos de vídeo, botones y mucho más.

Paso 5: Añadir TikTok Feed a Beaver Builder

La buena noticia es que puedes empezar a incrustar tu feed de TikTok directamente desde el personalizador visual.

Haga clic en Embed para empezar.

embed tiktok feed live feed editor

A continuación, verás una ventana emergente en la que puedes elegir la ubicación del feed de TikTok. Normalmente, puedes añadir el feed a una página o a un área preparada para widgets de tu sitio directamente desde aquí.

Como estamos añadiendo el feed de TikTok a Beaver Builder, puedes hacer clic en Copiar en su lugar.

copiar shortcode tiktok feed pro

Ahora, es el momento de crear una nueva página Beaver Builder para incrustar este feed TikTok.

Puede hacerlo abriendo el menú Páginas " Añadir nuevo desde su panel de control. A continuación, haga clic en Iniciar Beaver Builder.

abrir la página del constructor de castores

Si ya has creado una página Beaver Builder para tu feed de TikTok, puedes seguir adelante y abrirla en su lugar.

Al abrir Beaver Builder verás el constructor de páginas de arrastrar y soltar. A la derecha, puedes ver todos los módulos que puedes añadir a tu página.

beaver builder editor

Para continuar, busque el módulo Editor de texto a la derecha

A continuación, sólo tienes que arrastrar el módulo y soltarlo en tu página.

módulo editor de texto para beaver builder

Aparecerá una nueva ventana emergente en la que podrá cambiar las opciones del módulo

Para incrustar tu feed de TikTok, sólo tienes que pegar el shortcode que has copiado antes en la ventana emergente.

A continuación, haga clic en Guardar para confirmar los cambios.

añadir feed tiktok al bloque del editor de texto

Así de fácil, ya tienes un nuevo feed de TikTok en tu página web. Para publicar esta página, haga clic en el botón Hecho en la parte superior y luego seleccione Publicar.

Ahora, usted debe tener un feed de videos TikTok en esta página Beaver Builder, al igual que en mi ejemplo a continuación.

ejemplo de alimentación tiktok en castor constructor

¡Y ya está!

Con el plugin TikTok Feed Pro, es realmente fácil añadir tu feed de vídeo de TikTok a Beaver Builder - incluso si eres un principiante en WordPress.

Añadiendo feeds de TikTok a tu sitio web, puedes atraer a tus visitantes, aumentar tus seguidores de TikTok y hacer crecer tu negocio.

¿Listo para añadir feeds de TikTok a Beaver Builder? ¡ Obtenga TikTok Feed Pro para su sitio hoy!

¿Quieres añadir aún más contenido atractivo a tu sitio Beaver Builder? Entonces echa un vistazo a nuestra guía sobre cómo añadir feeds de Instagram a tu sitio Beaver Builder.

Más guías y consejos sobre 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.

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.