Añadir un feed de LinkedIn a WordPress es fácil. Conseguir que encaje con tu web requiere algo más de atención.
Un feed puede mostrar proyectos, ofertas de empleo o momentos destacados de eventos. Elige su ubicación según su propósito: una fila en la página de inicio cumple una función distinta de una sala de prensa.
Estos diez ejemplos de diseños de feeds de LinkedIn exploran esas opciones. Cada uno incluye ajustes prácticos y una vista para móvil. Las capturas son conceptos estáticos originales con publicaciones de empresas ficticias y arte abstracto, creados con los estilos de diseño de ProFeedWP. Ilustran posibles contextos web; no son webs de clientes ni recomendaciones de esas empresas.
Ir a un ejemplo de diseño
1. Cuadrícula en la página de inicio · 2. Carrusel · 3. Muro de mosaico · 4. Feed corporativo · 5. Sala de prensa
6. Página de empleo · 7. Página «Quiénes somos» · 8. Eventos · 9. Barra lateral · 10. Varios feeds
1. Un feed limpio de tres columnas en la página de inicio
Ver el concepto para móvil
Ideal para: Webs corporativas, agencias, consultorías y empresas B2B.
Una cuadrícula breve en la página de inicio es un buen punto de partida para muchas webs. Tres publicaciones recientes muestran que la empresa está activa y dejan espacio para los servicios, los casos de clientes y la llamada a la acción principal. Coloca el feed después de esas secciones esenciales, donde aporte actualidad.
El concepto utiliza un encabezado que describe el contenido: «Lo último de nuestro equipo». Un enlace discreto a LinkedIn aporta contexto sin convertir toda la sección en una petición de seguir a la empresa.
Configuración recomendada
Diseño: Cuadrícula. Columnas: 3 en ordenador, 2 en tableta y 1 en móvil. Publicaciones: 3. Imágenes: relación uniforme de 3:2. Texto: extractos breves con fechas.
Consejo de diseño: Adapta el radio de las tarjetas y el espaciado a las tarjetas de noticias de la web. Si el resto de los componentes tienen esquinas rectas, una tarjeta social muy redondeada desentonará.
Cómo recrearlo: Añade el bloque ProFeedWP dentro de una sección normal de contenido, elige Grid y configura las columnas adaptables. Empieza con el tema Default y ajusta después el aspecto. Ver los ejemplos de cuadrícula en la página de demostración.
2. Un carrusel horizontal de LinkedIn
Ver el concepto para móvil
Ideal para: Páginas de inicio y páginas de destino con poco espacio vertical.
Un carrusel mantiene el feed en una sola fila y ofrece más publicaciones para explorar. Utilízalo cuando añadir filas empujaría demasiado hacia abajo otro contenido útil.
El concepto utiliza el texto superpuesto visible del tema Modern y una barra de desplazamiento discreta. Los visitantes pueden leer las primeras tarjetas sin mover nada y después explorar manualmente. Procura que las tarjetas iniciales sean útiles: muchas personas nunca deslizarán el carrusel.
Configuración recomendada
Diseño: Carrusel. Tarjetas visibles: 3 en ordenador, 2 en tableta y 1 en móvil. Publicaciones cargadas: 6–10. Controles: deslizamiento o arrastre manual; barra de desplazamiento opcional.
Consejo de diseño: Mantén suficiente contraste detrás del texto superpuesto. Evita colocar anuncios esenciales solo en un carrusel, ya que las últimas tarjetas pueden pasar desapercibidas.
Cómo recrearlo: Elige Carousel y configura el número de tarjetas para cada dispositivo. ProFeedWP ofrece ajustes de barra de desplazamiento, arrastre y desbordamiento; no des por hecho que incluye flechas de navegación o reproducción automática del feed. Ver la demostración de carrusel con el tema Modern.
3. Un muro de noticias de empresa de tipo mosaico
Ver el concepto para móvil
Ideal para: Estudios de diseño, despachos de arquitectura y empresas con publicaciones visuales variadas.
El mosaico da espacio a imágenes con distintas proporciones y publicaciones de diferentes longitudes. Las imágenes altas junto a anuncios breves crean un muro de estilo editorial.
Funciona mejor cuando la empresa ya publica buenas imágenes. Un muro de texto largo puede resultar difícil de recorrer, y el mosaico no garantiza que las publicaciones se lean de izquierda a derecha. Utilízalo para explorar, no para una secuencia que deba seguirse en orden.
Configuración recomendada
Diseño: Mosaico. Columnas: 3 en ordenador y 1 en móvil. Publicaciones: 6–9. Imágenes: proporciones naturales. Tarjetas: alturas variables.
Consejo de diseño: Mantén discretos el fondo y los bordes. Deja que las imágenes y las distintas alturas marquen el ritmo visual; demasiadas sombras y colores de acento compitiendo entre sí lo debilitan.
Cómo recrearlo: Elige Masonry, conserva las proporciones naturales de las imágenes y prueba con publicaciones cortas y largas. Explora los ejemplos de mosaico en la página de demostración.
4. Un feed corporativo de LinkedIn minimalista
Ver el concepto para móvil
Ideal para: Servicios profesionales, empresas industriales y webs corporativas de estilo sobrio.
Un feed puede parecer una lista normal de noticias de empresa. El concepto elimina las imágenes y utiliza el tema Barebone de forma discreta, con textos breves y fechas. «Novedades de la empresa» es un título más claro que una gran etiqueta de redes sociales.
Este enfoque encaja en webs cuyos visitantes valoran más la información que la exploración visual. Si las imágenes aportan significado, conserva miniaturas pequeñas.
Configuración recomendada
Diseño: Lista. Publicaciones: 3–5. Imágenes: ocultas o pequeñas. Tema: Barebone. Estilo: bordes discretos y la tipografía habitual de la página.
Consejo de diseño: Revisa el extracto real. «Nos complace anunciar…» informa menos que una primera frase concreta sobre el anuncio. Mejora la publicación de origen siempre que puedas.
Cómo recrearlo: Selecciona List y Barebone y simplifica los metadatos visibles. Si conservas contenido multimedia, prueba la opción de situarlo a la izquierda con el ancho disponible en tu página. La demostración Barebone List muestra esa disposición.
5. Convierte LinkedIn en una sala de prensa ligera
Ver el concepto para móvil
Ideal para: Empresas que publican con frecuencia en LinkedIn, pero apenas actualizan las noticias de su web.
Una página de novedades de empresa puede reunir anuncios de productos, colaboraciones, premios e hitos. El concepto muestra nueve tarjetas en una cuadrícula visual; en la página de inicio solo se mostrarían tres y un enlace a la página completa.
Así los visitantes se hacen una idea rápida de la actividad reciente sin duplicar cada breve novedad social como un artículo web. Preséntalo como actividad reciente de LinkedIn, no como un archivo completo.
Configuración recomendada
Diseño: Cuadrícula o mosaico. Publicaciones: 9–12 en la página específica. Avance en la página de inicio: 3. Móvil: una columna legible.
Consejo de diseño: Conserva las notas de prensa y los anuncios importantes de productos en URL permanentes de la web. El contenido de un feed cambia al llegar nuevas publicaciones, por lo que no es un buen lugar para información que deba seguir disponible.
Cómo recrearlo: Coloca un feed más grande en una página normal de WordPress, por ejemplo «Novedades de la empresa». Añade otro bloque con tres publicaciones en la página de inicio y enlázalo a esa página; ambos bloques pueden usar la misma URL de página de empresa.
6. Usa publicaciones de LinkedIn en una página de empleo
Ver el concepto para móvil
Ideal para: Empresas que contratan activamente o invierten en su marca empleadora.
Una página de empleo transmite promesas sobre trabajar en la empresa. Las historias recientes del equipo, las sesiones de formación y las actividades comunitarias pueden darles contenido. Coloca el feed después de la propuesta como empleador y antes de un siguiente paso útil.
El concepto utiliza «La vida en Nord» y un carrusel compacto. Sus publicaciones ficticias se centran deliberadamente en las personas. En una web real, el feed general de empresa también puede incluir noticias de productos o novedades comerciales, lo que debilita su relación con el empleo.
Configuración recomendada
Diseño: Carrusel o cuadrícula. Publicaciones: 3–6. Ubicación: debajo de la introducción principal de empleo. Móvil: una tarjeta visible o una columna.
Consejo de diseño: Mantén las vacantes, las ventajas y las instrucciones de solicitud como contenido normal de la web. El enlace para presentar la candidatura debe ser fácil de encontrar.
Cómo recrearlo: Si necesitas un feed específico de empleo, utiliza una página de empresa o de presentación centrada en la marca empleadora. ProFeedWP no filtra automáticamente un feed general para mostrar solo publicaciones de contratación.
7. Añade publicaciones recientes a una página «Quiénes somos»
Ver el concepto para móvil
Ideal para: Empresas dirigidas por sus fundadores, pequeñas agencias y consultorías.
Las páginas «Quiénes somos» explican quién es la empresa. Un pequeño feed al final puede mostrar qué está haciendo su equipo: asistir a un evento del sector, compartir un proyecto o aprender algo juntos.
El concepto utiliza tres tarjetas discretas bajo el título «En qué hemos estado trabajando». El feed apoya la historia del equipo sin interrumpirla. Presenta primero la historia, los valores y las personas clave.
Configuración recomendada
Diseño: Cuadrícula. Publicaciones: 3. Columnas: 3 en ordenador y 1 en móvil. Tema: Barebone o Default. Protagonismo: secundario respecto al contenido de «Quiénes somos».
Consejo de diseño: Deja suficiente espacio entre la presentación del equipo y el feed. Dos cuadrículas de imágenes contiguas pueden parecer una sola galería grande.
Cómo recrearlo: Añade un bloque de cuadrícula debajo de las secciones principales de «Quiénes somos». Utiliza extractos cortos y un encabezado que conecte las novedades con la historia de la empresa, y mantén un ancho coherente con el contenido cercano.
8. Muestra la actividad en eventos y conferencias
Ver el concepto para móvil
Ideal para: Organizadores de conferencias, asociaciones y empresas que asisten a eventos.
El contenido de eventos cambia rápido. Antes del evento, un carrusel compacto puede mostrar anuncios de ponentes o preparativos. Después, una cuadrícula visual o un muro de mosaico puede reunir fotos y resúmenes. El concepto ilustra este segundo enfoque con tres momentos destacados.
Para contenido exclusivo de una conferencia, utiliza una página de empresa o de presentación específica. Un título sobre un evento no puede filtrar las publicaciones ajenas de una fuente general de empresa.
Configuración recomendada
Antes del evento: Carrusel, 3–6 publicaciones. Después: Cuadrícula o mosaico, 3–9 publicaciones. Imágenes: recortes uniformes en cuadrícula y proporciones naturales en mosaico.
Consejo de diseño: Mantén fechas, lugar, programa e información de inscripción en el contenido normal de la página. Esos datos esenciales deben seguir visibles cuando el feed cambie o no pueda cargarse.
Cómo recrearlo: Configura el feed para la página pública adecuada. Revisa el texto que lo rodea después del evento y cambia los mensajes de inscripción por una introducción al resumen; el feed no puede hacer ese cambio editorial por ti.
9. Un feed estrecho en una barra lateral o columna secundaria
Ver el concepto para móvil
Ideal para: Blogs, asociaciones y webs con mucho contenido.
Un feed no siempre necesita una sección de ancho completo. Una lista estrecha puede mostrar la actividad reciente de la empresa junto a un artículo o un archivo de contenidos. En el concepto, el artículo conserva el protagonismo y tres novedades breves ocupan la columna secundaria.
Con esta anchura, simplifica las imágenes, los contadores de interacciones y los extractos. En móvil, sitúa la sección debajo del artículo para no interrumpir la lectura.
Configuración recomendada
Diseño: Lista. Publicaciones: 2–4. Anchura: aproximadamente 300–450px. Imágenes: ocultas o pequeñas. Texto: extractos concisos.
Consejo de diseño: Comprueba el ancho real del contenedor, no solo el del dispositivo. Una barra lateral de ordenador puede ser más estrecha que la pantalla de un teléfono.
Cómo recrearlo: Coloca un bloque de lista en la columna secundaria de la página o plantilla. La guía del patrón de bloques para barra lateral ofrece un punto de partida práctico. Ajusta el diseño de WordPress que lo rodea para que se apile en móvil.
10. Usa distintos feeds para distintas secciones de la web
Ver el concepto para móvil
Ideal para: Grupos, empresas regionales y organizaciones con varias páginas de LinkedIn.
Las distintas secciones de una web pueden dirigirse a públicos diferentes. Una página de empresa sueca puede alimentar la página de destino sueca y una danesa, la web danesa. El concepto coloca esos feeds uno junto al otro para mostrar la diferencia.
Una sección de producto podría utilizar en su lugar una página de presentación de una unidad de negocio. Lo importante es elegir la página de origen, no la etiqueta de la web. Dos bloques conectados a la misma página de empresa mostrarán las mismas publicaciones, aunque sus encabezados sean diferentes.
Configuración recomendada
Fuentes: páginas públicas de empresa o de presentación independientes. Ubicación: un bloque o shortcode por feed. Estilo: coherente entre regiones. Publicaciones: 2–3 por sección compacta.
Consejo de diseño: Identifica claramente cada feed y mantén coherente el idioma esperado.
Cómo recrearlo: Establece una URL de página de empresa distinta en cada bloque o shortcode. No existe filtrado automático de empleo, región o eventos a partir de una única fuente. Utiliza la guía de páginas de presentación para elegir una fuente de una unidad de negocio.
¿Qué diseño de feed de LinkedIn deberías elegir?
Elige según la función de la sección y el espacio disponible.
| Necesidad de la web | Diseño inicial |
|---|---|
| Página de inicio de empresa habitual | Cuadrícula de tres columnas |
| Poco espacio vertical | Carrusel |
| Contenido visual de empresa variado | Mosaico |
| Diseño corporativo sobrio | Lista |
| Página de noticias o novedades | Cuadrícula o mosaico |
| Página de empleo | Carrusel o cuadrícula |
| Barra lateral | Lista |
| Varias páginas de empresa | Configuraciones independientes |
¿Cuántas publicaciones de LinkedIn deberías mostrar?
Un feed breve transmite actividad reciente; uno largo invita a explorar. Añade publicaciones solo cuando haya espacio y el contenido lo merezca.
- Página de inicio: 3–6 publicaciones; tres suelen bastar para una fila de cuadrícula.
- Página de empleo: 3–6 publicaciones relevantes.
- Página «Quiénes somos»: 3 publicaciones.
- Barra lateral: 2–4 novedades breves.
- Página específica de novedades: 9–12 publicaciones.
Distingue entre el número de publicaciones cargadas y las tarjetas visibles del carrusel. Revisa publicaciones reales antes de fijar la longitud de los extractos.
¿Debería el feed sustituir la sección de noticias de tu web?
Normalmente debería complementarla. LinkedIn sirve para novedades breves de empresa, mientras que tu web es el lugar adecuado para artículos duraderos, anuncios detallados, documentación y notas de prensa que necesiten una URL permanente.
El feed avanza al llegar nuevas publicaciones. Publica la información duradera directamente en WordPress y deja que el feed muestre la parte más dinámica de la empresa. Si el material de origen es débil, cambiar el diseño no lo resolverá; estas ideas de publicaciones para páginas de empresa de LinkedIn pueden ayudarte a planificar una combinación más útil.
Haz que el feed forme parte de tu web
Parte del sistema de diseño que ya tienes. Adapta el ancho del contenido, el radio de las tarjetas, la tipografía y el espaciado a las secciones cercanas. Utiliza un fondo discreto y deja que las publicaciones aporten el interés visual.
- Imágenes: utiliza recortes uniformes para cuadrículas ordenadas y admite variaciones en mosaico. Evita ocultar texto que solo exista dentro de una imagen.
- Texto: prueba con un anuncio corto y una publicación más larga. Los extractos deberían explicar lo suficiente como para que merezca la pena abrir el original.
- Contraste: comprueba el texto superpuesto sobre imágenes claras y oscuras. No basta una captura con una única imagen perfecta.
- Móvil: utiliza tarjetas legibles de una sola columna y comprueba que el feed horizontal no desborde la página.
- Espaciado: separa el encabezado, el feed y la siguiente sección de la web. Ofrece una pausa visual clara.
Mantén la información esencial fuera del feed. Tu web debe explicar por sí misma sus servicios y las acciones disponibles.
Crea estos diseños con ProFeedWP
ProFeedWP muestra publicaciones públicas de páginas de empresa y de presentación de LinkedIn mediante bloques Gutenberg y shortcodes, utilizando datos del feed en caché. Grid y List cubren ubicaciones sencillas; Pro añade Carousel, Masonry y más opciones de aspecto. Consulta los planes actuales para comprobar los ajustes que necesitas.
En Gutenberg, añade un bloque ProFeed, introduce la URL de la página de origen y elige el diseño, tema, número de publicaciones y columnas adaptables. Mantén los encabezados, la introducción y las llamadas a la acción en bloques normales de WordPress.
En un constructor de páginas, empieza con este shortcode y sustituye la URL de ejemplo por la de tu propia página de empresa:
[profeedwp company_url="https://www.linkedin.com/company/your-company/"]Code language: plaintext (plaintext)La guía de Elementor y Divi explica cómo colocarlo. Para los parámetros de diseño y columnas, consulta la documentación del shortcode antes de copiar ajustes entre feeds.
Preguntas frecuentes
Sí. ProFeedWP puede mostrar publicaciones recientes de una página pública de empresa o de presentación mediante un bloque Gutenberg o un shortcode. Las actualizaciones del feed en caché evitan insertar manualmente cada publicación nueva.
Una cuadrícula de tres columnas es un buen punto de partida porque se puede recorrer de un vistazo. Elige carrusel si hay poco espacio vertical y coloca contenido útil en las primeras tarjetas visibles.
Empieza con entre tres y seis en la página de inicio o de empleo, tres en «Quiénes somos» y entre dos y cuatro en la barra lateral. Una página específica de novedades puede mostrar entre nueve y doce.
Sí, cuando los visitantes quieran leer el original o interactuar con él. ProFeedWP enlaza las tarjetas a sus publicaciones de origen. Mantén la información y las acciones esenciales de la web en tus propias páginas.
Sí. Coloca el shortcode de ProFeedWP en un elemento del constructor compatible con shortcodes de WordPress. Prueba el feed con el ancho real de la sección y comprueba el diseño en móvil.
Sí. Configura bloques o shortcodes independientes con distintas URL públicas de páginas de empresa o de presentación. El contenido específico de región, empleo o eventos necesita una página de origen independiente y pertinente; no se filtra automáticamente a partir de un feed general.
Lleva tu contenido de LinkedIn a WordPress
Elige primero la sección de la web y después el diseño. Explora las demostraciones reales para comparar estilos y encontrar el plan adecuado para tu configuración.
¿Quieres probar primero la configuración básica? Prueba ProFeedWP en WordPress.org.