WordPress tiene un sistema de comentarios incorporado que funciona muy bien, pero muchos prefieren usar los comentarios de Facebook para sus sitios web de WordPress. Hay varias formas de obtener comentarios de Facebook en su sitio web Divi , pero colocarlos dentro de sus diseños generalmente requiere un código abreviado. Un complemento de terceros llamado Módulo de comentarios de Facebook agrega el sistema de comentarios de Facebook al Divi Builder.
El módulo de comentarios de Facebook es un complemento para Divi que le permite colocar comentarios de Facebook en cualquier lugar que desee dentro de sus diseños de Divi. Puede ordenar los comentarios por arriba, primero los más nuevos o primero los más antiguos. También puede controlar la cantidad de comentarios que se muestran y moderarlos.
Estoy usando la versión 1.0.0 con Divi versión 3.1.106 y WordPress versión 4.9.5.
Los comentarios de Facebook son uno de los sistemas de comentarios más populares. Lo utilizan empresas como MSN, Yahoo, Fox Sports y muchas otras. Una de las razones de esto es que tiene menos spam. Los comentaristas deben iniciar sesión en Facebook para publicar un comentario. Esto no elimina completamente el spam, pero lo reduce. Los comentaristas pueden publicar como sus cuentas principales o como cualquier otra página de Facebook. También tiene algunas buenas herramientas de moderación. Funciona como Facebook, por lo que puede etiquetar a sus amigos, dar me gusta a un comentario y los comentarios se pueden compartir en Facebook.
Deshabilitar los comentarios estándar de WordPress
Si deja habilitados los comentarios, tendrá dos áreas de comentarios para sus publicaciones. Una mejor opción es deshabilitarlos y crear un módulo global que usará en sus plantillas de publicaciones. Todavía puede habilitar los comentarios estándar de WordPress en cualquier publicación que desee.
Para deshabilitar los comentarios de WordPress, vaya a Configuración > Discusión en el menú del panel. Desmarque la tercera opción: Permitir que las personas publiquen comentarios en artículos nuevos . Todos los comentarios de tus publicaciones anteriores permanecerán intactos.
Uso del módulo de comentarios de Divi
Se agrega un nuevo módulo a Divi Builder llamado Comentarios de Facebook. Es azul de Facebook e incluye íconos de burbujas de palabras, por lo que se destaca muy bien.
La pestaña Contenido incluye configuraciones para ordenar los comentarios (ordenar por arriba, más antiguos primero o más nuevos primero), ingresar la cantidad de comentarios, agregar su ID de aplicación de Facebook y seleccionar el color del texto (elija entre oscuro o claro). También incluye configuraciones de fondo. La pestaña Diseño incluye espaciado, borde, sombra de cuadro y animación. La pestaña Avanzado incluye las funciones CSS personalizadas estándar.
Notarás que no incluye las opciones de texto normales. La razón de esto es que está incrustando el complemento de comentarios de Facebook y no realiza cambios en ese complemento.
El ID de la aplicación de Facebook es opcional. Esto le permite moderar los comentarios.
Coloque el módulo en cualquier lugar que desee dentro de sus diseños Divi. Se ve y funciona como Facebook. Muestra el número de comentarios y proporciona una función de clasificación. Etiqueta a tus amigos, selecciona publicar el comentario en Facebook y elige en cuál de tus cuentas estás comentando.
Una vez que se publica el comentario, puede contraerlo, editarlo, eliminarlo o incrustarlo. Esto es solo comentarios, por lo que no permite imágenes, GIF, fondos, visibilidad limitada, etc.
Si actualizas la publicación, los comentarios permanecen intactos. Incluso eliminé el módulo y coloqué un nuevo módulo en la página y mantuvo los comentarios.
Si selecciona publicar en Facebook, aparecerá en su página personal. Los cambios que realice en Facebook no se reflejarán en los comentarios de su sitio web. Publiqué como varias de mis páginas de prueba y no publicaron en Facebook. Me gusta que publicar en Facebook sea opcional.
Para cualquier comentario que publique en su página, puede guardar el enlace, editar la publicación, incrustar, desactivar las notificaciones, mostrar en la pestaña, ocultar de la línea de tiempo o eliminar la publicación. Al igual que cualquier publicación en Facebook, tú y tus amigos pueden dar me gusta, comentar o compartir la publicación.
Responder a los comentarios no agrega la respuesta en el recuento de comentarios. Los comentarios están sangrados.
Ejemplos de módulos de comentarios Divi
Usé la página de blog del diseño de Tea Shop para crear una publicación de blog y coloqué el módulo de comentarios de Facebook dentro del diseño. También lo hice global, por lo que cualquier cambio que realice se reflejará en cada publicación. Agregué una sección al diseño con una fila de ¼ ½ ¼ y coloqué el módulo en la columna central. Lo he limitado a mostrar 3 comentarios. El botón cargar más muestra cuántos comentarios más puede ver. Expande el área para mostrarlos. Se ve agradable y limpio dentro del diseño.
Para crear algo de estilo, agregué un fondo verde a la sección usando el botón verde del correo electrónico. Esto usa oscuro para la fuente, que no se mezcla tan bien. También lo probé con una fuente clara a clara. Todavía era difícil de leer, por lo que tendré que tomar mejores decisiones para los colores de fondo o tratar de diseñar con CSS. Voy a resolver el problema agregando un fondo al módulo.
Esto es mucho mejor. Agregué un fondo blanco al módulo e incluí una sombra de cuadro. También cambié las columnas a una y agregué relleno en todos los lados. Para que la sección sea más comprensible, agregué un título usando un módulo de texto.
Este coloca el módulo dentro de la siguiente sección. Tiene una imagen de fondo oscura, así que he aclarado el texto. Lo he colocado dentro de una fila de una sola columna. Si la imagen distrajera más, habría agregado un fondo detrás del módulo.
Para este, lo coloqué en el último módulo, justo encima de los botones de seguimiento social. Mantuve la fuente oscura pero agregué 100 píxeles de relleno para la derecha y la izquierda.
En este ejemplo, coloqué el módulo en la fila con la llamada a la acción de suscripción. Configuré las columnas en 2/3 y 1/3, agregué un relleno de 20 píxeles en todos los lados del módulo de comentarios, aclaré el texto y agregué una sombra de cuadro. Se ve bien y funciona bien dentro de los diseños.
Agregar la ID de la aplicación de Facebook
Si desea agregar la moderación de comentarios, deberá crear una aplicación de Facebook. Vaya a la página de aplicaciones de Facebook y haga clic en Agregar nueva aplicación. Ingrese el nombre para mostrar, el correo electrónico de contacto y haga clic en Crear ID de aplicación.
Vaya a Configuración > Básico e ingrese las URL de su política de privacidad y las páginas de términos de servicio. Agregue el dominio de la aplicación, seleccione una categoría para su aplicación y haga clic en Guardar. Una vez que la aplicación esté activa, haga clic en el ID de la aplicación para copiarla. Puede tomar algunos intentos para que esto funcione. Facebook estaba teniendo problemas de rendimiento degradado cuando construí mi aplicación. Sin embargo, esto no afectó el rendimiento de los comentarios.
Péguelo en el campo ID de la aplicación de Facebook dentro de la configuración de contenido del módulo.
Moderación de comentarios
Incluso sin la aplicación de Facebook, tienes algunas herramientas de moderación. Cuando alguien deja un comentario, puedes marcarlo como spam, denunciarlo en Facebook o insertarlo. Al pasar el cursor sobre un comentario, aparece una flecha hacia abajo a la derecha del comentario. Pase el cursor sobre esta flecha para ver las opciones.
Una vez que agregue su ID de la aplicación de Facebook, tendrá una nueva función llamada Herramienta de moderación. Esta herramienta le brinda nuevas funciones de moderación donde puede configurar reglas para comentarios, aprobar u ocultar comentarios, cambiar el estado, cerrar hilos, etc.
Notificaciones de Facebook
Verás que tienes respuestas a tus comentarios en tus notificaciones de Facebook. Al hacer clic en ellos, se accede al sitio web donde se pueden ver los comentarios.
Uso del módulo de comentarios de Facebook con extra
Funciona exactamente igual con Extra que con Divi. Aquí está la misma página sin una barra lateral.
Licencia y Compra
Puede comprar el módulo de comentarios de Facebook en el sitio web del desarrollador .
Hay dos opciones de licencia. Ambos incluyen actualizaciones de por vida.
- Sitio único – $14
- Sitios ilimitados – $39
pensamientos finales
El módulo de comentarios de Facebook es un complemento simple que funciona bien dentro de los diseños de Divi. Me gusta poder colocar comentarios en cualquier lugar que desee en mis diseños. No tiene una gran cantidad de opciones y funciones de estilo, pero es fácil de usar y funciona bien. Lo único que parecía faltar era el estilo del texto. Ayuda que tenga opciones de fuentes claras y oscuras, pero sería útil contar con más opciones de color. Por supuesto, todavía se puede usar tal como está y estoy seguro de que no sería tan difícil encontrar un fondo perfecto para combinar con el diseño de su sitio web.
Si está interesado en agregar comentarios de Facebook a su sitio web, el módulo de comentarios de Facebook podría ser el complemento que necesita. ¿Quiere mejorar la sección de comentarios de su sitio web? Pruebe estos complementos de comentarios para WordPress .
Queremos escuchar de ti. ¿Has probado el módulo de comentarios de Divi? Cuéntanos tu experiencia en los comentarios.
Imagen destacada a través de Zaur Rahimov / shutterstock.com