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 crear salas de chat en WordPress para sus usuarios

¿Sueña con crear un sitio web animado donde los visitantes puedan conectarse y charlar entre sí? Tal vez dirija una comunidad de fans, un portal de aprendizaje electrónico, un grupo de apoyo, un foro de juegos o algún otro tipo de sitio web centrado en la comunidad.

En WPBeginner, los lectores nos preguntan a menudo cómo pueden conseguir más participación, y una sala de chat es una gran opción.

Una sala de chat permite a los visitantes interactuar entre sí o incluso hablar con usted directamente. Esto puede mantener a la gente en su sitio web durante más tiempo, sin necesidad de reenviarlos a un cliente de chat externo como Slack o Discord.

En este artículo, le mostraremos cómo llevar su sitio al siguiente nivel y crear una comunidad atractiva e interactiva. A continuación te explicamos cómo crear una sala de chat en WordPress para tus usuarios.

Adding chat rooms to a WordPress website

¿Por qué añadir una sala de chat en WordPress?

Si gestiona un sitio web de membresía o un foro en línea, puede que le interese crear una sala de chat de mensajería instantánea para sus usuarios.

Puedes utilizar un servicio de terceros como Slack, WhatsApp, grupos de Facebook o Discord. El problema con estos métodos es que toda la comunicación se produce fuera de tu sitio web, por lo que no tienes control sobre la experiencia del chat.

Este enfoque también anima a la gente a abandonar su sitio web, lo que es una mala noticia para sus páginas vistas y la tasa de rebote en WordPress.

Si incrusta una sala de chat en su sitio web, conseguirá que la gente permanezca más tiempo en su sitio y creará un sentimiento de comunidad más fuerte.

Nota: Las salas de chat suelen funcionar mejor para pequeñas comunidades de usuarios. Si desea ofrecer soporte al cliente en vivo, a continuación, marque / comprobar nuestra lista de los mejores software de soporte de chat en vivo.

Dicho esto, veamos cómo añadir una sala de chat a tu blog o sitio web en WordPress.

Añadir salas de chat en WordPress

La forma más fácil de añadir salas de chat en WordPress es usando Simple Ajax Chat. Este plugin le permite añadir una sala de chat sencilla a cualquier página, entrada o área preparada para widgets.

También le permite restringir el acceso a los usuarios conectados o incluso crear una sala de chat completamente abierta al público. Para más detalles, vea nuestra reseña de Simple Ajax Chat.

Chat room published on page

Nota: En esta guía, estamos utilizando el plugin gratuito Simple Ajax Chat, ya que tiene todo lo necesario para crear una sola sala de chat. Sin embargo, si desea crear varias salas de chat diferentes, entonces usted tendrá que actualizar a Plugin Planet Simple Ajax Chat.

En primer lugar, tendrás que instalar y activar el plugin. Si necesitas ayuda, consulta nuestra guía sobre cómo instalar un plugin de WordPress.

Una vez activado, vaya a Ajustes ” Simple Ajax Chat para establecer su sala de chat.

The Simple Ajax Chat plugin's settings

Para empezar, haga clic para ampliar la sección “Ajustes de plugins” y, a continuación, cambie el “Nombre por defecto” por el que desee.

También puedes escribir un “Mensaje por defecto”, que aparecerá la primera vez que alguien visite tu sala de chat.

Default chat room name

A continuación, puede decidir si es necesario que los usuarios estén conectados para utilizar la sala de chat. Exigir el registro de los usuarios puede ayudarle a combatir el spam y los trolls, pero una sala de chat pública puede conseguir más usuarios.

Para tomar esta decisión, marque o desmarque la casilla siguiente a “Se requiere que los usuarios estén conectados para ver y utilizar el cuadro de chat”.

También puede marcar / comprobar la casilla siguiente a “Nombre de usuario conectado” para que WordPress muestre el nombre de usuario de la persona en el chat.

How to create a members-only WordPress chat room

Otra opción es permitir que los visitantes no registrados lean el chat pero no interactúen. Las personas a las que les guste lo que ven pueden crear una cuenta para unirse a la conversación, por lo que puede marcar / comprobar la casilla siguiente a ‘Mostrar mensajes de chat como de solo lectura’.

Una vez hecho esto, puede personalizar la sala de chat. Por ejemplo, puede añadir su propio logotipo, colores personalizados e imagen de marca.

Puede hacerlo utilizando los ajustes de los cuadros “Tiempos y colores” y “Apariencia”.

How to customize the chat window in WordPress

También puedes sustituir el icono de aviso por defecto por tu propia imagen. Por ejemplo, puede utilizar su logotipo, icono o cualquier otra imagen que haya creado utilizando un software de diseño web como Canva.

Para añadir su propio gráfico, busque el campo “Icono de aviso por defecto” y haga clic en “Subir”.

Changing the default chat icon in WordPress

Ahora puede elegir una imagen de la biblioteca de medios de WordPress o subir un archivo desde su ordenador.

Si realizas algún cambio en esta sección, no olvides hacer clic en “Guardar ajustes”.

A continuación, puede hacer clic para ampliar la sección “Frases prohibidas” y escribir las palabras que no deberían aparecer nunca en su chat. Puede ser el nombre de un competidor, palabras ofensivas o cualquier otra cosa que pueda dañar la experiencia del visitante y tu reputación.

Basta con separar cada palabra con una coma.

Creating a ban list for your online WordPress chat room

De nuevo, no olvides hacer clic en “Guardar ajustes” para guardar los cambios.

Hay muchos más ajustes que explorar, así que vale la pena echarles un vistazo y ver qué cambios puedes hacer. Sin embargo, esto es todo lo que necesitas para crear una simple sala de chat, así que veamos cómo puedes añadirla a tu sitio web WordPress.

Cómo mostrar su sala de chat en WordPress

Cuando esté satisfecho con cómo se ha establecido la sala de chat, desplácese hasta el área Shortcode & Template Tag y haga clic para abrirla.

Aquí verás el shortcode que puedes añadir a cualquier página, entrada o área preparada para widgets.

Copy your chat room short code

Para añadir la sala de chat a una página, basta con ir a Páginas ” Añadir nuevo en el escritorio de WordPress.

Ahora puede escribir un título, subir una imagen destacada, añadir categorías y etiquetas, además de cualquier otro contenido que desee mostrar en la página.

How to add a chat room to a WordPress page

Incluso puede ir un paso más allá y añadir una encuesta de respuesta / comentario / opinión de los usuarios para obtener valiosas sugerencias e ideas sobre cómo mejorar su sala de chat.

Para incrustar la sala de chat, haga clic en el signo “+” y escriba “Shortcode”. Ahora puedes seleccionar el bloque adecuado cuando aparezca.

Adding a chat room shortcode block to a WordPress blog or website

A continuación, añada el shortcode [sac_happens] al bloque Shortcode.

Ahora puede hacer clic en “Publicar” o “Actualizar” para que la sala de chat esté activa.

Adding live chat to a website using shortcode

Otra opción es añadir la sala de chat a un área preparada para widgets. Es una forma sencilla de mostrar la ventana de chat en varias páginas.

Si utiliza uno de los temas más recientes basados en bloques, puede incluso añadir la sala de chat a áreas de su sitio que no puede editar con el editor de contenido estándar de WordPress.

Para obtener instrucciones paso a paso, consulte nuestra guía sobre cómo añadir y utilizar widgets.

Adding a chat room to WordPress using the full site editor

Independientemente de cómo añada la sala de chat a WordPress, es importante comprobar que se ve bien y funciona correctamente en todos los dispositivos, probando la versión móvil de su sitio web.

Si desea más información sobre este debate, consulte nuestros consejos de expertos para crear un sitio web adaptado a dispositivos móviles.

Testing your chat room on a mobile device

Esperamos que este artículo te haya ayudado a aprender cómo crear salas de chat para tus usuarios de WordPress. También puedes consultar nuestras guías sobre cómo añadir botones de reacción para aumentar la participación y cómo realizar una auditoría UX de tu sitio web 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

21 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. Aks

    Hey, does everyone who wants to partake in the chat require a wordpress account?

    • WPBeginner Support

      The users do not need a WordPress account but you can require an account on your site if you wanted.

      Administrador

    • WPBeginner Support

      Thank you :)

      Administrador

  3. Maja

    It’s a pity that you can not embed room :( on any page, e.g. shordcode, widget etc.

    • WPBeginner Support

      We will be sure to look into alternatives with that option for future updates :)

      Administrador

  4. Ahshan

    a how can i delete chatbox pragraph

  5. Tijjani Isah

    Really Appreciate It

  6. Ahmed Barwari

    I installed and activated the plugin but its not working.

    403 Forbidden
    The website’s configuration prevents you from accessing this page.

  7. Saminu Eedris

    This is great.

    I just got a job for an online bar, not really and online bar but there would be a platform where the visitors can interact with some of the brand ambassadors.

    I think I will try out this plugin to see how it works.

    Thanks,
    Saminu!

  8. asad ali

    Hi

    i have chat room site and i want to use wordpress chat room their is any plugin that i can use on my blog right now i am using someone else chat room scrpit but i want to add mine chat room please suggest if their is any good chat room thanks

  9. anand kjha

    how many users can use the facility of chat room at a time?

  10. Giorgios

    I used that plugin on my website – it works fine but is too simple. Mainly no file sharing feature so I switched to Chatwee. It suits me better.

  11. HappyMoon

    Hello. How do I create something like the top of your site, such as HOME »BLOG» WORDPRESS PLUGINS »HOW TO CREATE CHAT ROOMS …

  12. Khürt L. Williams

    I’m always looking for way to increase the use of our organization’s WordPress install. We have a bulletin board running on another system but I want to centralize systems. Perhaps bbpress with this plugin is the way forward.

    • Thomas

      Have to agree with this. Looked into both and the one you posted is way better! I’ve been looking for something JUST like this for my site at NE1UP.com so I really appreciate it!

      No worries, @WPBeginner, still love your site and it’s so beautiful. ;) Wouldn’t have figured this out if you hadn’t posted about WordPress chat in the first place!

      Thanks guys!

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.