Cómo incrustar TikTok Feed en su sitio web Elementor [Fácil].
Inicio Blog Cómo incrustar TikTok Feed en su sitio web Elementor [Fácil].

Cómo incrustar TikTok Feed en su sitio web Elementor [Fácil].

cómo incrustar tiktok en el sitio web de elementor

¿Buscas una forma de añadir feeds de TikTok Elementor a tu sitio?

Elementor es un popular constructor de páginas que facilita la creación de sitios web atractivos sin necesidad de programación. Pero si quieres que tu sitio sea más atractivo, puedes mostrar vídeos de TikTok en él.

Pero incrustar manualmente los feeds de TikTok en Elementor puede ser complicado, especialmente si no estás acostumbrado a programar.

¿La solución? Te mostraremos la forma más sencilla de incrustar feeds de TikTok en tu sitio web.

Primero, veamos la forma más sencilla de añadir contenido de TikTok a tu sitio WordPress.

También puede hacer clic aquí para acceder a nuestro tutorial.

La manera más fácil de incrustar Elementor TikTok Feeds

Añadir feeds de TikTok a Elementor manualmente puede ser complicado y llevar mucho tiempo. Después de todo, tendrás que generar todos los códigos de incrustación de TikTok e insertarlos en tu sitio web.

Además, los vídeos conservarán el aspecto oficial de TikTok. Esto significa que tus vídeos de TikTok pueden incluso desentonar con el diseño que hayas elegido para tu sitio Elementor.

Para una forma más sencilla, puedes utilizar un agregador de redes sociales como TikTok Feed Pro.

página de inicio de tiktok feed pro

TikTok Feed Pro hace que sea más fácil que nunca crear, personalizar e incrustar los feeds de TikTok en WordPress - ¡todo sin ningún tipo de codificación!

De hecho, el plugin está lleno de características impresionantes para ayudarle a incrustar TikTok alimenta fácilmente:

  • Sólo tienes que seguir el flujo guiado de 3 pasos, y tendrás hermosos feeds TikTok en cuestión de minutos. A continuación, puede invertir ese tiempo ahorrado en el crecimiento de su sitio web.
  • Todos los feeds de TikTok que crees heredarán automáticamente tu tema de WordPress. Así, tus vídeos combinarán a la perfección con el cuidado diseño de la web de Elementor.
  • Para crear fácilmente feeds de TikTok que capten la atención de la gente, sólo tienes que importar una plantilla prediseñada.
  • Como el plugin es tan ligero, puedes incrustar toneladas de vídeos en tu sitio web Elementor, y se cargará tan rápido como siempre. Esto significa que puedes conseguir un mejor SEO y llegar a más gente.
  • Crear fuentes de vídeo TikTok únicas también es muy fácil con el personalizador visual, incluso sin experiencia en codificación o diseño.
personalización de tiktok feed pro

TikTok Feed Pro también viene con soporte al cliente dedicado. Siempre que tenga preguntas o necesite ayuda, puede ponerse en contacto con el equipo para obtener ayuda.

Consejo de experto: ¿Listo para añadir feeds de TikTok a tu sitio? ¡ Obtén tu copia de TikTok Feed Pro hoy!

¿Por qué mostrar Elementor TikTok Feeds?

Al incrustar vídeos de TikTok en tu sitio Elementor WordPress, podrás:

  • Aumenta tu número de seguidores en línea convirtiendo el tráfico de tu sitio web en nuevos seguidores de TikTok.
  • Consigue más ventas incrustando testimonios en vídeo de TikTok en las páginas de tus productos.
  • Capte la atención de la gente y manténgala en su sitio web durante mucho más tiempo con vídeos relevantes.
  • Muestre vídeos interesantes de TikTok en su sitio web para aumentar su participación.
  • Incorpore contenido fresco de las redes sociales con palabras clave relevantes y consiga un mejor SEO para su sitio.

"En última instancia, TikTok se ha convertido en algo más que otra plataforma de medios sociales; es una forma revolucionaria de entrecruzar contenido, comercio y comunidad."

- Jia Rizvi, fundadora de Studio 15 y galardonada documentalista

jia rizvi

Cómo incrustar Elementor TikTok Feed en WordPress

Para incrustar feeds de TikTok en tu sitio Elementor, sólo tienes que seguir la siguiente guía paso a paso.

Empecemos.

Paso 1: Descargar el plugin TikTok Feed Pro

En primer lugar, hazte con una copia del plugin TikTok Feed Pro aquí antes de instalarlo y activarlo en tu sitio web.

¿No sabes cómo? Puedes echar un vistazo a nuestra guía para principiantes sobre cómo instalar plugins de WordPress.

Paso 2: Crear un nuevo feed de TikTok

Siguiendo el flujo guiado del plugin, puedes crear un nuevo feed de TikTok con facilidad.

Para empezar, abre el menú TikTok Feed " All Feeds desde tu panel de control y pulsa el botón Add New.

open live feed editor tiktok feed

Paso 3: Conecta tu cuenta de TikTok

Una vez que conectes tu cuenta de TikTok, el feed puede obtener tus vídeos de TikTok y mostrarlos en tu sitio.

En primer lugar, haz clic en el botón Añadir fuente para empezar.

tiktok feed pro añadir fuente

A continuación, puedes hacer clic en el botón Conectar con TikTok .

Al hacerlo, se abrirá https://www.tiktok.com/ en su navegador.

conecta con tiktok

Desde aquí, puedes darle al plugin acceso de sólo lectura a tu cuenta de TikTok. TikTok Feed Pro sólo puede utilizar este acceso para ver su información y no será capaz de hacer ningún cambio.

Basta con hacer clic en el botón Autorizar para dar el acceso.

Ahora, el plugin te enviará de vuelta a tu sitio web para que puedas confirmar esta cuenta como la fuente de tu feed.

Para ello, basta con seleccionar la cuenta y hacer clic en Siguiente.

seleccione su fuente tiktok

Paso 4: Personaliza tu feed de vídeos de TikTok

TikTok Feed Pro le pedirá que elija entre diferentes plantillas pre-construidas. Cada plantilla tiene un diseño único y se puede importar para su sitio al instante.

Para continuar, seleccione aquí una plantilla de alimentación y haga clic en Siguiente.

seleccione su plantilla de alimentación tiktok

A continuación, el plugin abrirá tu feed en el personalizador visual. Desde aquí, puedes utilizar las opciones de la izquierda para editar la cabecera, los botones de diseño, los elementos de vídeo y mucho más.

A la derecha, tienes una vista previa en tiempo real de tu feed de TikTok para una personalización fácil y precisa.

live feed editor tikto feed pro

Ahora, veamos cómo puedes personalizar tu feed de TikTok desde el personalizador visual.

Para empezar, suelo cambiar el diseño de los vídeos. Para ello, haz clic en la opción Diseño de la izquierda.

diseños abiertos tiktok feed pro

El plugin te permitirá elegir entre 4 diseños para tu feed. Permítanme caminar a través de cada uno de estos diseños:

  • Cuadrícula: Utiliza filas y columnas para mostrar toneladas de vídeos de TikTok a la vez.
  • Lista: Haz que cada vídeo sea claro mostrando una sola columna de contenido TikTok.
  • Mampostería: Mantén las proporciones originales de tus vídeos y muéstralos en varias columnas.
  • Carrusel: Haz que tu sitio web sea más interactivo con un carrusel deslizante de tus vídeos
opciones de diseño para tiktok feed pro

Después de seleccionar el diseño, haga clic en Guardar para conservar los cambios.

A continuación, puede hacer clic en Personalizar para volver de nuevo a las opciones principales de personalización.

personalizar botón live feed editor tiktok feed pro

Desde aquí, puedes configurar un encabezado que aparecerá sobre tu feed de TikTok.

Seleccione la opción Cabecera de la izquierda para empezar.

opciones de cabecera abierta para tiktok

En la parte superior izquierda, puede encontrar la opción de Activar o Desactivar una cabecera.

A continuación, puede utilizar casillas de verificación para mostrar u ocultar distintas partes de la cabecera:

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

Cuando estés satisfecho con tu cabecera, haz clic en Guardar para continuar.

Incluso puede personalizar cada uno de estos elementos de cabecera en detalle desde aquí. Para este tutorial, vamos a seguir adelante y personalizar el elemento Imagen de perfil .

Desde ahí, puedes establecer el Tamaño de tu foto de perfil utilizando la opción de la parte superior.

Incluso puedes ajustar los márgenes y el relleno para cambiar la posición de la imagen.

personalizar cabecera perfil titok feed

Por último, haz clic en Guardar cuando estés satisfecho con el aspecto de tu foto de perfil.

Como puedes ver, TikTok Feed Pro hace que sea súper fácil personalizar el aspecto de tus feeds de vídeo. Usando las opciones restantes, puedes configurar el diseño de tus botones, elementos de vídeo, filtros y mucho más.

Después, recuerde hacer clic en Guardar para confirmar los cambios.

Paso 5: Añadir TikTok Feed a Elementor

Por último, puedes seguir adelante e incrustar este feed de TikTok en tu sitio Elementor. Y lo mejor es que puedes hacerlo directamente desde el personalizador visual.

Puedes pulsar el botón "Incrustar" de la parte superior para empezar.

embed tiktok feed live feed editor

Al hacerlo, se abrirá una ventana emergente con todas las formas de incrustar los feeds de TikTok en tu sitio. Puede añadir sus vídeos TikTok a una página, barra lateral, pie de página, o copiar el código corto.

De momento, puede hacer clic en Copiar para continuar.

copiar shortcode tiktok feed pro

A continuación, puedes crear una página Elementor para mostrar tu feed de vídeo TikTok.

Primero, abre el menú Páginas " Añadir nuevo desde tu panel de control y, a continuación, haz clic en Editar con Elementor.

crear nueva página wordpress

¿Quieres mostrar vídeos de TikTok en una entrada? El plugin lo tiene cubierto.

Simplemente abre el menú Mensajes " Añadir nuevo . Allí, puedes hacer clic en el botón Editar con Elementor.

crear un nuevo post en wordpress

Después de eso, verás tu página o post abierto en el editor de Elementor.

A la izquierda, puedes encontrar los distintos widgets de Elementor que puedes utilizar para añadir nuevo contenido. Y a la derecha, puedes encontrar una vista previa en vivo de tu página o post.

ejemplo de editor elementor

Ahora, utiliza la barra de búsqueda de la parte superior izquierda para buscar el widget "shortcode ".

Así de fácil, podrás ver el widget Shortcode en los resultados de búsqueda de abajo.

búsqueda de shortcode bloque elementor

A continuación, puede utilizar la función de arrastrar y soltar para colocar el widget Shortcode en su página o entrada de Elementor.

añadir bloque shortcode a elementor

Al hacerlo, se abrirán las opciones del widget shortcode de la izquierda.

Allí, busque el campo Introduzca su shortcode y luego simplemente pegue su shortcode de antes.

introduzca el código de disparo elementor tiktok

Todo lo que tienes que hacer ahora es hacer clic en Publicar, y tu feed de TikTok estará online para que todo el mundo lo vea.

Como puede ver, este plugin le permite incrustar Elementor TikTok feeds sin problemas. Solo tienes que abrir esta página o post de Elementor para ver cómo quedan tus vídeos de TikTok.

A continuación, puede ver el feed de vídeo TikTok que he creado para mi página de destino Elementor.

elementor tiktok feed ejemplo

¡Y ahí lo tienes!

Así de fácil, puedes incrustar feeds de video de TikTok en tu sitio web WordPress Elementor. Con TikTok Feed Pro, usted tendrá un tiempo fácil y no requiere absolutamente ninguna codificación en absoluto.

Todo lo que necesitas son unos simples clics y podrás empezar a atraer a tus visitantes, aumentar tu número de seguidores en TikTok y hacer crecer tu negocio.

¿Listo para incrustar los feeds de TikTok? ¡ Obtén TikTok Feed Pro para tu sitio hoy!

¿Quieres más contenido de redes sociales en tu sitio web Elementor? Consulta nuestra guía sobre cómo integrar widgets de redes sociales en tu sitio web.

Más consejos y tutoriales sobre marketing en redes sociales

¿Le ha resultado útil? Puede seguirnos en Twitter y Facebook para obtener más consejos y trucos de marketing en redes sociales.

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.