Panel de Control

Bienvenido al gestor institucional de ZolSea Herramientas.

Configuración Sincronizada
Productos en Catálogo 0 Publicados y visibles en la web
Número de WhatsApp - Destino de todas las consultas directas
Categorías de Producto 0 Categorías de filtrado en la grilla
Marcas que Respaldamos 0 Marcas dinámicas mostradas en la web

¿Cómo gestionar y actualizar tu sitio web?

Este panel te permite gestionar dinámicamente todo el contenido de la web institucional (textos, descripciones, teléfonos de contacto y productos de catálogo). Los cambios que realices se guardan inmediatamente en tu navegador actual para que puedas previsualizarlos en vivo.

Paso 1
Edita el Contenido
Agrega o edita productos, o modifica los textos principales en el menú lateral.
Paso 2
Previsualiza los cambios
Usa el botón "Vista Previa Web" para revisar cómo queda el sitio con tus cambios aplicados.
Paso 3
Exporta la Configuración
Ve a "Guardar y Exportar", descarga el archivo data.json y colócalo en el código para subirlo.
Producto Marca Categoría Acciones
Marca Color de Acento Visualización Acciones
ZOLSEA (Logo tipográfico por defecto)
Vista Previa

Arrastra y suelta tu logo aquí

Formatos soportados: PNG transparente, SVG o JPG. Se abrirá la herramienta de encuadre al cargar.

Buscar Archivo
Imagen Hero por defecto (Imagen Ecosistema por defecto)
Vista Previa Banner

Arrastra y suelta la foto principal del hero aquí

Se subirá automáticamente a Supabase Storage y se aplicará inmediatamente al banner de inicio.

Buscar Imagen

Colores de Marca (Acentos)

Acento Principal Botones, pestañas de categorías activas (tabs), badges e iconos.
Acento Secundario Gradiente del selector de categorías (tabs) y detalles decorativos.
Acento Hover Estado activo al posar cursor en botones.
Glow del Cursor (Iluminación) Luz interactiva que sigue el cursor en el fondo.

Controles de Iluminación del Cursor (Medida & Potencia)

Alcance en la Web Define dónde se desplaza la luz del mouse.
Potencia / Intensidad (25%) Suave (5%) — Intenso (80%)
Tamaño del Halo (650px) Compacto (300px) — Expansivo (1000px)
Difuminado / Suavidad Blur (50px) Enfocado (20px) — Ultra Suave (100px)

Fondos y Superficies

Fondo del Sitio Color de fondo general de la web.
Fondo Contenedores Color para tarjetas de productos y modales.
Hover de Contenedores Efecto interactivo al posar cursor sobre tarjetas.

Colores de Texto

Título del Hero (Header) Título principal del encabezado o banner.
Subtítulo del Hero (Header) Bajada descriptiva del encabezado.
Texto Principal (Secciones) Títulos de categorías, marcas y contenidos de alta lectura.
Texto Secundario (Muted) Fichas técnicas y descripciones secundarias.

Contornos y Detalles

Color de Borde Líneas de división y contornos de tarjetas.

Previsualización en Vivo

Este es un boceto del sitio que refleja instantáneamente los cambios en tu paleta antes de guardarlos.

zolsea.com.ar/inicio

Configuración de Google Analytics

Vincula tu propiedad de Google Analytics 4 para realizar un seguimiento detallado del tráfico de tu web de manera minuciosa.

Google Analytics Desactivado

Configura tu propiedad de Google Analytics para comenzar a medir visitas, páginas vistas y la interacción de tus usuarios en tiempo real de forma detallada.

¿Cómo conseguir mi ID de medición?

  1. Ve a tu panel de Google Analytics.
  2. Crea o selecciona una Propiedad de Google Analytics 4 (GA4).
  3. Dirígete a Administrar > Flujo de datos y selecciona tu flujo web.
  4. Copia el ID de medición (comienza con "G-") e ingrésalo arriba.
Archivo de Datos Generado (data.json)

Sincronización Automática con Vercel (Deploy Hook)

Ingresa tu URL de Deploy Hook de Vercel. Cada vez que presiones "Publicar en Supabase", el panel enviará automáticamente una señal a Vercel para reconstruir y publicar los archivos estáticos en la nube.

¿Cómo aplicar estos cambios en producción de forma definitiva?

1

Haz clic en el botón de arriba "Descargar data.json" para descargar el archivo de datos actualizado.

2

Busca el archivo en tu computadora y muévelo dentro de la carpeta del proyecto en la ruta: assets/data.json (esto reemplazará el archivo viejo con tus textos y productos nuevos).

3

Si estás compilando la web localmente, ejecuta el comando npm run build en la terminal para que se generen los archivos listos para producción. ¡Listo! Al subir la web los clientes verán los datos actualizados de forma permanente.

Cambiar Contraseña Administrativa

Actualiza la contraseña utilizada para acceder al panel de control de ZolSea Herramientas. Este cambio modificará el archivo local de configuración y deberá ser publicado en Supabase para que tenga efecto global.

Clave de Recuperación de Emergencia

Si alguna vez olvidas tu contraseña, puedes ingresar esta clave maestra en la pantalla de inicio de sesión para establecer una nueva clave. Guárdala en un lugar seguro.

ZOLSEA-RECOVERY-9F8E-2A1B-5D3C