Cómo añadir un feed de LinkedIn a Divi con un shortcode

¿Quieres añadir un feed de LinkedIn a Divi? Con ProFeedWP puedes mostrar las últimas publicaciones de LinkedIn de tu empresa directamente en tu diseño de Divi con un solo shortcode. Añade un módulo Código, pega la URL de tu página de LinkedIn en el shortcode y guarda la página.

Esta guía te acompaña en la configuración, ofrece ejemplos listos para copiar y explica cómo adaptar el feed a tu diseño de Divi. Puedes seguir el mismo método en una página nueva o en una página de destino que ya hayas creado.

Por ProFeedWP · Actualizado el 26 de octubre de 2026

Inicio rápido: tu feed de LinkedIn en Divi en 3 pasos

1. Instala y activa la versión actual de ProFeedWP.
2. Abre tu página en Divi Builder y añade un módulo Código en la fila donde quieras mostrar el feed.
3. Pega el shortcode de abajo, sustituye la URL de ejemplo por la de tu página pública de empresa o Showcase de LinkedIn y guarda los cambios.

[profeedwp company_url="https://www.linkedin.com/company/your-company/"]Code language: plaintext (plaintext)

¿Quieres personalizarlo? La documentación completa del shortcode de ProFeedWP incluye todos los atributos, valores predeterminados, alias y opciones de Free y Pro. Empieza con el shortcode básico de arriba y añade los ajustes que necesites.

En esta guía

• Qué necesitas antes de empezar
• Cómo añadir el shortcode en Divi
• Ejemplos de cuadrícula, lista y carrusel
• Consejos de estilo y diseño adaptable
• Páginas existentes y plantillas de Theme Builder
• Solución de problemas
• Preguntas frecuentes

Qué necesitas antes de empezar

• Una web de WordPress con Divi Builder disponible.
• ProFeedWP instalado, activado y actualizado. Puedes empezar con el plugin gratuito o elegir un plan Pro.
• Una URL pública de una página de empresa o Showcase de LinkedIn que tengas permiso para mostrar. Los perfiles personales y las páginas de centros educativos no son compatibles.

El shortcode está integrado en ProFeedWP. Puedes usarlo sin crear una página aparte en Gutenberg, mover tu diseño de Divi ni añadir PHP a un tema hijo.

Cómo añadir un feed de LinkedIn a Divi

1. Abre tu página en Divi Builder

En WordPress, ve a Páginas y edita la página donde quieras mostrar el feed. Ábrela con Divi Builder. Si la página ya tiene un diseño, ve a la sección donde deban aparecer tus publicaciones de LinkedIn, por ejemplo, debajo de las noticias de la empresa o encima de una sección de contacto.

2. Añade un módulo Código y pega el shortcode

Añade una fila o usa una existente y añade en Divi un módulo Código. Pega el shortcode básico del inicio rápido en su campo de contenido y sustituye https://www.linkedin.com/company/your-company/ por la URL de tu propia página. Conserva los corchetes y las comillas rectas.

Pega solo el shortcode en Divi. No necesitas envolverlo en PHP ni añadir una etiqueta script o un iframe. Elegant Themes confirma que el módulo Código de Divi admite shortcodes de otros plugins.

3. Guarda y comprueba la página publicada

Guarda el módulo y la página, sal del Visual Builder y abre la página como visitante. Comprueba que las publicaciones aparecen y que el diseño se adapta a ordenadores y móviles. Un feed dinámico puede verse diferente en la vista previa del constructor, así que realiza la comprobación final en la página publicada.

Ejemplos del shortcode de ProFeedWP para Divi

Copia uno de los ejemplos siguientes en tu módulo Código y cambia la URL de LinkedIn. Todos usan el mismo shortcode integrado; los atributos adicionales controlan el aspecto del feed.

Una cuadrícula adaptable con seis publicaciones — Free

[profeedwp
  company_url="https://www.linkedin.com/company/your-company/"
  posts="6" layout="grid" theme="minimal"
  columns_sm="1" columns="2" columns_lg="3"
]Code language: plaintext (plaintext)

Así tendrás una columna en móviles, dos en tabletas y tres en ordenadores. En concreto, columns_sm se aplica por debajo de 768px, columns de 768px a 1023px y columns_lg a partir de 1024px. Configura los tres atributos si quieres controlar cada tamaño de pantalla de forma explícita.

Una lista junto al contenido de tu página — Free

[profeedwp
  company_url="https://www.linkedin.com/company/your-company/"
  posts="3" layout="list" theme="social"
  list_media_left="true"
]Code language: plaintext (plaintext)

Úsalo en una sección de noticias o en una columna estrecha de Divi. Las imágenes aparecen junto al texto a partir de 768px de ancho y encima de él en pantallas más pequeñas.

Un carrusel de LinkedIn — Pro

[profeedwp
  company_url="https://www.linkedin.com/company/your-company/"
  posts="9" layout="carousel" theme="social"
  columns_sm="1" columns="2" columns_lg="3"
]Code language: plaintext (plaintext)

Elige un carrusel si quieres que los visitantes exploren más novedades en una sección compacta. Los diseños de carrusel y masonry requieren Pro. El plugin gratuito admite diseños de cuadrícula y lista con un máximo de seis publicaciones.

Tarjetas a juego con tu diseño de Divi — Pro

[profeedwp
  company_url="https://www.linkedin.com/company/your-company/"
  posts="6" layout="grid" theme="modern"
  columns_sm="1" columns="2" columns_lg="3"
  card_background_color="#ffffff" text_color="#1f2937"
  border_radius="12" grid_gap="24" image_aspect_ratio="16/9"
]Code language: plaintext (plaintext)

Este ejemplo añade un fondo blanco a las tarjetas, texto oscuro, esquinas redondeadas y una separación de 24px. El tema Modern y los ajustes personalizados de colores, radio de borde y separación requieren Pro.

Para los controles de visibilidad, los límites de texto, las proporciones de imagen, la actualización y otros ajustes, consulta la referencia completa de opciones del shortcode. También explica las dependencias entre ajustes y qué opciones están disponibles en Free y Pro.

Adapta el estilo del feed a tu diseño de Divi

• Ajusta el ancho exterior en Divi. Usa los controles de tamaño de la fila y del módulo Código para dar suficiente espacio al feed. Un feed de tres columnas suele necesitar una fila más ancha que una barra lateral.
• Controla las tarjetas con los atributos del shortcode. Elige el diseño, el tema, el número de publicaciones y las columnas adaptables en el shortcode. Usa Divi para el fondo, el relleno y los márgenes de la sección que lo rodea.
• Usa menos columnas en el feed dentro de las columnas estrechas de Divi. Los atributos adaptables dependen del ancho de la pantalla, por lo que un feed dentro de una columna de medio ancho en un ordenador puede necesitar columns_lg="1" o columns_lg="2".
• Mantén el foco de la página. Un título breve, entre tres y seis publicaciones y un siguiente paso claro suelen funcionar bien en una página de destino. Comprueba la vista en un móvil antes de publicar.

Añade el feed a una página existente o a una plantilla de Theme Builder

En una página de destino existente de Divi, abre el diseño e inserta un módulo Código donde quieras mostrar el feed. Puedes conservar el diseño actual. El shortcode muestra el feed directamente en ese módulo.

Para un diseño reutilizable, abre Divi → Theme Builder, edita el cuerpo de la plantilla correspondiente y añade allí el mismo módulo Código. Guarda la plantilla y comprueba sus asignaciones para que el feed aparezca en las páginas previstas.

¿Ya usas el método anterior con Gutenberg?

Puedes mantener un bloque de ProFeedWP que ya funcione mediante el módulo Post Content de Divi. Si prefieres el shortcode, añade y prueba primero un módulo Código en el diseño de Divi. Después, elimina solo el bloque anterior del feed si este aparece duplicado. Conserva Post Content si también muestra otros contenidos de la página.

Soluciona problemas con tu feed de LinkedIn en Divi

El shortcode aparece como texto

Confirma que ProFeedWP está activo y actualizado y pega el shortcode en un módulo Código de Divi. Usa comillas rectas, incluye company_url y comprueba que no falten corchetes. Copia solo el shortcode, sin el formato de código que lo rodea.

El feed está vacío o no aparece en el constructor

Guarda, sal del Visual Builder y comprueba la página publicada. Confirma que la URL corresponde a una página pública de empresa o Showcase y no a un perfil personal. Si sigue sin cargar, revisa la consola y los errores de red del navegador o contacta con el soporte de ProFeedWP con la URL de la página afectada.

El diseño o el número de publicaciones no es el esperado

Comprueba que tu plan admite el diseño, el tema y las opciones de estilo seleccionados. Free se limita a seis publicaciones. Para las columnas en ordenadores, configura columns_lg además de columns. Tras cambiar el diseño, borra la caché del CSS generado por Divi, la caché de página y la del CDN, si las utilizas.

Las nuevas publicaciones de LinkedIn aún no aparecen

Los datos del feed se guardan en caché, por lo que las nuevas publicaciones pueden tardar en aparecer. Puedes actualizar un feed en Ajustes → ProFeed. Los feeds guardados en caché se incluyen en el HTML inicial de la página cuando Mostrar los feeds en caché inmediatamente está activado; un feed sin datos útiles en caché se carga en el navegador. Consulta la documentación del shortcode para conocer cómo funciona la actualización y sus ajustes.

Preguntas frecuentes

Lleva tus novedades de LinkedIn a tu web con Divi

Añade el shortcode de ProFeedWP a un módulo Código, elige un diseño que encaje con tu página y ofrece a los visitantes un lugar para descubrir las últimas novedades de tu empresa. Explora las demos de feeds de LinkedIn para encontrar ideas de diseño o consulta la documentación del shortcode cuando quieras personalizar el feed.