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 instalar y configurar los comentarios de Facebook en WordPress

Nota editorial: Ganamos una comisión de los enlaces de socios en WPBeginner. Las comisiones no afectan a las opiniones o evaluaciones de nuestros editores. Más información sobre Proceso editorial.

¿Quieres instalar y establecer comentarios de Facebook en WordPress?

Facebook es la mayor red social del mundo. Por eso, muchos blogs de WordPress utilizan los comentarios de Facebook en sus sitios web para aumentar su visibilidad en las plataformas de medios sociales y llegar a un público más amplio.

En este artículo, te mostraremos cómo instalar y establecer fácilmente los comentarios de Facebook en WordPress, paso a paso.

How to install and setup Facebook comments in WordPress

Ventajas e inconvenientes de utilizar los comentarios de Facebook en WordPress

Antes de empezar con el tutorial, veamos los pros y los contras de utilizar los comentarios de Facebook en comparación con los comentarios por defecto de WordPress.

Una de las ventajas más evidentes de utilizar los comentarios de Facebook es que puede aumentar la visibilidad de tu sitio web en Facebook.

Cuando alguien deja un comentario en tu sitio web de WordPress, puede marcar la opción “Publicar también en Facebook” para compartir su comentario con sus amigos de Facebook. Esto tiene un enorme potencial para atraer tráfico adicional a tu sitio web.

Facebook comments preview

Otra ventaja de utilizar los comentarios de Facebook es que se elimina el anonimato. Así, es menos probable que los usuarios dejen comentarios de Spam porque están vinculados a sus perfiles de Facebook.

Sin embargo, esto también puede suponer un importante inconveniente.

Algunos usuarios pueden sentirse incómodos dejando un comentario utilizando sus perfiles de Facebook porque les gusta ser anónimos.

Otra desventaja de utilizar los comentarios de Facebook es que no se almacenan ni se sincronizan con WordPress. En cambio, los sistemas de comentarios de terceros como Disqus se sincronizan con WordPress.

Además, si tienes entradas antiguas con comentarios de WordPress por defecto, esos comentarios pueden aparecer antes o después de los comentarios de Facebook.

Por este motivo, recomendamos eliminar por completo el sistema de comentarios de WordPress si quieres utilizar el sistema de comentarios de Facebook en tu blog de WordPress. De lo contrario, los spammers y los bots pueden utilizar los comentarios de WordPress para enviar spam a tu sitio web.

Ahora que ya conoces los pros y los contras, vamos a ver cómo establecer y configurar los comentarios de Facebook en WordPress:

Método 1: Establecer comentarios de Facebook en WordPress con un plugin gratuito

Puedes ver este vídeo para entender el primer método. Sin embargo, si te gustan las instrucciones escritas, entonces puedes desplazarte hacia abajo.

Subscribe to WPBeginner

En primer lugar, debes instalar y activar el plugin Lazy Social Comments. Para obtener más instrucciones, consulte nuestra guía para principiantes sobre cómo instalar un plugin de WordPress.

Una vez activado, visite la página Ajustes ” Comentarios FB diferidos desde la barra lateral del administrador de WordPress.

Visit the plugin settings for Facebook comments

Para utilizar los comentarios de Facebook en tu sitio web, tendrás que crear una aplicación de Facebook y, a continuación, añadir el ID de la aplicación a la página de ajustes del plugin.

Si ya tienes una aplicación de Facebook, puedes utilizar su ID.

Sin embargo, si aún no has creado una aplicación, primero tendrás que visitar la página de Meta para desarrolladores y hacerte una cuenta de desarrollador.

Nota: Antes de crear una cuenta de desarrollador, no olvides acceder a tu cuenta de Facebook.

Una vez que se haya registrado como desarrollador Meta, sólo tiene que enlazar el enlace “Mis aplicaciones” situado en la esquina superior derecha de la pantalla.

Click on the My Apps link

Accederá al Escritorio del desarrollador.

A partir de aquí, basta con hacer clic en el botón “Crear aplicación” para iniciar el proceso.

Click on the Create App button

Esto le llevará a la página de “Creación de aplicaciones”, donde deberá elegir la opción “Empresas” como tipo de aplicación.

A continuación, haga clic en el botón “Siguiente” de la parte inferior para continuar.

Choose an app type

A continuación, debe proporcionar un nombre de aplicación y una dirección de correo electrónico que pueda utilizarse para ponerse en contacto con usted.

Asegúrate de utilizar una dirección de correo electrónico profesional que compruebes con regularidad para poder recibir actualizaciones acerca de tu aplicación de Facebook.

Después de rellenar los datos, haz clic en el botón “Crear aplicación”.

Provide an app name and email address

Facebook creará una nueva aplicación para ti y te redirigirá al panel de aplicaciones.

Aquí podrá ver su ID de APP en la esquina superior izquierda de la pantalla.

App dashboard

Ahora, tienes que decirle a Facebook cómo utilizarías la aplicación. Para ello, dirígete al enlace Ajustes ” Básicos de la columna de la izquierda.

A continuación, haga clic en el botón “+ Añadir plataforma” situado en la parte inferior de la página.

Click Add platform button

Se abrirá una nueva ventana emergente.

Desde aquí, tiene que elegir la opción “Sitio web” como plataforma y, a continuación, hacer clic en el botón “Siguiente” para continuar.

Select Website as the platform

Esto añadirá una nueva sección “Sitio web” a la página de ajustes de tu aplicación.

Aquí, simplemente copia y pega la URL de tu sitio web WordPress. Después, haz clic en el botón “Guardar cambios”.

Type website URL

A continuación, debe copiar el ID de APP de la parte superior y, a continuación, pegarlo en el cuadro “ID de aplicación FB” de la página de ajustes del plugin en su escritorio de WordPress.

Cuando haya terminado, desplácese hacia abajo y haga clic en el botón “Guardar todos los cambios” para guardar los ajustes.

Type App ID

Ahora, aparecerá una nueva pestaña “Moderar comentarios” junto al nombre del plugin en la parte superior. En la siguiente sección explicaremos cómo moderar los comentarios de Facebook.

Este plugin también viene con un amplio conjunto de opciones. Usted puede ir a través de los ajustes para ver si hay algo que le gustaría cambiar.

Por ejemplo, puedes cambiar la opción Cargar comentarios a “En desplazamiento”. Este ajuste cargará el sistema de comentarios de Facebook solo cuando alguien llegue al final del artículo. Esto puede ayudar a mejorar la velocidad de carga de la página.

Choose the option of loading comments on scroll from the dropdown menu

Aparte de eso, los ajustes por defecto deberían funcionar para la mayoría de los sitios web.

Ahora, puedes visitar cualquier entrada de tu sitio WordPress para ver el sistema de comentarios de Facebook en acción.

Facebook comments preview

Moderar comentarios de Facebook en tu sitio web

Como administrador de la aplicación de Facebook, recibirás avisos de nuevos comentarios cuando accedas a tu cuenta de Facebook.

También encontrará un enlace para moderar los comentarios en la página de ajustes del plugin en su escritorio de WordPress.

Click on the Moderate Comments link

Al hacer clic en el enlace, accederá a la página “Herramienta de moderación de comentarios”.

Desde aquí, haz clic en el enlace “Ajustes” para establecer las normas de moderación de comentarios para Facebook.

Click on the Settings link

Se abrirá una ventana emergente en la que deberá hacer clic en la pestaña “Normas de moderación”.

Puedes decidir el límite máximo de caracteres que se permitirán en un comentario. También puedes establecer el número de días tras los cuales se cerrarán automáticamente los comentarios en tus entradas.

Use the moderation tool

Facebook también te permite añadir nuevos moderadores de comentarios.

Basta con hacer clic en la pestaña “Moderadores” y añadir a una persona escribiendo su nombre en el cuadro de texto y haciendo clic en su perfil.

Add comment moderators

Cuando hayas terminado, haz clic en el botón “Guardar” para aplicar los ajustes.

Cómo mostrar el recuento de comentarios de Facebook en WordPress

Una de las desventajas de utilizar el plugin Lazy Social Comments es que sustituye a la función de recuento de comentarios de WordPress. De este modo, genera una versión de Facebook del recuento de comentarios.

Si su tema muestra un recuento de comentarios, entonces esto no se vería bien.

Si aún así quieres mostrar el recuento de comentarios de Facebook, puedes hacerlo con la ayuda de un fragmento de código.

Sin embargo, tenga en cuenta que el más mínimo error al editar los archivos de su tema puede romper su sitio web.

Te recomendamos que utilices WPCode para añadir código a tu sitio web. Es el mejor plugin de fragmentos de código del mercado que le permite añadir código personalizado de forma segura.

Primero, necesitas instalar y activar el plugin WPCode . Para más detalles, consulta nuestra guía para principiantes sobre cómo instalar un plugin de WordPress.

Nota: Puedes utilizar el plugin gratuito WPCode para este tutorial. Sin embargo, para desbloquear más características como una biblioteca en la nube de fragmentos de código, lógica condicional y más, necesitarás el plan premium del plugin.

Una vez activado el plugin, visite la página Fragmentos de código ” + Añadir fragmento desde la barra lateral del administrador.

Desde aquí, haga clic en el botón “Usar fragmento de código” situado debajo de la opción “Añadir su código personalizado (nuevo fragmento de código)”.

Add new snippet

Una vez en la página “Crear fragmento de código personalizado”, escriba un nombre para el fragmento de código.

A continuación, elija “Fragmento de código HTML” como “Tipo de código” en el menú desplegable de la parte derecha de la pantalla.

Choose HTML as the code type for the Facebook Comments count code snippet

A continuación, copie y pegue el siguiente código en el cuadro “Vista previa del código”:

<fb:comments-count href="<?php echo get_permalink($post->ID); ?>"></fb:comments-count> Comments

A continuación, desplácese hasta la sección “Inserción”.

Desde aquí, elija ‘Auto Insertar’ como método de inserción para que el código se ejecute automáticamente en su sitio web.

Choose an insertion method

A continuación, debe elegir una ubicación para su fragmento de código.

Sólo tiene que seleccionar “Insertar después del contenido” en el menú desplegable.

Choose a code snippet location

Ahora, vuelve a la parte superior de la página y activa el conmutador “Inactivo”.

Por último, haga clic en el botón “Guardar fragmento de código” para establecer los ajustes.

Save and activate the Facebook Comment Count snippet

Tu cuenta de comentarios de Facebook se mostrará ahora en cada entrada.

Facebook comment count preview

Método 2: Establecer comentarios de Facebook usando SeedProd (Fácil)

Si buscas una forma más sencilla de establecer los comentarios de Facebook, este método es para ti.

Usaremos el plugin SeedProd , que es el mejor plugin maquetador de páginas de WordPress del mercado. Te permite crear temas y páginas de destino desde cero sin usar ningún código.

Primero, necesitas instalar y activar el plugin SeedProd . Para obtener más instrucciones, consulte nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Nota: SeedProd también ofrece una versión gratuita que puedes probar. Sin embargo, vamos a utilizar la versión premium del plugin para este tutorial.

Tras la activación, visite la página SeedProd ” Ajustes desde la barra lateral del administrador para introducir la clave de licencia.

Puede encontrar esta información en su cuenta del sitio web de SeedProd.

Paste license key in the field

A continuación, diríjase a la sección SeedProd ” Páginas de destino desde la barra lateral del administrador de WordPress y haga clic en el botón “Añadir nueva página de destino”.

Para este tutorial, vamos a añadir comentarios de Facebook a una página de destino. Si lo desea, también puede personalizar un tema completamente nuevo para su sitio web utilizando SeedProd.

Click the Add New Landing Page button

Aparecerá la pantalla “Elegir una nueva plantilla”. Aquí, usted puede elegir una de las muchas plantillas pre-hechas ofrecidas por SeedProd o crear su propia plantilla.

Una vez hecho esto, se le pedirá que introduzca un nombre para la página y que elija una URL. Una vez hecho esto, haga clic en el botón “Guardar y empezar a editar la página” para continuar.

Landing page title and URL

Esto iniciará el editor de arrastrar y soltar de SeedProd, donde puede empezar a editar la página. Para más detalles, consulte nuestra guía sobre cómo crear una página de destino en WordPress.

A partir de aquí, tienes que buscar el bloque “Comentarios de Facebook” en la barra de búsqueda.

Una vez localizado, puedes arrastrar y soltar el bloque “Comentarios de Facebook” en el lugar de la página que desees.

Choose the Facebook comments block

A continuación, haz doble clic en el bloque “Comentarios de Facebook” de la pantalla para abrir sus ajustes en la columna de la izquierda.

Desde aquí, puedes decidir el número de comentarios de Facebook que quieres mostrar, elegir un orden, esquema de colores, URL de destino, formato de URL y mucho más.

También puedes cargar los comentarios de forma diferida cambiando el conmutador “Carga diferida” a “Sí”.

Configure the Facebook Comments block Settings

A continuación, tiene que enlazar “Ajustes de página” en la esquina superior izquierda de la pantalla.

A continuación, desplázate hasta la opción “ID de aplicación de Facebook” e introduce tu ID de aplicación de Facebook.

Enter the Facebook App ID in SeedProd

Cuando hayas terminado, sólo tienes que hacer clic en el botón “Guardar” de la parte superior.

Los comentarios de Facebook se mostrarán ahora en tu sitio web de WordPress.

Facebook Comments preview with SeedProd

Bonus: Añade reacciones de Me gusta de Facebook a entradas de WordPress

Además de añadir comentarios de Facebook, también puedes añadir reacciones similares a las de Facebook a las entradas de tu blog de WordPress. Estas reacciones son un conjunto de emojis que los visitantes pueden utilizar para expresar sus opiniones acerca de una entrada del blog.

Esto hace que su blog sea más interesante y puede aumentar la participación.

Facebook Lets Users React to Posts With the Like Button

Para añadir estas reacciones, necesitas instalar y activar el plugin WP Reactions Lite. Para más detalles, puedes consultar nuestra guía para principiantes sobre cómo instalar un plugin de WordPress.

Una vez activado, visite la página WP Reactions ” Activación Global y haga clic en el botón ‘Personalizar Ahora’. Esto le llevará a una nueva pantalla donde podrá seleccionar los emojis que desea añadir como reacciones.

Choose emojis

A continuación, haz clic en el botón “Siguiente” para seguir adelante. Aquí, usted puede elegir sus colocaciones de la reacción como ‘entradas’ y ‘después del contenido’.

Una vez hecho esto, los usuarios pueden añadir reacciones similares a las de Facebook y publicar comentarios en Facebook sobre tus artículos al terminar de leerlos.

Select emoji placement

Incluso puedes añadir un CTA, color de fuente y estilo de borde con el plugin. Cuando hayas terminado, no olvides hacer clic en el botón “Guardar y salir” para guardar tus ajustes.

Has añadido correctamente reacciones similares a las de Facebook. Para obtener más información, consulta nuestra guía práctica sobre cómo añadir reacciones similares a las de Facebook a tus entradas de WordPress.

Facebook like reactions preview

Esperamos que este artículo te haya ayudado a instalar y establecer los comentarios de Facebook en tu sitio de WordPress. También puedes comprobar nuestra guía sobre cómo crear un feed de Facebook personalizado en WordPress y nuestra selección de los mejores plugins SEO para hacer crecer tu sitio web.

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

113 comentariosDeja una respuesta

  1. Syed Balkhi says

    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!

    • WPBeginner Support says

      It would require some work but you could certainly style your comment section to look similar to Facebook’s

      Administrador

  2. David says

    Hi,

    I set it up according to this article. Comments work, but I can’t see the comments in moderation. Every column including “public” is empty. How can I delete published comments for example?

    Thank you

    David

    • WPBeginner Support says

      You would want to go into the plugin’s settings for the link to your comment moderation.

      Administrador

  3. Samantha Collier says

    Thank you for these instructions. I’ve tried to install Facebook comments for a long time and this is the first time it’s worked.

  4. Daniel says

    Thanks. The plugin is very useful indeed.
    It seems that the Plugin has changed its name to “Lazy Social Comments”, and is being supported by other people.

  5. Joseph Parker says

    As per my personal experience, Facebook Comment is one of the best ways to increase your visitors to comment on a post or interact with existing comments.

    • WPBeginner Support says

      If the plugin is having an error, if you reach out to the plugin’s support they should be able to assist :)

      Administrador

    • WPBeginner Support says

      Thank you for letting us know, we will certainly take a look into updating the article.

      Administrador

    • WPBeginner Support says

      Thank you for letting us know, we will certainly take a look into alternatives for Facebook Comments

      Administrador

  6. Prashanth says

    Was able to add the facebook comments plugin successfully. But, the default wordpress comments section is also showing below. How do I remove it?

  7. Rajendra Zore says

    You may want to update this article as the plugin author of Facebook Comments has stopped supporting it & prompting to switch to the Spot.IM Comments plugin instead.

  8. Raj says

    Dear Wpbeginner. Nice article. Installed FB comments. everything working fine. Is there any waty to enable “Also post on Facebook” selecxt box?

  9. Hosana says

    You need to review this article! The plugin you’re referring to is no longer being updated and is days away from breaking (when the older FB API will be deactivated). The developer started up spot.im which I guess he’ll have his hands full with.

    Also I don’t really see any other good plugins for this, they all have a small install base, unsolved issues to which they aren’t responding, no proven compatability with latest wp version, …

  10. sam says

    how to mirror the facebook comment on facebook page with facebook comment on wordpress blogpost and vice versa?

  11. Jenn says

    Thanks, this article was very helpful! I followed your instructions, and everything appears to be working on my site.

  12. Patrice says

    The facebook comments plug in is working on my site however I still see the wordpress comments. How do I remove the wordpress comments?

    • David chriss says

      Hi Patrice,

      You Can Disable Default WordPress Comment By Using This Plugin Disable Comments

      Details:- Requires: 4.0 or higher
      Compatible up to: 4.6.1
      Last Updated: 2 months ago
      Active Installs: 900,000+

      If you have another Question Feel Free To Reply To This Email
      Or You Can Read This WP Beginner Article https://www.wpbeginner.com/plugins/how-to-turn-off-or-disable-comments-in-wordpress-pages/

      I Hope I Help Some One Today :-)

      Best Regards,
      David Chriss

      • Charne Cronje says

        Hi David, Hope you are well, Has this plug in for facebook comments been updated for the new wordpress 4.7.2? And perhaps you might also know of a pinterest plugin that doesnt just show the pictures but also the description below, which works with the latest version of WordPress.

        Thank you

        Charne
        xx

  13. Sara says

    Hi. I want to know if it’s possible to make the comments on my fanpage’s articles appear directly on my website’s articles and vice versa. Thanks!

  14. Zaharadeen Elfakkawy says

    Anytime someone tried to comment they get ‘message failed’ error. Pls what’s the solution for thia

    • David chriss says

      Hi,

      Even me I Have That Common problem Please WP Beginner Help Us Or Any One can Help Us Please.

      Please Help Us

    • Amit Jain says

      Dear Team, What is the name of social share plugin you are using as i wish to install the same. It looks quite simple and sober. Regards, Amit Jain

  15. Mahdi says

    Hi Everyone, I was looking for a plugin who’s importing my facebook old comment from my facebook fanpage to my wordpress.

    I tried this one but it’s not working, can anyone tell me how it works ?

    I used another methode by commenting the embed comment and looks not really fine

  16. Justin Enjo says

    Hi WPBeginner – Quick question about Facebook Comments… How does it effect your SEO? Is it better to keep default WordPress comments or maybe Jetpack comments so that the comment content stays attached to your blog rather than fb? thanks.

  17. Aman says

    This plugin is installed on my site and I have also activated coments mirroring for my page but still comment mirroring is not happening?

    Do you know the way around to do this?

  18. Daniela says

    Hello very well explained!! But I have a problem! The comments should show also on my fan page write? …..
    ……I did everything and I get my comments on my wordpress but not SHOWING on my facebook page why?? Help !!!!!! Thanks a lot. Daniela

  19. Vikagutt says

    I can’t get the plugin to work in Internet explorer. I can see from other threads on the net that others have the same experience. Some say that header.php should be modified, but I can’t figure out where in the file.
    What to do?

  20. Tabetha says

    I set up this plugin with a test app. Right before I was due to launch the website, I had to switch over to the new app that was set up for the business the website was built for. When I changed the app ID to the new app, all of the comments kept going to the old app I set up for testing purposes. Even after I deleted the old app, deleted and reinstalled the plugin and verified that the correct app ID was being used in the api call.

    Now, I have no way to moderate the comments because that old app is deleted and all the new comments are going to that old app even though the app ID I have in the plugin settings is for the new app ID.

    Any ideas?

  21. Steve says

    ..that facebook plugin is not updated since 11 months. Moreover, the plugin is made by some developer, and not Facebook. It does not feel very safe to use that plugin. Do you have any alternatives?

  22. Rizwan says

    Hi.. When i hyperlink another post from my wordpress blog to new post. All hyper links get shown below with ping back option. I don’t want them to show. Any advice?

  23. mahendra says

    great post !!! i have been searching for how to install facebook comments to my site. now i am going to use it on my site
    thank you alot .

  24. Paolo Euvrard says

    ok, that’s all fine, I’ll switch to that from now on.

    In order to disable the WordPress comments:
    Settings >> Discussion >> uncheck “Allow people to post comments on new articles”

    This applies to new posts that you will publish from now on.

    To disallow comments from already publish posts:

    Posts >> select them all and “Edit” under bulk actions and hit apply >> choose “do not allow” next to comments and hit update posts.

  25. Autarka says

    hey guys,

    regarding to your plugin issues…

    you need ipv6 addresses… without switching from ipv4 to ipv6 it isn´t working…

    kindly, autarka

  26. nacontact says

    Hey, nice article, but I have some questions.

    This blog here:
    When you comment his facebook publication, it’s automatically commenting his blog, keeping the theme of the blog. When he comments his blog, it’s automatically commenting the facebook thread.
    Any idea on how to do that?

    Cheers,

    • Ramon says

      Hello,
      I would like exactly the same! Can’t find how to. Did you find the answer to this and would you want to enlighten me? What I’ve been Googling so far is things like:
      “auto publish to facebook grab retrieve comments”

      Thank you so much!
      Greetings

  27. Kenneth Adair says

    There is NO Create App ID button here:

    “Simply visit the Facebook Apps page and click on the create new app button. You will need to provide a name for your app and click on the Create App ID button.”

  28. Mark says

    I just set it up and It’s pulling in 1200+ comments, but I’ve only just created my FB page and I have not comments on it yet. The stuff is from all over the place. How do I get it to just show my FB page’s comments

    • Rob says

      I have exactly the same problem and will remove these coments now as it looks so fake. Anyone can see it is not genuine. What a disappointment! There are no instructions either about this, as far as I can see.

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.