Volver al blogTutoriales PixelUp

Cómo personalizar tu sitio web en Pixel Up en 15 minutos

Pixel Up

Pixel Up

Equipo Pixel Up

|26 de febrero de 2026|7 min de lectura
Cómo personalizar tu sitio web en Pixel Up en 15 minutos

Tu sitio web, a tu manera

En Pixel Up te entregamos el sitio listo, pero tú tienes el control total para editarlo cuando quieras desde un panel pensado para que cualquier persona pueda usarlo.

1. Acceder al panel

Entra a tudominio.cl/admin/login e ingresa con el correo y contraseña que te entregamos al activar la cuenta. Si todo está bien, el sistema te lleva directamente a /dashboard, que es el centro de control.

El menú lateral organiza todo lo que puedes hacer y se mantiene visible en todas las pantallas.

Menú lateral del dashboard de Pixel Up con todas las secciones
Menú lateral real del dashboard: Inicio, Asistente, Suscripción, Tienda Pixel Up, Productos, Ventas, Clientes, Promociones (Ofertas y Cupones), Visitas Web, Navbar y Menú, Secciones, Gestión de Contenidos, Footer, Costos de envío, Blog, Archivos, Configuraciones y Opciones de cuenta.

2. Editar el Home

Vamos a Gestión de Contenidos → Home (ruta /dashboard/contenido-home). Esta es la pantalla que define cómo se ve la portada de tu sitio.

Editor del Home con componentes activos y configuración SEO
Cada bloque (Banner Principal, Categorías Destacadas, Heros, etc.) se puede arrastrar para reordenar, ocultar con el ojo, duplicar, editar o eliminar. Abajo está el SEO de la página principal.
  • Reordenar: arrastra cada componente a la posición que quieras. El orden se ve reflejado en la página pública.
  • Ocultar/mostrar: el ícono del ojo desactiva un bloque sin borrarlo.
  • Editar contenido: el ícono de lápiz abre el editor del componente (textos, imágenes, links, fondo y padding).
  • + Componentes: agrega bloques nuevos desde la galería (banners, hero, productos, galerías, marcas, testimonios, ubicación, etc.).
  • SEO del Home: el bloque inferior controla título (H1), keywords, descripción e imagen Open Graph que se muestran en Google.

Cuando termines, presiona Guardar (botón teal arriba a la derecha). Si quieres ver los cambios en contexto sobre el sitio real, usa Editar en vista en vivo: abre el sitio público con el editor visual encima.

3. Cambiar logo, tipografía y colores

Vamos a Configuraciones → Estilo y Diseño.

Pestaña Estilo y Diseño con logo, tipografías y color
Configuración del logo (Desktop ≥ 1024px y Mobile < 1024px), tipografías para Epígrafes/Títulos/Contenido y Color principal con border radius.
  • Logo Desktop: sube tu versión para pantallas grandes (PNG con fondo transparente recomendado).
  • Logo Mobile: opcional. Si lo dejas vacío se usa el desktop.
  • Tipografías: elige fuente para Epígrafes, Títulos y Contenido (por defecto Montserrat).
  • Color principal: el color de marca que tiñe botones primarios y acentos.
  • Border radius: Cuadrado, Redondeado o intermedio. Define qué tan suaves son las esquinas en toda la UI.

4. Crear páginas nuevas (Secciones)

Si necesitas más páginas además del Home (ej. nosotros, servicios, preguntas-frecuentes), entra a Secciones.

Crear nueva sección con nombre y slug
El cupo de secciones disponibles depende de tu plan: a medida que subes de plan tienes más secciones disponibles (revisa los cupos vigentes en pixelup.cl/planes). Después de crearla la editas igual que el Home.

Llena Nombre y Slug (la URL será /secciones/{slug}) y presiona Generar Sección. Queda como borrador en el Navbar; puedes activarla con el switch al final de la misma página.

5. Guardar y publicar

En cada formulario los botones siguen el mismo patrón: Cancelar a la izquierda en rojo y la acción primaria (Guardar, Publicar, Crear) a la derecha en teal. Después de guardar, el sistema revalida el caché del sitio público para que los cambios se vean al recargar.

6. O pídeselo al Asistente IA

Si prefieres no hacerlo tú mismo paso a paso, puedes pedirle lo mismo al Asistente IA (/dashboard/asistente o el widget flotante): dile qué quieres cambiar del logo, los colores, un bloque del Home o una sección nueva, y te propone el cambio para tu aprobación antes de publicarlo.

Todo lo que tocas en el panel se refleja en tu sitio público al guardar — sin tener que tocar código, abrir tickets ni esperar a un desarrollador.
#TutorialPixelUp#PersonalizarWeb#PanelAdmin#AsistenteIA
Compartir:
WhatsApp