Cómo poner un chat de comentarios (Cbox) en tu blog

Tutorial: Cómo agregar un Cbox (chat de comentarios) a tu blog

Cbox es un chat sencillo que permite a tus lectores dejar mensajes directamente en tu blog.

---

 Paso 1: Crear una cuenta en Cbox

Antes de crear tu chat, debes registrarte.

1. 
   Entra a la página oficial:
   👉 https://www.cbox.ws/

2. Haz clic en “Sign Up”.

3. Completa el formulario y crea tu cuenta.

4. Inicia sesión.

---

Paso 2: Crear tu Cbox

Una vez dentro de tu cuenta, verás la opción “Create Cbox”.

Completa los campos:

• Cbox name: el nombre de tu chat.

• Website: el enlace de tu blog o página web.

• Theme: el diseño base del chat.

Haz clic en “Create my Cbox!”.

---

 Paso 3: Obtener el código del chat

Cbox te mostrará el código para insertar el chat en tu página.
Lo más importante es el iframe, que es lo que permite que el chat se vea.

Para ver el código primero debes de ir a "Publish" que se encuentra en la barra de arriba debajo de tu perfil

Copia solo el enlace del Cbox (la URL que empieza con: (https://www3.cbox.ws/box/) y pégalo en el campo de el código que ya puse mas abajo.

En la imagen se  puede ver el ejemplo de donde se encuentra la URL

---

 Código del Cbox con estilo (editable)

<style>
/* Caja exterior que envuelve el chat */
.comentarios-archivo {
  width: 220px;              /* Ancho del chat */
  background-color: #f2c9d6; /* Color de fondo de la caja */
  border-radius: 16px;       /* Bordes redondeados */
  padding: 10px;             /* Espacio interno */
  box-sizing: border-box;
  font-family: Georgia, serif; /* Fuente */
}

/* Estilos del iframe (el chat en sí) */
.comentarios-archivo iframe {
  width: 100%;       /* Ocupa todo el ancho de la caja */
  height: 260px;     /* Altura del chat */
  border: none;      /* Quita el borde feo */
  border-radius: 12px;
}
</style>

<div class="comentarios-archivo">
  <iframe 
    src="Aqui solo pega la URL"
    loading="lazy">
  </iframe>
</div>

Puedes cambiar colores, tamaño y fuente.
No modifiques el src, solo reemplaza por los datos de tu Cbox.

---

 Paso 4: Pegar el código en tu blog

 Solo pega el código en un gadget y listo. Pegar la URL de tu Cbox es lo unico que tienes que hacer para que ya funcione correctamente.

¿Tienes problemas o no sabes cómo editar el Cbox?

Si algo no te funciona, no sabes cómo cambiar colores, tamaños o simplemente te da miedo tocar el código, puedes dejarme un comentario sin problema.

Estoy estudiando programación, así que algo sé y con gusto intentaré ayudarte.

Además, más adelante haré una mini introducción a HTML para que editar tus gadgets y widgets se te haga mucho más fácil.