Haz que cualquier sitio web funcione a tu manera. Describe lo que quieres y la IA personaliza la página por ti, sin necesidad de código.
¿Qué es Sider Code?
Sider Code es una herramienta de personalización de páginas web impulsada por IA que te ayuda a modificar casi cualquier página web usando un lenguaje natural sencillo.
En lugar de escribir código, solo necesitas describir qué quieres cambiar. Sider Code entenderá tu solicitud y personalizará la página para ti.
Puedes usar Sider Code para:
- Agregar funciones impulsadas por IA, como añadir un botón de resumen para artículos largos o resumir miles de comentarios
- Eliminar distracciones, como anuncios, ventanas emergentes, barras laterales o contenido patrocinado
- Personalizar la apariencia de la página, como cambiar al modo oscuro o modificar el diseño de la página
Por ejemplo, puedes pedir:
- “Agregar un botón para resumir los comentarios”
- “Eliminar todos los anuncios de esta página”
- “Ocultar la barra lateral y hacer que el artículo tenga ancho completo”
- “Haz que esta página sea más limpia y fácil de leer”
Cómo configurar Sider Code
Antes de usar Sider Code, debes completar dos pasos rápidos de configuración:
- Habilitar Scripts de Usuario
Estos pasos permiten que Sider Code aplique cambios en las páginas web y pruebe/depure las personalizaciones automáticamente.
Paso 1: Abre Sider Code
Abre la barra lateral de Sider y haz clic en el icono Code.
Verás la página de bienvenida de Sider Code. Haz clic en Comenzar.
Paso 2: Habilita Scripts de Usuario
Sider Code necesita permiso para Scripts de Usuario para aplicar cambios en las páginas web.
En el panel de configuración, haz clic en Abrir configuración de la extensión.
Esto abrirá la página de configuración de la extensión en Chrome.
Busca Permitir Scripts de Usuario y actívalo.
Después de habilitarlo, regresa al panel de Sider Code. El primer paso de configuración debería mostrar que está completado.
Paso 3: Instala Sider Operator
Luego, instala Sider Operator.
Sider Operator ayuda a Sider Code a probar y depurar automáticamente los cambios en las páginas web, para que tus personalizaciones funcionen de forma más fiable.
En el panel de configuración de Sider Code, haz clic en Obtener Sider Operator.
Esto abrirá la página de Sider Operator en Chrome Web Store.
Paso 4: Agrega Sider Operator a Chrome
En la página de Chrome Web Store, haz clic en Añadir a Chrome.
Chrome mostrará una ventana de confirmación. Haz clic en Añadir extensión.
Una vez que la instalación termine, regresa a Sider Code y comienza a personalizar páginas web.
Cómo usar Sider Code
Paso 1: Abre Sider Code
Abre la página web que quieres personalizar y luego haz clic en el icono Code en la barra lateral de Sider.
Paso 2: Indica a la IA qué cambiar
Describe lo que quieres en lenguaje sencillo.
Por ejemplo:
- “Eliminar las publicaciones patrocinadas de esta página”
- “Agregar un índice flotante”
- “Mostrar valoraciones de productos junto a cada artículo”
También puedes hacer clic en un comando sugerido, como Eliminar anuncios, Cambiar a modo oscuro, Extraer todas las imágenes, o Desplazamiento automático.
Paso 3: Revisa y ajusta
Sider Code aplicará los cambios en la página web actual.
Si el resultado no es exactamente lo que quieres, continúa con un comando adicional.
Por ejemplo:
- “Haz la fuente más pequeña.”
- “Mantén la sección de comentarios.”
- “Solo elimina la barra lateral derecha.”
Si un área específica no se ve bien, también puedes tomar una captura de pantalla del área que quieres modificar y decirle a la IA qué cambiar.
Por ejemplo:
- “Haz este botón más pequeño.”
- “Mueve este bloque más arriba.”
- “Esta zona está muy saturada. Hazla más limpia.”
Las capturas de pantalla ayudan a la IA a entender la ubicación exacta y a hacer cambios más precisos.
Para cambios complejos, puede que necesites varios comandos adicionales para obtener el mejor resultado.
Después de que se genere un script, actualiza la página para ver el efecto completo.
Gestiona tus personalizaciones
Para mantener organizadas tus personalizaciones, puedes:
- Iniciar un chat nuevo para cada personalización
Usa un chat nuevo cuando crees un script distinto, especialmente para diferentes sitios web o versiones diferentes del mismo sitio.
- Ver los scripts guardados en Mis Scripts
Abre el panel Mis Scripts para ver todas las personalizaciones guardadas.
- Activar o desactivar scripts en cualquier momento
Cuando un script está activado, la personalización se aplicará automáticamente cada vez que visites el mismo sitio web. Puedes desactivarlo en cualquier momento desde Mis Scripts.
Sé específico con tus instrucciones
Cuanto más clara sea tu solicitud, mejor será el resultado.
En lugar de: “Haz esto mejor”
Prueba: “Oculta la barra lateral derecha y haz que el contenido del artículo tenga ancho completo.”
En lugar de: “Cambiar el diseño”
Prueba: “Haz la página más limpia, aumenta el tamaño de la fuente y reduce el espacio entre tarjetas.”
Preguntas frecuentes
¿Mis cambios permanecerán después de actualizar la página?
Sí. Mientras el script esté activado, las personalizaciones guardadas seguirán funcionando cuando vuelvas a visitar el mismo sitio web.
¿Puedo desactivar una personalización?
Sí. Abre el panel Mis Scripts y activa o desactiva el script.
¿Qué hago si el resultado no es perfecto?
Envía un comando adicional y describe qué debe cambiar.
También puedes tomar una captura de pantalla para señalar la zona exacta que requiere mejora.
¿Puedo usar Sider Code en cualquier sitio web?
Sider Code está diseñado para funcionar en muchos sitios web.
Algunos sitios pueden tener restricciones especiales o diseños complejos, así que ciertos cambios pueden requerir comandos adicionales.
¿Cómo se cobran los créditos en Sider Code?
Los créditos se cobran dinámicamente según la complejidad de la tarea.
Si Sider Code ya ha generado un script, no se te cobrará otra vez por ese script cuando vuelvas a visitar el mismo sitio.
Sin embargo, si usas Sider Code para agregar una función impulsada por IA, puede cobrarse crédito cada vez que se ejecute la función. Por ejemplo, si añades un botón de “refutar” bajo cada respuesta de ChatGPT, se cobrarán créditos cada vez que pulses el botón para generar una refutación.
¿Quién puede usar Sider Code?
Sider Code está disponible en los nuevos planes de pago: Lite, Plus y Max.
Los usuarios gratuitos y los que tienen planes de pago anteriores, como Basic, Professional, Unlimited o Ultra, deben actualizar a uno de los nuevos planes de pago para usar Sider Code.
¿Puedo usar Sider Code en modo pantalla completa?
No. Sider Code actualmente solo funciona en la barra lateral de Sider.
Como Sider Code necesita operar en la pestaña actual del navegador, no está disponible en modo pantalla completa.