Curso Wordpress 2021 | 29. Como Poner un CHAT en una PÁGINA ESTÁTICA con WORDPRESS – Parte 3
Transcripción e instrucciones del video
En esta lección del curso de WordPress hacemos algo que no he visto explicar por ahí: en vez del botón flotante en toda la web, ponemos el chat de Tawk.to dentro de una página propia, por ejemplo Chat de soporte. Es ideal si solo quieres atender a tus clientes (puedes proteger la página con contraseña) y además no carga el chat en el resto de páginas.
1. Quitar el botón flotante
En Ajustes → Tawk.to → Visibility Options, desactiva que se muestre en la web → Guardar.
2. El enlace directo del chat
En el panel de Tawk.to: Administración → Widgets del chat. Ahí aparece el enlace directo al chat (una dirección del tipo https://tawk.to/chat/…). Cópialo.
3. Crear la página
- Páginas → Añadir nueva, título Chat de soporte.
- Añade un bloque HTML personalizado (en Elementor, el widget HTML) y pega este código, cambiando la dirección por tu enlace directo:
<iframe src="https://tawk.to/chat/TU-ENLACE-DIRECTO" width="100%" height="600" style="border:0"></iframe>- Publicar y ábrela: el chat aparece dentro de la página, listo para escribir.
- En los ajustes de la página (Astra), quítale la barra lateral y el título para que el chat ocupe todo el ancho.
En el vídeo pongo un ancho fijo de 900 píxeles; con 100% se adapta mejor al móvil.
4. Añadirla al menú
Apariencia → Menús: añade la página Chat de soporte donde tenga sentido (por ejemplo, como submenú de tus cursos o servicios) y guarda.
En la siguiente lección: mostrar las reseñas de Google en tu web. ¿Dudas? En los comentarios.