En este artículo, le mostraremos cómo incrustar un feed de Facebook en su página web automáticamente con EmbedFeed!
Actualizar tu página de Facebook y hacer lo mismo con tu sitio web es una tarea pesada y que lleva mucho tiempo, por lo que muchos community managers están hartos de esta tarea.
Aquí están los pasos sobre cómo incrustar Facebook feed en este momento:
- Regístrate en EmbedFeedo, si ya tiene una cuenta, inicie sesión.
- Conecta tu cuenta de Facebook.
- Genere tus publicaciones de Facebook en un widget de Facebook.
- Personalice y modera el widget.
- Copiar e incrustar el código en su sitio web.
Esto es lo que parece en un sitio de WordPress:
¿Te gusta lo que ves? Crea e incrusta este feed de Facebook en tu sitio web con EmbedSocial.
¿Qué tipos de feeds de Facebook puedes incrustar?
Cuando quieras incrustar contenido de Facebook en tu sitio web o blog, puedes considerar la posibilidad de incrustar varios tipos de feeds o posts.
- Entradas de página: Incrusta publicaciones públicas de una página de Facebook. Puedes incrustar publicaciones individuales o un feed de las últimas publicaciones.
- Vídeos: Incrusta vídeos públicos o listas de reproducción de vídeos de Facebook. Puedes incrustar vídeos de páginas o perfiles.
- Puesto de perfil: A veces puedes incrustar publicaciones de perfiles personales si la configuración de privacidad de la publicación lo permite.
- Álbumes de fotos: Incrusta álbumes de fotos de una página de Facebook. Este tipo de incrustación se puede utilizar para mostrar una colección de imágenes de un evento, por ejemplo.
- Menciones en la página de Facebook: Esta es la mejor opción para incrustar contenidos generados por los usuarios. Te permite configurar un feed que sólo incluirá contenido generado a partir de las publicaciones en las que otras personas mencionen tu marca.
- Reseñas en Facebook: Integrar reseñas de Facebook puede ayudarle a visualizar todos los críticas positivas que su producto o negocio obtuvo de clientes satisfechos.
Antes de incrustar cualquier contenido, asegúrate siempre de cumplir las condiciones de servicio de Facebook y la configuración de privacidad del contenido concreto que vayas a incrustar.
¿Cómo incrustar el feed de Facebook en un sitio web?
Para incrustar un feed de Facebook en tu sitio web, sólo tienes que seguir unos sencillos pasos con nuestro widget Embedfeed.
1. Registrarse en el plugin de Facebook
EmbedFeed es un completo agregador de redes sociales que tiene integración directa con las principales redes sociales, como Facebook, Instagram, YouTube, TikTok y Twitter.
Incrustar feeds de Facebook con la herramienta de agregación de redes sociales EmbedFeed es superfácil y rápido. Si tienes una cuenta de edición, inicia sesión y sigue los pasos que se indican a continuación. 7 días de prueba gratuita si aún no tiene una cuenta.
- Haga clic en el menú "Fuentes".
- Haga clic en el botón verde de arriba a la derecha "Añadir nuevo".
- Selecciona Facebook y haz clic en Continuar con el perfil de Facebook".
- Selecciona tu página de Facebook de la lista y Siguiente.
- Elija una plantilla haciendo clic en, haga clic en Utiliza esta plantilla.
- En el editor, copie el código incrustable proporcionado.
- Péguelo en el iframe HTML de su sitio web o en el editor de texto de su CMS.
Eso es. Aquí está demo de un feed social de Facebook incrustado.
A continuación se detallan los pasos con capturas de pantalla.
2. Importa publicaciones de Facebook a tu cuenta
Una vez que hayas iniciado sesión en tu cuenta de EmbedSocial, sigue estos pasos:
Primer paso: Pulsa 'Fuentesdel menú de la izquierda y haga clic en el botón de arriba a la derecha 'Añadir fuente botón.
Segundo paso: En la lista de fuentes, haga clic en el botón 'Facebook como se muestra a continuación:
Paso 3: Aparecerá una ventana emergente para proporcionar los permisos de conexión a tu página de Facebook.
Paso 4: En la siguiente pantalla, tendrás que elegir si quieres incrustar el feed de tu propia página o si quieres incrustar las entradas publicadas por los usuarios de Facebook que mencionaron tu página.
Para este ejemplo, elegiremos las publicaciones de la página de Facebook, así que en la pantalla 'Tipo de fuente', elige la opción 'Publicaciones de la página de Facebook'. Aparecerá una lista con tus páginas de Facebook donde tendrás que elegir la página de la que quieres crear un widget de feed.
Haga clic en Siguiente.
Paso 5: En el último paso, sólo tendrá que hacer clic en 'Crear Feed', y el sistema te redirigirá al editor de widgets, donde verás el feed de Facebook generado
¡Enhorabuena! Acabas de importar el feed de toda una página de Facebook a tu cuenta. Así que, vamos a obtener el código e incrustarlo en tu sitio web. Sigue el siguiente paso.
3. Copie y pegue un sencillo código en el HTML de su sitio web
Una vez que abras tu feed de Facebook en modo edición, encontrarás el código incrustable del feed en la sección superior derecha. A continuación se muestra un ejemplo; puedes ver la posición exacta del código, resaltada con un círculo rojo.
Una vez que obtengas el código, elige la posición de tu sitio web en la que deseas incrustar el widget de alimentación y pega este código.
Puede estar literalmente en cualquier sitio, como una barra lateral, una página de destino o una entrada de blog.
El feed se mostrará inmediatamente en su sitio web.
4. Personaliza el feed de tu página de Facebook
El plugin Embed Facebook Feed - EmbedFeed tiene montones de funciones de personalización y ajustes que pueden ayudarte a crear un feed de Facebook personalizable según tus necesidades.
Estas son algunas de las personalizaciones:
- Moderación - Elige qué publicaciones aparecerán en tu feed. Además, elige la opción de añadir automáticamente nuevas publicaciones cada vez que publiques en Facebook, lo que se sincronizará en tiempo real con tu sitio web.
- Añadir botones de compra - elige la opción "Llamada a la acción" y añade botones en las entradas para que los visitantes de tu web puedan comprar inmediatamente el producto u obtener más información sobre la entrada en el feed.
- Diseño de tarjetas - para cambiar el aspecto general de todo el diseño de la entrada dentro del feed.
- Número de entradas en el feed - limitar el número de entradas que desea que muestre el feed
- CSS personalizado - Oculta o muestra el número de "Me gusta" y publicaciones o incluye un botón para compartir. Esta opción permite personalizar por completo el aspecto del feed enviando una clase CSS personalizada con tus propios estilos.
- Anchura del puesto - Puede elegir que las entradas se muestren con un ancho mayor o menor.
- Respuesta móvil - Ancho de la entrada para teléfonos y tabletas; elija diferentes tamaños de entrada para dispositivos más pequeños.
- Incluir puesto completo - esta opción activará o desactivará el pie de foto para las publicaciones de fotos.
- No es necesario codificar.
- Edite el texto del título y cambie su color y tamaño.
PARA SU INFORMACIÓN: Insertar widget de Facebook automáticamente con el social medios de comunicación agregador y plataforma UGC de EmbedSocial. Haz clic a continuación para probarla gratis:
Insertar Facebook feed en su sitio web, ¡automáticamente!
Pruebe EmbedFeed y añade publicaciones de Facebook de tu página, menciones o publicaciones con hashtags específicos en tu sitio web con sólo unos clics.
Todas las funciones PRO | Cancelar en cualquier momento.
Seguir leyendo
¿Cómo dejar reseñas en Facebook?
¿Cómo incrustar Facebook Feeds en CMS?
Lo mejor de la plataforma de EmbedSocial es que el código proporcionado para todos los widgets funciona para los principales CMS y creadores de sitios web, como Drupal, Wix, Weebly, Shopify, WordPress, Joomla, Wix, Squarespace, PageCloud, etc.
¿Y sabes cuál es la mejor parte? No necesitarás instalar nada ni tener conocimientos avanzados en lenguajes de programación como JavaScript, HTML y CSS.
Sólo tendrá que copiar y pegar el código del script en el editor CMS.
Los mismos pasos se aplican a la incrustación de feeds de Instagram y Twitter en su sitio web.
¿Cómo integrar el feed de Facebook en Wix?
Estos son los pasos para incrustar un widget de publicaciones de Facebook en un sitio web Wix:
Primer paso: Accede a tu cuenta Wix y abre el editor.
Segundo paso: Navega hasta la página en la que quieres que aparezca tu feed de Facebook y haz clic en la parte superior izquierda + Añadir opción.
Paso 3: Buscar el Incrustar código y haga clic en el botón Insertar HTML como se muestra a continuación:
Paso 4: Haga clic en Introducir código y pegue el código en la ventana emergente. Haga clic en Actualización para guardar los cambios.
Paso 5: Arrastre las flechas de cambio de tamaño para asegurarse de que el widget se ajusta a la sección.
Paso 6: Haga clic en Publique para ver los cambios en directo en su sitio web Wix.
Lee el tutorial completo sobre cómo incrustar un feed de Facebook en Wix →.Artículo de ayuda
¿Cómo incrustar un feed de Facebook en el HTML de WordPress?
A continuación te explicamos cómo incrustar el feed de Facebook en WordPress
WordPress es la plataforma de creación de sitios web más popular. Por lo tanto, si utiliza el editor de WordPress, aquí están las sencillas instrucciones para incrustar su feed de Facebook:
Primer paso: Inicie sesión en su sitio web WordPress y abra la página en la que desea incrustar el código.
Segundo paso: Haga clic en el botón + icono y busque el HTML personalizado opción.
Paso 3: En el campo HTML, pegar el código JavaScript que tienes de EmbedFeed.
Paso 4: Haga clic en Actualización o Publique para guardar los cambios en vivo.
<Nota: Si utiliza el editor clásico de WordPress, simplemente cambie al editor HTML y pegue el código proporcionado. Además, si usted prefiere utilizar códigos cortos en lugar de un JavaScript en sus sitios web de WordPress, puede instalar nuestro oficial Plugin WordPress Facebook Feed y utilice el shortcode proporcionado y en el paso 2 elija el bloque Shortocde.
¿Cómo añadir un feed de Facebook en Squarespace?
Estos son los pasos para incrustar tu widget de feed de Facebook en un sitio web de Squarespace:
Primer paso: Inicia sesión en tu cuenta de Squarespace, abre el sitio web que deseas editar y haz clic en la parte superior Editar para abrir el editor.
Segundo paso: Navegue hasta la página en la que desea mostrar su feed de Facebook, haga clic en el botón +Añadir bloque y haga clic en el botón Insertar bloque
Paso 3: Haga clic en el bloque incrustar y, a continuación, en Fragmento de códigoy haga clic en Incrustar datos. En el área de texto, pegue el código.
Lee el tutorial completo sobre cómo incrustar una fuente de Facebook en Squarespace →...
¿Cómo añadir un feed de Facebook en Weebly?
Estos son los pasos para integrar el widget de Facebook en tu sitio web Weebly:
- Accede a tu cuenta Weebly, abre el editor y, en el menú superior Páginas, haz clic en la página en la que quieras mostrar tu feed de Facebook.
- En el panel de elementos de la izquierda, busque Código de incrustacióny arrastre y suelte este elemento en la sección del editor donde desee mostrar el widget.
- Aparecerá un área HTML en la que tendrá que pegar el código que ya ha copiado de EmbedFeed.
¿Cómo incrustar el feed de Facebook en Webflow?
Los pasos para incrustar una página o feed de Facebook en un sitio web Webflow son los siguientes:
- Inicie sesión en Webflow, abra el editor del sitio web y, en la lista de páginas superiores, elija la página en la que desea mostrar el widget.
- Haga clic en la parte superior izquierda +iconoy en el panel Elementos, busque la opción Insertar elemento.
- Arrastra y suelta el Embed en la zona de la página donde quieras que aparezca el widget y, en el cuadro HTML, pega el código.
¿Cómo añadir el feed de Facebook en Shopify?
Aquí está cómo agregar Facebook feed en Shopify:
Al igual que con las diferentes plataformas de creación de sitios web, puedes incrustar fácilmente un feed de Facebook en una plataforma de comercio electrónico como Shopify. Aquí están los pasos para incrustar un widget de página de Facebook en un sitio web Shopify:
- Inicia sesión en tu tienda Shopify y ve a Páginas.
- En el editor de páginas, en el área Contenido, haga clic en el botón icono de código.
- Pega el código del feed de Facebook en el área de código y haz clic en Guardar para reflejar los cambios en directo en su página.
Lee el tutorial completo sobre cómo incrustar el feed de Facebook en Shopify →
Añadir varios feeds de Facebook
Por último, pero no menos importante, es posible que desee añadir más de un feed en su sitio web. Esta opción está disponible actualmente para todos los usuarios, así que SÍ, puedes obtener ILIMITADOS feeds e incrustarlos en cualquier sitio web.
Para crear varios widgets de feeds de Facebook, ve a Widgets y haz clic en el botón
Primer paso: Ir a Widgets y haga clic en Añadir widget.
Segundo paso: Selecciona la página de Facebook o selecciona otras fuentes, como una página de Instagram, un canal de YouTube o una cuenta de TikTok.
Paso 3: Haga clic en Crear widget para navegar al editor de widgets.
Paso 4: Puede personalizar el widget y obtener el código proporcionado en el editor.
Ya está. Ahora, puedes crear un gran muro de redes sociales para tu sitio web o crear diferentes widgets con contenido de múltiples fuentes y diseños. Aquí tienes un ejemplo de muro de redes sociales:
Incrustar el feed de Facebook con la herramienta nativa de plugins sociales de Facebook
Una de las soluciones más sencillas que pueden ayudarte a incrustar el feed de la línea de tiempo de tu página de Facebook es utilizar la aplicación gratuita Plugin de página de Facebook.
- Introduce la URL de tu página de Facebook.
- Establezca los parámetros de anchura o altura.
- Haga clic en Obtener código.
- Sólo tienes que copiar el código de inserción de Facebook y pegarlo en la sección del cuerpo de tu sitio web.
Nota: El plugin de página de Facebook tiene funcionalidades limitadas para los feeds de Facebook personalizados, no te permite mostrar tu feed de Facebook en un diseño específico como una cuadrícula, mampostería, presentación de diapositivas o similar.
Facebook feed en el sitio web Ejemplos
Aquí tienes algunos ejemplos de cómo se vería tu feed de Facebook en un sitio web:
Características del widget de feeds de Facebook de EmbedFeed
EmbedFeed es una herramienta que permite integrar feeds de Facebook y otros noticias en las redes sociales en su sitio web. El uso de una herramienta como EmbedFeed puede ofrecer una variedad de características y beneficios.
Estas son algunas de las características que encontrará:
- Fácil integración: EmbedFeed permite una fácil integración con varias plataformas web como WordPress, Shopify, etc.
- Personalización: Puedes crear un feed de Facebook totalmente personalizado y adaptarlo al diseño y la marca de tu sitio web.
- Diseño adaptable: El feed incrustado es responsivo, lo que significa que se verá bien tanto en dispositivos de escritorio como móviles.
- Moderación de contenidos: EmbedFeed le permite moderar el contenido que aparece en su feed, dándole el control sobre lo que se muestra en su sitio web.
- Múltiples plataformas de medios sociales: EmbedFeed admite feeds de múltiples plataformas de redes sociales, no sólo de Facebook.
- Actualizaciones automáticas: EmbedFeed puede actualizar automáticamente el feed de tu sitio web con nuevos contenidos a medida que se publican en Facebook, ahorrándote la molestia de las actualizaciones manuales.
- SEO beneficios: Al integrar un feed de Facebook en tu sitio web, puedes mantener el contenido de tu sitio web actualizado, lo que podría beneficiar a tu SEO.
Más información:
Artículo de ayuda
Bonus: ¿Cómo incrustar una galería de fotos de Facebook?
Los pasos anteriores describen la capacidad de incrustar publicaciones de Facebook en tu sitio web. Pero si has creado álbumes en tu página de Facebook y quieres sincronizarlos con tu sitio web, puedes hacerlo con una herramienta como EmbedAlbums - un producto de la plataforma EmbedSocial diseñado exclusivamente para incrustar grandes álbumes de Facebook en tu sitio web.
Técnicamente, esto significa que puedes incrustar una galería completa con las fotos de tu página de FB en un sitio web en un diseño de cuadrícula con una línea de código que sincronizará tu sitio web con la actividad de tu página de Facebook cada vez que publiques una foto en un álbum concreto.
Así es como aparece la galería de Facebook en un sitio web:
No te preocupes si utilizas WordPress para tu sitio web o blog. Este plugin también te ayudará a incrustar tu feed de Facebook en tus sitios web de WordPress, Drupal o Joomla.
En relación con esto, sólo puedes incrustar un único álbum de Facebook en un diseño de cuadrícula con la opción Plugin gratuito para álbumes de Facebook. Se diferencia de la versión EmbedFeed PRO porque sólo incrusta las fotos de la página de Facebook, no el feed de texto.
¿Por qué integrar un feed de Facebook en un sitio web?
Integrar un feed de Facebook en un sitio web puede ofrecer diversas ventajas a empresas, blogueros y otros propietarios de sitios web.
Desde ampliar el alcance y la presencia en Facebook hasta proporcionar prueba socialEstas son algunas de las principales ventajas:
Mayor participación de los usuarios
Incrustar un feed de Facebook en un sitio web puede aumentar significativamente la participación de los usuarios en tu sitio web. Ofrece actualizaciones en tiempo real directamente desde tu página de Facebook, lo que hace que el contenido de tu sitio esté siempre fresco y actualizado.
También permite a los usuarios interactuar con las publicaciones directamente en su sitio web, lo que fomenta un mayor compromiso y mantiene a los visitantes en su sitio durante más tiempo.
Aumento de la prueba social
Añadir un feed de Facebook a tu sitio web actúa como prueba social al mostrar testimonios de usuarios, reseñas y contenido generado por usuarios de tu página de Facebook.
Esto puede aumentar la credibilidad de su marca en las tiendas en línea y crear un sentimiento de comunidad y confianza en torno a sus productos o servicios, influyendo potencialmente en las decisiones de compra de los posibles clientes.
Mayor valor SEO
Tener un feed de Facebook en directo puede contribuir positivamente al SEO de tu sitio. Las actualizaciones continuas del feed significan que tu sitio se actualiza regularmente con contenido fresco, un factor que los motores de búsqueda suelen tener en cuenta a la hora de clasificar los sitios web.
Además, el contenido valioso compartido a través del feed puede fomentar los vínculos de retroceso, mejorando aún más la posición SEO de su sitio.
Mayor atractivo visual
Incrustar un feed de Facebook puede mejorar el atractivo visual de tu sitio web. Permite incorporar contenido multimedia de tu página de Facebook y tu sitio web de Shopify, lo que añade valor estético y hace que tu sitio sea más atractivo para los visitantes.
Estrategia de contenidos rentable
Integrar un feed de contenidos completo de Facebook en tu sitio web puede ser una estrategia de contenidos rentable. Permite la sindicación de contenidos, con lo que puedes compartir contenidos de tu página de Facebook directamente en tu sitio web sin necesidad de crear nuevos contenidos desde cero.
Mayor número de seguidores en las redes sociales
Hace que los visitantes de tu sitio web sean más conscientes de tu presencia en las redes sociales y les permite seguir fácilmente tu página de Facebook directamente desde tu sitio web, fomentando el crecimiento de tu audiencia en las redes sociales y promoviendo una comunidad más amplia y comprometida.
PARA SU INFORMACIÓN: Insertar widget de Facebook automáticamente con el social medios de comunicación agregador y plataforma UGC de EmbedSocial. Haz clic a continuación para probarla gratis:
Insertar Facebook feed en su sitio web, ¡automáticamente!
Pruebe EmbedFeed y añade publicaciones de Facebook de tu página, menciones o publicaciones con hashtags específicos en tu sitio web con sólo unos clics.
Todas las funciones PRO | Cancelar en cualquier momento.
Conclusión
En conclusión, incrustar un feed de Facebook en tu sitio web es una herramienta versátil para mejorar la participación de los usuarios y el contenido del sitio.
Puede incrustar el código proporcionado desde EmbedFeeden un sitio web HTML sencillo o en una plataforma web más compleja.
A lo largo del artículo, hemos explorado los distintos tipos de feeds que se pueden incrustar, las ventajas que aportan y los diferentes métodos para hacerlo con eficacia.
Aprovechar esta función puede amplificar su presencia en las redes sociales y fomentar una experiencia dinámica e interactiva en su sitio web.
Preguntas frecuentes sobre la inserción del feed de Facebook
Sí, puedes incrustar un feed de Facebook en tu sitio web para mostrar un flujo de publicaciones recientes de una página de Facebook.
Cuando incrustas una publicación de Facebook en tu sitio web o blog, los visitantes de tu sitio web pueden ver e interactuar con la publicación (me gusta, comentar, compartir) directamente desde tu sitio sin visitar Facebook.
Incrustar en una página de Facebook significa integrar publicaciones o feeds específicos de la página en un sitio web o blog, permitiendo a los usuarios interactuar con el contenido directamente desde el sitio externo.
Un feed de Facebook es una lista de historias que se actualiza constantemente en el centro de tu página de inicio de Facebook. Incluye actualizaciones de estado, fotos, vídeos, enlaces, actividad de aplicaciones y "me gusta" de personas, páginas y grupos que sigues en Facebook.
Esencialmente, es el principal medio a través del cual los usuarios interactúan con los contenidos publicados por sus amigos y por las páginas o grupos a los que están conectados.
