Agregar un chat a la web

Bienvenidos a un nuevo tutorial, hoy veremos la forma de agregar un chat a nuestra web.
Existen infinidades de códigos/scripts para agregar un chat a la WEB, por lo que la elección a veces es complicada cuando la variedad es mucha.
Siendo el siguiente; uno de los más usados por ustedes, trabajaremos con el siguiente chat:

Xat para muonline

1)Lo primero que debemos hacer es ingresar a xat.com y luego hacemos un clic en la opción "Mas" y seleccionamos la opción "Herramientas"

Interfaz del sitio xat

2)El siguiente paso será hacer un clic en el boton que dice "Get a free chat box now!"

Creando un xat para el sitio web

3)Lo que haremos ahora, será configurar los aspectos básicos de nuestro chat.
Lo primero que podemos configurar es la imagen de fondo, si observan en la opción "Background image" (imagen de fondo), veremos que tenemos cargada una predeterminada con la siguiene ruta: "http://xat.com/images/XatBack.jpg"
Entonces lo que podemos hacer nosotros es selecionar entre las que nos ofrece el sitio, o crear nuestro propia imagen y alojarla.
Si van a optar por la última opción, deben tener en cuenta que el sitio sólo acepta imágenes alojadas en [tinypic], [photobucket] o [imageshack].
En mi caso utilizaré una imagen brindada por el sitio.

Seleccionando imagen para el xat

4)Ahora lo que haremos, será configurar el temaño que tendrá nuestro chat. Para eso podemos usar los botones [small] [medium] [large] o podemos agregar nuestras dimesioes exactas. (Es importante en esta opción ya saber en que lugar ubicaremos nuestro chat, porque si el espacio es reducido, debemos seleccionar dimensiones pequeñas o si nuestro espacio es extenso, debemos seleccionar dimensiones grandes)
En mi caso, como esto es una demostración, usaré la configuración personaliza, es decir, setearé los siguiente valores:

Width=600
Height=580
Estableciendo las configuraciones de altura y anchura

5)Finalizada la configuración de nuestro chat, lo que haremos será un clic en el boton "Update y Get code" y luego hacemos un clic en donde dice "Copy"

Generado y capturando link del xat

6)Al hacer clic en el boton "Copy" hemos copiado el código de nuestro chat junto a la configuraciones que le hemos dado, lo que resta ahora, es simplemente agregarlo al index.php o al archivo.php de la web en el que deseamos visualizarlo.

Visualizando xat desde el sitio web mu

Como podemos ver, es bastante sencillo el procedimiento, ingresamos a la web, configuramos nuestro chat, generamos un código y lo agregamos en nuestro sitio.
chat_muonline.txt [1 KB]

¿Necesitas ayuda? Visita www.iceventas.com y nosotros lo hacemos por ti.

Se han publicado un total de 4 comentarios en Mu Online Tutoriales :

4 de julio de 2014, 0:26

amigo byasd una pregnta sabes como poder centrar el xat ? me queda muy a la izquierda

4 de julio de 2014, 10:52

jimmy paz : Simplemente con un < center > codigo < /center >
Uni los
Saludos

13 de mayo de 2016, 16:15

no me sale ami en el chat amigo

15 de mayo de 2016, 10:42

Unknown : Las razones pueden ser varias, ¿Has podido completar todos los pasos sin error alguno?
¿En que parte del código de tu web estas ingresando el script del chat?
Saludos

Publicar un comentario en la entrada