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:



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"



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



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: "https://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.



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

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"



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.



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.

Espero que les sirva.
Recuerden que si tienen alguna duda pueden dejar su comentario o escribirnos a través de nuestros canales de comunicación.
Será hasta el próximo tutorial asd*

Con tu donación ayudas a mantener el sitio activo