Commenting Use Case

Webflow Commenting for Design Mockup Sites

Elevate your design process with our intuitive commenting feature for Webflow, enabling seamless, real-time collaboration and feedback that accelerates the creative process, enhances design quality, and ensures every stakeholder's voice is heard and integrated into the final design.

Empezar

Learn about Commenting

Free to testThen $2/moWorks with Webflow

Trusted by thousands of creators and businesses

WebflowFinsweetRelumeFlowbase

Key Benefits

Why add commenting?

Transform passive visitors into an engaged community with powerful commenting features.

Collaborative Design Feedback

Commenting allows for real-time, collaborative feedback on design mockups, enabling designers, clients, and team members to discuss and refine designs efficiently

Streamlined Communication

It centralizes communication about the design, reducing the need for lengthy email threads or external messaging platforms, and keeps all feedback directly associated with the mockup

Better Understanding of Client Needs

Designers gain a clearer understanding of client preferences and requirements through direct comments, leading to more accurate and satisfactory design outcomes

Building a Record of Changes and Decisions

Comments create a documented history of the feedback and changes made, which is invaluable for tracking the evolution of a design and understanding the rationale behind certain decisions

How It Works

Simple to implement, powerful to use

Añada comentarios totalmente personalizables a un proyecto Webflow. No requiere codificación; no necesita mantenimiento y viene con funciones integradas de moderación, permisos, cuentas de usuario, edición, eliminación y respuesta. Las notificaciones, los comentarios en tiempo real y los perfiles públicos están en la hoja de ruta.

Recomendamos empezar con uno de nuestros componentes clonables. Haga clic aquí para ver la lista completa de componentes clonables.

Primeros pasos

Recomendamos empezar con uno de nuestros componentes clonables: ya hemos lanzado uno para comentarios de blog, otro para comentarios de retransmisiones en directo y otro para comentarios de vídeo. Haz clic aquí para ver la lista completa de componentes clonables.

Comentar será un complemento de pago; sin embargo, cualquier aplicación Memberstack de pago con al menos un comentario antes del 1 de enero de 2024, tendrá límites elevados en el plan gratuito y precios con grandes descuentos, ¡de por vida!

Estructura

Hay algo así como 60 atributos únicos en la interfaz de usuario de comentarios, así que ten mucho cuidado al actualizar la estructura HTML. Las pruebas frecuentes serán clave para evitar frustrantes sesiones de depuración.

Cada sección de comentarios se denomina "Canal" y tiene un atributo data-ms-channel="". Si el ID del canal está vacío, entonces Memberstack buscará en el slug de la página para decidir dónde guardar los comentarios y cuándo cargarlos. Dentro de un canal están sus mensajes e hilos.

Haga clic aquí para obtener más información.

Campos personalizados públicos

Asegúrese de que los campos personalizados utilizados en su interfaz de usuario de comentarios están marcados como "públicos". Esto le permite crear sus propios nombres de usuario mostrados con comentarios utilizando los atributos de datos:

Nota: Si el valor del campo está vacío, aparecerá en su lugar el texto predeterminado de la interfaz de usuario de comentarios.

data-ms-post-creator="Tu_id_de_campo"

data-ms-thread-creator="Tu_id_de_campo"

Pedir postes e hilos

Utilice los dos atributos disponibles para ajustar el orden según sea necesario.

data-ms-channel-sort="newest" // por defecto es el más antiguo

data-ms-thread-sort="newest" // default is oldest

Paginación

Utiliza los siguientes atributos para establecer el número máximo de mensajes o temas que se cargarán a la vez.

data-ms-post-load="100" // por defecto 50 y máximo 100

data-ms-thread-load="100" // default 20 & max 100

Varias secciones por página

Si desea mostrar varias secciones de comentarios en una misma página, deberá definir manualmente el ID del canal mediante el atributo data-ms-channel="Your_Channel_ID".

A la espera de la moderación

Si activas los ajustes de moderación en el panel de control o marcas un comentario como spam/oculto, mostraremos un mensaje al comentarista. Coloque los siguientes atributos en un div que contenga el mensaje "Espere a moderación". Tenga en cuenta que hay 2 atributos. 1 para mensajes y 1 para temas.

data-ms-post="hidden"

data-ms-thread="hidden"

Restricciones

El número máximo de caracteres por mensaje o tema es de 5.000.

El formato no está disponible en este momento.

Creación de moderadores

En el panel de control de Memberstack, los administradores pueden otorgar funciones de "moderador" a los miembros. Los moderadores tienen autoridad para editar o eliminar cualquier mensaje, garantizando un entorno comunitario limpio y positivo.

Haga clic aquí para obtener más información sobre los distintos atributos.

More Benefits

Additional advantages

Edificio comunitario

Permite a los usuarios conectarse y debatir, creando un sentimiento de comunidad en torno a su marca o contenido, lo que puede aumentar la fidelidad de los clientes y la afinidad con la marca.

Proporciona nuevos temas que interesan a su público

Los debates en la sección de comentarios suelen incluir temas sobre los que a tu audiencia le gustaría saber más. Utiliza estos temas para crear nuevos contenidos que puedan conectar con tu audiencia.

Mayor participación de los usuarios

Los comentarios animan a los visitantes a interactuar con su contenido, lo que aumenta el tiempo de permanencia en su sitio web y fomenta una audiencia más comprometida.