El módulo Sitio Web es tu estudio de desarrollo completo donde puedes crear y personalizar tu sitio web profesional.
¿Qué es el Editor Web?
Es un potente editor de código que te permite gestionar completamente tu sitio web. Perfecto tanto para principiantes que quieren aprender como para desarrolladores experimentados que necesitan control total.
Características Principales
🎨 Editor de Código Completo
- Sintaxis resaltada para HTML, CSS y JavaScript
- Autocompletado inteligente
- Vista previa en tiempo real
- Numeración de líneas y búsqueda avanzada
📄 Gestión de Páginas y Secciones
- Crea páginas ilimitadas para tu sitio
- Organiza el contenido en secciones reutilizables
- Estructura jerárquica clara y fácil de navegar
- Duplica páginas existentes para ahorrar tiempo
⚙️ Páginas del Sistema
- Acceso a vistas predeterminadas editables:
- Plantillas de blog
- Páginas de facturas
- Checkout y carrito de compras
- Página de próximamente
- Personaliza la apariencia manteniendo la funcionalidad
📁 Gestión de Multimedia
- Sube y organiza imágenes, videos y documentos
- Optimización automática de imágenes
- Biblioteca multimedia integrada
- Fácil inserción en tu código
Primeros Pasos en el Editor
1. Accede al Editor
- Ve al menú lateral → “Sitio Web” → “Editar Web”
2. Explora la Estructura
- Panel izquierdo: Navegador de páginas y secciones
- Barra de navegación: Selector de tipo de lenguaje por sección: HTML, CSS y JS
- Editor: Editor de código principal
3. Crea tu Primera Página
- Clic en el botón “+” ubicado en el panel izquierdo
- Agrega el nombre (nombre para identificar la página dentro de la plataforma) y título (Título que se mostrara en tu página web, dentro de la etiqueta <title>)
- Clic en guardar
4. Edita el Código
- Haz clic en cualquier sección para editarla
- Usa la sintaxis HTML, CSS o JavaScript
- Clic en guardar
Ver tu Sitio Web
Una vez que hayas comenzado a trabajar en tu sitio web, puedes visualizar los cambios en tiempo real.
🌐 Acceso Rápido desde el Panel
- En la barra superior, a la izquierda, encontrarás el botón “Ir a web”
- Este botón te lleva directamente a tu sitio web publicado
- Se abre en una nueva pestaña para que no pierdas tu trabajo
- Funciona desde cualquier sección del panel de MGPanel
🔗 URL de tu Sitio
Cada cuenta de MGPanel tiene asignado automáticamente:
- Subdominio gratuito: tunegocio.mgpanel.co
- Dominio personalizado: Si has configurado tu propio dominio
- Actualización automática: Los cambios se reflejan inmediatamente
👀 Vista Previa en Tiempo Real
- Todos los cambios que guardes en el editor se publican instantáneamente
- Perfecto para realizar ajustes y ver resultados al momento
- Compatible con todos los dispositivos y navegadores
Gestión de Multimedia
1. Acceso a Multimedia
- En el módulo de sitio web, busca la sección “Multimedia”
2. Subir Archivos
- Clic en el botón “+” ubicado en la sección “Multimedia”
- Formatos soportados: JPG, PNG, GIF, MP4, PDF, etc.
3. Organizar Contenido
- Elimina archivos no utilizados
4. Usar en tu Sitio
- Copia la URL del archivo
- Inserta en tu código HTML
Consejos y Buenas Prácticas
Para Principiantes:
- Comienza editando páginas del sistema existentes
- Haz pequeños cambios y observa el resultado
- Pregunta a emyi sobre sintaxis específica
Para Desarrolladores:
- Aprovecha el autocompletado para mayor velocidad
- Usa la búsqueda global para encontrar código específico
- Organiza tu código en secciones comentadas
- Utiliza las páginas del sistema como base para personalizar