Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Copa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Cómo corregir el problema de oEmbed de Facebook e Instagram en WordPress

El bloque por defecto oEmbed o Incrustar en WordPress ya no funciona para Instagram o Facebook. Por lo tanto, si has añadido contenido de estas redes sociales utilizando el bloque Incrustar en el pasado, ahora puede causar errores y vacíos de contenido en tu sitio.

La corrección de este problema es importante si desea ofrecer una experiencia de usuario positiva. Si no lo haces, los visitantes de tu sitio web pueden encontrarse con contenido que falta o páginas rotas. Además, será mucho menos probable que encuentren tus feeds sociales.

En esta guía, te mostraremos cómo corregir fácilmente el problema de incrustación de Facebook e Instagram para que los visitantes puedan disfrutar del contenido social en tu sitio web de WordPress.

How to fix the Facebook and Instagram oEmbed issue in WordPress

¿Cuál es el problema de Facebook e Instagram oEmbed en WordPress?

En el pasado, podías incrustar fácilmente entradas de Instagram y Facebook en WordPress utilizando el protocolo oEmbed.

Sin embargo, Facebook ha cambiado el funcionamiento de la característica oEmbed, por lo que ya no es posible incrustar fácilmente vídeos, imágenes, actualizaciones y otros contenidos de Facebook o Instagram.

En su lugar, ahora tienes que registrar una aplicación y utilizar un token de cliente para obtener datos de la API Graph de Facebook antes de poder incrustar contenido de Facebook o Instagram en tu sitio web de WordPress.

Esto llevaría mucho tiempo y esfuerzo, así que los responsables de WordPress decidieron quitar / eliminar las características de incrustación de Facebook e Instagram.

Si anteriormente has añadido algún contenido de Facebook a tu sitio web utilizando oEmbed, ahora tendrá un aspecto similar al de la siguiente imagen.

An example of an oEmbed error in WordPress

Si añades alguna entrada de Instagram utilizando oEmbed, obtendrás un error similar porque ahora es obligatorio / requerido / necesario un token de acceso.

Hay formas de corregir el problema manualmente. Por ejemplo, puede revisar cada página y entrada y borrar el contenido incrustado. Sin embargo, esto puede llevar mucho tiempo y no hay garantías de que consigas encontrar todos los contenidos incrustados rotos.

Dicho esto, veamos cómo puedes corregir fácilmente el problema de oEmbed de Facebook e Instagram en WordPress.

Cómo corregir el problema de oEmbed en Facebook e Instagram

La forma más fácil de corregir el problema de oEmbed es usando uno de los plugins gratuitos de Smash Balloon.

Si quieres incrustar entradas de Instagram en WordPress, entonces necesitarás el plugin Smash Balloon Social Photo Feed.

An instagram post, embedded in a WordPress website

Mientras tanto, si quieres incrustar una entrada de Facebook en WordPress, puedes utilizar el plugin gratuito Smash Balloon Facebook Feed.

En primer lugar, tienes que instalar y activar el plugin que necesites. Para más detalles, consulta nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Después de instalar cualquiera de los dos plugins, sólo tienes que ir a Instagram Feed ” oEmbeds o Facebook Feed ” oEmbeds, dependiendo del plugin que estés utilizando.

Estamos utilizando el plugin Social Photo Feed en todas nuestras imágenes, pero los pasos serán exactamente los mismos independientemente del plugin que estés utilizando.

Enabling the oEmbed feature for Instagram and Facebook

En esta pantalla, sólo tiene que hacer clic en el botón “Activar” que se ajuste a sus necesidades.

Ya está. Ya puedes incrustar entradas de Facebook e Instagram en tu sitio web de WordPress.

Cómo incrustar entradas de Instagram o Facebook en WordPress

Una vez que hayas activado la característica oEmbed con tu plugin Smash Balloon preferido, podrás incrustar entradas específicas de Instagram o Facebook en cualquier página, entrada o área preparada para widgets.

Por ejemplo, puede añadirloal pie de página de su sitio de WordPress.

Una opción es abrir la página o entrada donde quieres mostrar el contenido social en el editor de Gutenberg. A continuación, haz clic en el icono “Añadir bloque” (+) y escribe “Incrustar”.

Cuando aparezca el bloque adecuado, haz clic para añadirlo a la página o entrada.

Adding the Embed block to a WordPress page or post

En el campo “Incrustar”, solo tienes que pegar la URL de la entrada de Instagram o Facebook que quieres mostrar en tu sitio web.

A continuación, haz clic en “Incrustar”.

Embedding an Instagram post in WordPress

WordPress mostrará ahora esa entrada en concreto. Cuando esté listo para publicar la entrada, simplemente haga clic en “Actualizar” o “Publicar”.

Ahora, cuando visites la página, verás la entrada de los medios sociales en directo.

An example of an Instagram post in WordPress

Otra opción es añadir la entrada de Instagram o Facebook a una zona preparada para widgets, como la barra lateral. De esta forma, puedes promocionar la misma entrada en todas las páginas de tu sitio web.

Por ejemplo, puede incrustar su entrada de Instagram más popular, una entrada promocionando una oferta o un concurso en medios sociales que esté utilizando para hacer crecer su sitio.

Adding an Instagram post to a widget-ready area such as the WordPress sidebar

Para añadir una entrada de Facebook o Instagram a una zona preparada para widgets, solo tienes que ir a Apariencia ” Widgets y hacer clic en el botón azul “+”.

En la barra de búsqueda, tienes que escribir “Incrustar” para encontrar el bloque adecuado.

Embedding an Embed block in WordPress

Cuando aparezca el bloque “Incrustar”, arrástralo a la zona donde quieras mostrar la entrada de Facebook o Instagram. Por ejemplo, estamos mostrando una foto de Instagram en el widget de la barra lateral de WordPress.

En el campo “Incrustar”, solo tienes que pegar la URL de la entrada de Instagram o Facebook que quieres mostrar en tu sitio web. A continuación, haz clic en “Incrustar”.

Embedding Instagram photo in Instagram

WordPress mostrará ahora esa entrada en concreto.

Si está satisfecho con su aspecto, haga clic en “Actualizar” para activarlo.

Embedding Instagram post in WordPress

Ahora, verás la entrada del estado de Instagram o Facebook en tu sitio web WordPress.

Cómo añadir un feed de Instagram o Facebook a WordPress

Los plugins gratuitos Smash Balloon facilitan la tarea de añadir entradas de Facebook e Instagram a tu sitio web WordPress.

Esto es genial si solo quieres incrustar un pequeño número de entradas o controlar exactamente dónde aparece cada entrada social en WordPress. Sin embargo, es posible que también desee incrustar un feed personalizado de Facebook o Instagram en su sitio web.

Al crear un feed, puedes mostrar todas tus entradas más recientes en una bonita disposición / disposición / diseño / plantilla. Y lo que es mejor, el feed se actualizará automáticamente para que los visitantes vean siempre las entradas más recientes sin tener que actualizar el sitio manualmente.

Esto puede mantener su sitio fresco e interesante, incluso para los visitantes habituales.

Si quieres incrustar contenido de Instagram en WordPress, entonces puedes usar el plugin Smash Balloon Instagram Feed.

An Instagram feed, created using Smash Balloon

¿Quieres crear un feed que muestre tus álbumes, vídeos, entradas del timeline de Facebook y mucho más?

A continuación, puede utilizar el plugin Smash Balloon Facebook Feed.

Facebook reviews, embedded using Smash Balloon

¿Quieres añadir feed de Facebook e Instagram a tu sitio web WordPress? Entonces, es posible que desee ver Smash Balloon Social Wall.

Este potente plugin te permite combinar cualquier feed que hayas creado usando los plugins de Smash Balloon, incluyendo Facebook, Twitter, Smash Balloon YouTube Feed, y más.

Creating a social media wall using Facebook and Instagram

Por ejemplo, si ha establecido los plugins Facebook Feed e Instagram Feed, sólo tiene que ir a Social Feeds Crear un Social Wall en su escritorio de WordPress.

A continuación, haz clic en “Añadir nuevo”.

Creating a social wall using Smash Balloon

Para cada plataforma de medios sociales que quieras añadir, haz clic en “Añadir al muro”.

Ahora verás todos los feeds de medios sociales que has creado para esta plataforma. Sólo tienes que seleccionar el botón de opción siguiente a cada feed que desees utilizar.

Adding multiple social media networks to a WordPress feed

Por ejemplo, puedes combinar las últimas entradas de tu calendario de eventos de Facebook y de tu cuenta de Instagram.

Una vez hecho esto, haz clic en “Crear muro”.

Esto abrirá el editor de Smash Balloon, donde puedes ajustar cada parte del muro social. Por ejemplo, puedes cambiar la combinación de colores para que se adapte perfectamente a tu tema de WordPress.

Adding Facebook and Instagram to a social wall

Cuando esté satisfecho con el aspecto del muro social, puede añadirlo a cualquier página, entrada o área preparada para widgets mediante el bloque Muro social.

Por ejemplo, para añadir un muro social a una página, basta con abrir esa página en el editor de bloques de WordPress. Aquí, haz clic en el icono ‘+’ y escribe ‘Social Wall.’

Adding the social wall block to a page or post

Cuando aparezca el bloque adecuado, haz clic para añadirlo a la página.

Ahora, Social Wall mostrará el feed multiplataforma que acabas de crear.

Publishing a social wall in WordPress

Esperamos que este artículo te haya ayudado a aprender cómo corregir el problema de Facebook e Instagram oEmbed en WordPress. También puedes consultar nuestra selección de los mejores plugins de medios sociales para WordPress y nuestra guía práctica sobre cómo incrustar un feed de grupo de Facebook en WordPress.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Descargo: Nuestro contenido está apoyado por los lectores. Esto significa que si hace clic en algunos de nuestros enlaces, podemos ganar una comisión. Vea cómo se financia WPBeginner , por qué es importante, y cómo puede apoyarnos. Aquí está nuestro proceso editorial .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

El último kit de herramientas de WordPress

Obtenga acceso GRATUITO a nuestro kit de herramientas - una colección de productos y recursos relacionados con WordPress que todo profesional debería tener!

Reader Interactions

45 comentariosDeja una respuesta

  1. Syed Balkhi

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Ryan Elizabeth

    Oh my goodness, THANK YOU for providing this fix! I was loosing my mind just now trying to figure out why none of my Instagram links were embedding. Guess I missed the memo about the October 24 deadline. O:-) Thank you again for saving me lots of headache!

    • WPBeginner Support

      Glad our solutions could help :)

      Administrador

  3. Tiffany Clark

    The Instagram plugin is glitchy for me. It’s preserved most of the Instagram posts I had in previous content, but when I paste a link in a new piece of content, it doesn’t populate the Instagram post. Any suggestions?

    • WPBeginner Support

      Reach out using the plugin’s support page for assistance to help check and ensure it is not a conflict with a different plugin or something that needs to be fixed :)

      Administrador

  4. Soumitra haldar

    Thank you so much…. I found my answer… Very helpful full … Thanks a lot

    • WPBeginner Support

      Glad our guide was helpful :)

      Administrador

  5. Palle Hyldgård Poulsen

    This was great – so easy. Thank you!

    • WPBeginner Support

      Glad our solution was helpful :)

      Administrador

  6. Alyssa

    I installed both plugins and connected to FB but FB posts are still not auto-embedding in my WP articles!

    • WPBeginner Support

      These plugins are for ensuring your embeds work, not for automatically embedding them on your site.

      Administrador

  7. Harry

    i have an issue of embedding instagram igtv’s after these recent changes. and seems like your plugin solve this issue, but the thing is my site is not only using my personal instagram account, its a platform where bloggers can promote their stuff (igtv) so the question is, being an admin how could i connect various instagram accounts? kindly solve this problem i will be very pleased.

    • WPBeginner Support

      While our solution is not for multiple channel embeds at the moment, we will certainly look into what we are able to do with what Facebook and Instagram allow.

      Administrador

  8. Karim

    How to embed posts even if I am not the FB page admin?

    • WPBeginner Support

      We do not have a recommended method for that at the moment with the options available from Facebook.

      Administrador

  9. Alyssa Storm

    Any idea if this will impact the Facebook “Page Plugin” social plugin

    • WPBeginner Support

      It shouldn’t affect that as this is specifically a change for oEmbeds :)

      Administrador

  10. Carl Gross

    To fix the issue, your article suggests two plugins by Smash Balloon.
    Let’s say I install the Smash Balloon Facebook plugin (Smash Balloon Social Post Feed). Once I do that, will that *automatically* fix all current Facebook oEmbedded content on my site? Or will I have to manually remove all such embeds, and re-add them using the plugin?

    • WPBeginner Support

      Yes, it should automatically fix the issue for any current embeds without needing to recreate them.

      Administrador

  11. Barbara

    So far I have not embedded anything from Facebook. However, our need to do so is coming up fast. And I need to find if there is a way we can embed the live feed into our website?

  12. Julie

    Can this be fixed later by activating the plugin or must it be done before it breaks?

    • WPBeginner Support

      You can activate it after but if you are able to now, we would recommend activating the plugin before your embeds break.

      Administrador

  13. Nierka

    Hi,
    Do i need what to do if i copy a link from WordPress and paste it on Facebook?

    • WPBeginner Support

      This is for when you post a link from Facebook or Instagram on your site, you do not need this for sharing your site on one of those platforms.

      Administrador

    • WPBeginner Support

      You’re welcome :)

      Administrador

  14. Prashanna karn

    What about using jetpack plugin to link Facebook and Instagram account to WordPress website?

    • WPBeginner Support

      You would want to reach out to the support for specific plugin for if they have something in place or if they would recommend our solution.

      Administrador

    • Rob Pugh

      Yes, Jetpack solves this oEmbed issue.

  15. Badiru

    Hi,

    Thanks for the info.
    What about Elemetor IG and FB embedding. Will that also break?

    • WPBeginner Support

      You would want to reach out to the support for specific plugins for if they have something in place or if they would recommend our solution.

      Administrador

  16. Stephanie

    Does this change affect embeds made using Facebook’s Page Plugin?

    • WPBeginner Support

      You would want to reach out to the support for specific plugin for if they have something in place or if they would recommend our solution.

      Administrador

  17. Graham

    Will sharing on jetpack work still?

    • WPBeginner Support

      This article is for oEmbeds, sharing is not normally part of embedding on your site. We would recommend reaching out to the support for the plugin you are wondering about for specific questions like this.

      Administrador

  18. Babs

    Hi, thanks for this!
    I’ve implemented instagram media in the past but using a HTML block with the code from Instagram rather than a link and embed. Am I correct in thinking that this will keep on working like before?

    Thank you!

    • WPBeginner Support

      For safety, we would still recommend adding the plugin to prevent any future issues.

      Administrador

  19. Rogerio

    There is another issue with the Facebook API: they are not allowing to show the comments count. I use the AddThis plugin and they say they will have an alternative soon. Hope so.

  20. Elaine Savage

    Not at all techie so this may be a silly question. Does this have any impact on the simple SFP – Facebook Page Plugin widget that I have in the main sidebar of my front page?

    • WPBeginner Support

      This tutorial is for the default embeds, if you are using a plugin then you would want to reach out to the support for the plugin you are using for how it will handle this change.

      Administrador

  21. Andy Beard

    Is the functionality free for every kind of media that was previously supported by oEmbed by default?
    My understanding currently is that for Video oEmbeds the Smash Balloon plugin would have to be upgraded to Pro.

    • Editorial Staff

      Yes all default oEmbed functionality is available for free in the free Smash Balloon plugins (including video oEmbeds).

      I think you’re confusing the custom video feed feature that’s listed on the Smash Balloon Pro which is completely separate of oEmbed.

      Administrador

  22. Andrés

    Hi! Great to know all of this, I was wondering…What if I just paste the link directly in my post? will it work? Or will it look like the examples on this post? Because you’re talking about embedding posts instead of copying the links and paste them :O it’ll be good to know!

    • Editorial Staff

      By default, when you currently paste the link in your posts, WordPress oEmbed feature automatically converts it into a proper embed.

      That feature will stop working, and for older content it will show the broken layout. For new content, it will just show the URL itself (not embedded content).

      Administrador

Deja tu comentario

Gracias por elegir dejar un comentario. Tenga en cuenta que todos los comentarios son moderados de acuerdo con nuestros política de comentarios, y su dirección de correo electrónico NO será publicada. Por favor, NO utilice palabras clave en el campo de nombre. Tengamos una conversación personal y significativa.