Lo primero es ir a la web de Presencia Web, identificarte con los datos de tu cuenta, marcar la casilla CSS y Guardar ajustes.


Icono con color del estado

Si ingresas el siguiente código en el contenido de tu web, se cargará un icono con el color de tu estado:

<img src=”https://www.suchat.org/estado/usuario@suchat.org” width=”14″ alt=””/>

Cambiando usuario por tu nombre de usuario de tu cuenta de SUChat.org. Para cambiar el tamaño cabía el valor de width.


Texto con color del estado

En el contenido de tu web, después de <head> y antes de </head> ingresa le siguiente código:

<link rel=”stylesheet” href=”https://www.suchat.org/wp-json/presence/css/usuario@suchat.org />

Cambiando usuario por tu nombre de usuario de tu cuenta de SUChat.org.
Ingresa el código:

<div id=” webpresence “>texto con el color de mi estado</div>

Código completo:

<html >
<head>
<link rel=”stylesheet” href=”https://www.suchat.org/wp-json/presence/css/usuario@suchat.org />
</head>
<body”>
<div id=” webpresence “>Texto con el color de mi estado</div>
</body>
</html>


Color del estado con iconos Font Awesome o similar

En el contenido de tu web, después de <head> y antes de </head> ingresa le siguiente código:

<link rel=”stylesheet” href=”https://www.suchat.org/wp-json/presence/css/usuario@suchat.org />

Cambiando usuario por tu nombre de usuario de tu cuenta de SUChat.org.
Ingresa el código del icono que quieras que se muestre con el color del estado:

<i id=”webpresence” class=”far fa-lightbulb fa-fw fa-lg”></i>