Nuevos feeds de redes sociales: Plantillas y demostraciones

Aprende a incrustar un feed de redes sociales en tu sitio web de forma gratuita. Ejemplos de feeds de redes sociales creados con herramientas sencillas como EmbedSocial.

templates for social media feeds

Estamos actualizando continuamente la plataforma EmbedSocial y, en esta ocasión, hemos rediseñado por completo el aspecto de nuestros widgets de redes sociales en la sección EmbedFeed producto.

EmbedFeed es un todo en uno agregador de redes sociales integrado con las principales redes sociales, creado para generar y mostrar publicaciones en redes sociales en cualquier sitio web posible.

EmbedFeed proporciona herramientas profesionales como moderación, personalización, opciones CSS personalizadas para etiquetar publicaciones con enlaces personalizados, y toneladas de ajustes que te ayudarán a adaptar tu feed de redes sociales diseño con su marca.

Miles de usuarios utilizan este producto y envían regularmente sus comentarios sobre posibles nuevas funciones y actualizaciones.

Y esta vez, nos complace lanzar una importante actualización del diseño frontend de las plantillas de redes sociales:

Anunciamos: Nuevas plantillas de noticias para redes sociales 

Estas plantillas ya están disponibles para todos nuestros usuarios anteriores y nuevos, y puedes encontrarlas en la barra de Configuración, en la sección Diseños. 

Para leer sobre nuestra fase de diseño y consultar las nuevas plantillas, siga los siguientes enlaces: 

Fase de diseño: Lluvia de ideas, maquetas y prototipos

Antes de empezar a diseñar, teníamos en mente los siguientes principios: 

  • Necesidades, peticiones y comentarios de los usuarios 
  • Siga las últimas tendencias en diseño de interfaz de usuario.
  • Capacidad de respuesta y adaptación a cualquier dispositivo, navegador o creador de sitios web

La fase de investigación incluyó algunos talleres entre nuestros equipos de marketing, UX y éxito del cliente. ¡Y mucha pizza!

design workshop

Por suerte, esto fue antes de la crisis de COVID, así que pudimos hacer una lluvia de ideas en nuestra oficina y divertirnos mucho visualizando cómo podíamos lanzar mejores widgets para nuestros usuarios. 

Novedad Plantilla de collage

collage social media widget

La plantilla Collage es una plantilla completamente nueva, creada desde cero y destinada principalmente a mostrar publicaciones de redes sociales en páginas de inicio o páginas de destino. 

Utilización: Páginas de inicio, Páginas de destino

Diseño: Moderno 

Características

  • Responsive, diseño de cuatro cuadrículas
  • Opción para definir 1 fila de entradas con carga más o paginación numerada para adaptarse a su diseño de página de destino
  • Mostrar título/texto al pasar el ratón por encima
  • Ver entradas enteras en un lightbox o redirigir a la entrada original
  • Añadir un botón "Seguir
  • Añadir o eliminar título
  • Añadir botones CTA en las entradas

Demo: Plantilla de collage →

Plantilla de alimentación

social media feed widget

La plantilla Feed es nuestra plantilla predeterminada diseñada para la mayoría de los usuarios que desean mostrar un muro clásico de medios sociales en una página dedicada. Contiene todos los elementos necesarios para crear un feed de redes sociales para su sitio web. 

Utilización: Páginas dedicadas, Páginas de inicio

Diseño: Clásico 

Características

  • Diseño de tres columnas adaptable
  • Definir el número de entradas por página
  • Opciones para añadir una carga más o paginación numerada
  • Ver entradas enteras en un lightbox o redirigir a la entrada original
  • Añadir un botón "Seguir
  • Añadir o eliminar un título
  • Mostrar o eliminar el pie de foto debajo de las imágenes.

Demo: Plantilla de alimentación →

Plantilla de pared

wall social media widget

La plantilla Muro es muy similar a la de Feed. Se centra más en el aspecto clásico de un muro de redes sociales, donde el nombre de usuario y los logotipos de las redes sociales son más prominentes en la parte superior de las publicaciones. 

Utilización: Páginas dedicadas, Páginas de inicio

Diseño: Clásico 

Características

  • Diseño de tres columnas adaptable
  • Defina el número de entradas por página.
  • Opciones para añadir una carga más o paginación numerada
  • Ver entradas enteras en un lightbox o redirigir a la entrada original
  • Añadir un botón "Seguir
  • Añadir o eliminar el título
  • Mostrar o eliminar el pie de foto debajo de las imágenes.

Demo: Plantilla de pared → 

Plantilla de albañilería

masonry social media widget

La plantilla Masonry es un diseño moderno de tipo Pinterest para feeds de redes sociales. Su objetivo es ofrecer un escaparate más elegante de las imágenes de los productos o de las entradas que has publicado y contener imágenes más relevantes que el texto en sí. 

Utilización: Páginas dedicadas, Páginas de inicio

Diseño: Moderno 

Características

  • Diseño responsivo de mampostería de tres rejillas
  • Definir el número de entradas por página
  • Opciones para añadir una carga más o paginación numerada
  • Ver entradas enteras en un lightbox o redirigir a la entrada original
  • Añadir un botón "Seguir
  • Añadir o eliminar el título
  • Mostrar o eliminar el pie de foto debajo de las imágenes

Demo: Plantilla de mampostería →

Plantilla de cuadrícula

grid social media widget

La plantilla Grid es una plantilla clásica para mostrar imágenes e incrustar un feed que se parece más a una galería de fotos. 

Utilización: Páginas dedicadas, Páginas de aterrizaje, Páginas de inicio

Diseño: Clásico 

Características

  • Opción de respuesta para definir el número de columnas en el diseño de la cuadrícula
  • Definir la paginación entre fotos
  • Mostrar título/texto al pasar el ratón por encima
  • Ver entradas enteras en un lightbox o redirigir a la entrada original
  • Añadir un botón "Seguir
  • Añadir o eliminar el título
  • Añadir botones CTA en las entradas

Demo: Plantilla de cuadrícula → 

carousel social media widget

Se trata de una plantilla de carrusel moderna que se adapta a las últimas tendencias de interfaz de usuario para mostrar feeds de redes sociales en los primeros lugares de su sitio web. Es perfecta para marcas de moda o cosméticos.

Utilización: Páginas de inicio, Pie de página, Páginas de productos

Diseño: Moderno 

Características

  • Opciones para navegar por las diapositivas
  • Abrir entradas en un lightbox o redirigir a la entrada original
  • Añadir un botón "Seguir
  • Añadir o eliminar título
  • Ver pie de foto al pasar el ratón por encima
  • Definir reproducción automática

Demo: Plantilla de carrusel → 

Plantilla deslizante

slider social media widget

El deslizador tiene un aspecto más clásico que el carrusel y es una opción "segura" que se adapta a casi cualquier diseño de sitio web. 

Utilización: Páginas de inicio, Pie de página, Páginas de productos

Diseño: Clásico 

Características

  • Opciones para navegar por las diapositivas
  • Abrir entradas en un lightbox o redirigir a la entrada original
  • Añadir un botón "Seguir
  • Añadir o eliminar título
  • Ver pie de foto al pasar el ratón por encima
  • Definir reproducción automática

Aquí hay una plantilla de demostración deslizante incrustado en este post:

Demostración completa: Plantilla → Slider

Caso práctico: Insertar Collage Feed en Shopify

Nuestros feeds funcionan con cualquier CMS, constructor web o plataforma de comercio electrónico.

En este ejemplo mostraremos un uso sencillo en una tienda Shopify donde se puede incrustar feed de Instagram con la nueva plantilla Slider:

embed instagram feed in shopify

Para otras integraciones de plataformas, consulte los enlaces siguientes:

Por qué debería integrar un feed de redes sociales en su sitio web, ahora mismo

Puede obtener numerosas ventajas como vendedor fusionando el poder de los canales de las redes sociales y su sitio web.

Destacamos las principales:

  • Crea una mejor experiencia de usuario en su página web que mantiene el interés de sus visitantes. 
  • Reduce la tasa de rebote y aumenta el tiempo medio de sesión.
  • Difunde la marca y muestra los valores que representa
  • Construye fuertes prueba social
  • Impulsa las ventas ofreciendo sus productos en un formato envolvente
  • Amplía tu presencia en las redes sociales

Antes de empezar a incrustar, tómese su tiempo para pensar en lo que quiere conseguir añadiendo feeds de redes sociales a su sitio web. 

Por ejemplo, si su objetivo es aumentar el tiempo de permanencia de los visitantes, puede añadir un botón Facebook feedDe este modo, cuando lleguen a su sitio web, podrán ver sus fotos y vídeos y quedarse. Si quiere mantener a su público al día de las últimas noticias de su empresa, un feed de Twitter le vendrá como anillo al dedo. 

O si desea atraer a su público mostrando su colección más reciente. En este caso, incrustar un Instagram Feed será una buena idea para usted. Para aumentar la visibilidad de su evento, considere la posibilidad de probar una campaña de hashtags.

No olvide que siempre puede combinar su contenido social de varias cuentas de redes sociales en un solo lugar si es necesario.

Tú eliges.

Próximos pasos: Inserción en las redes sociales

Esperamos que te gusten las nuevas plantillas y seguiremos creando más para nuestros usuarios actuales y nuevos.

Para acceder a la plantilla, todo lo que necesita:

  1. Iniciar sesión a EmbedFeed
  2. Vaya a Widgets y haga clic en Editar o Crear un nuevo widget
  3. En la barra lateral, vaya a Diseños y elija la plantilla de la lista
  4. Personaliza y modifica tu feed de redes sociales
  5. Copie el código HTML proporcionado y péguelo en su creador de sitios web
feed templates

Tenga en cuenta que puede agregar y combinar medios de varias plataformas de medios sociales en un widget como Facebook Page, Instagram, Twitter, Vimeo, YouTube o TikTok. Tú decides qué contenido social mejorará tu presencia en línea.

Para terminar

Espero que ver estas redes sociales en acción le haya inspirado para ofrecer al público de su sitio web una experiencia inmejorable.

Sí, no dude en probarlos todos y ver cuál será el factor WOW que su sitio web merece tener.

Y si necesitas ayuda durante el proceso de configuración, no dudes en ponerte en contacto con nosotros; estaremos encantados de orientarte.

embed Instagram feed

Mostrar muro de las redes sociales ¡en su sitio web automáticamente!

Pruebe EmbedFeed y muestre los feeds de Instagram, Facebook, YouTube, Pinterest, TikTok y Vimeo en su sitio web en cuestión de segundos.

Todas las funciones PRO | Cancelar en cualquier momento.


CEO de EmbedSocial 

Nikola Bojkov es el CEO de EmbedSocial, un emprendedor que convierte los problemas en productos. Con más de una década de experiencia práctica con API de medios sociales, guía a EmbedSocial en su papel de socio técnico tanto para pymes como para grandes agencias, maximizando el impacto de sus contenidos generados por los usuarios. EmbedSocial tiene oficinas en Skopje, Tokio y Lisboa y cuenta con más de 250.000 usuarios.