Ayuda de RingoWebCreator
Qué es esta herramienta
RingoWebCreator es una herramienta privada para crear webs estáticas desde plantillas, sin editar código manualmente.
La web generada es independiente: puede subirse a Cloudflare Pages, Netlify o cualquier hosting estático.
Modo rápido y modo avanzado
El modo rápido muestra solo las pestañas necesarias para montar una web sencilla: Proyectos, Contenido, Diseño, Imágenes, Secciones, Exportar y Ayuda.
El modo avanzado muestra todas las herramientas: SEO, Páginas, Blog y Legal.
Flujo recomendado
- Crea un proyecto nuevo.
- Elige la plantilla inicial.
- Rellena el contenido principal.
- Configura el SEO.
- Elige diseño, paleta y variación visual.
- Añade logo e imágenes.
- Activa o desactiva secciones.
- Revisa el checklist de exportación.
- Exporta la web como ZIP.
- Guarda también el JSON del proyecto como copia de seguridad.
Plantillas por sector
Las plantillas por sector cargan textos iniciales, secciones recomendadas, SEO base y estilo visual sugerido.
Más adelante se añadirán bloques específicos por sector para hacerlas todavía más distintas.
Proyectos
La pestaña Proyectos permite crear, abrir, renombrar, duplicar y borrar proyectos.
Los proyectos se guardan localmente en este navegador. Si borras los datos del navegador, puedes perderlos. Por eso conviene exportar el JSON.
Contenido
La pestaña Contenido controla los textos principales de la web: nombre, título, descripción, botón, servicios y contacto.
Evita dejar textos de ejemplo antes de exportar una web real.
SEO
La pestaña SEO configura los datos que buscadores y redes sociales leerán de la web exportada.
- El título SEO debería ser claro y no demasiado largo.
- La descripción SEO debería explicar la web en una frase útil.
- La URL canónica debe rellenarse cuando conozcas la URL final.
- La imagen social mejora cómo se ve el enlace al compartirlo.
Diseño
La pestaña Diseño permite cambiar presets, paletas, densidad, bordes, cabecera y hero.
El botón Crear variación visual cambia el aspecto manteniendo el contenido, para evitar que todas las webs se parezcan demasiado.
Imágenes
La pestaña Imágenes permite añadir logo, imagen principal y galería.
Las imágenes se guardan dentro del proyecto y se exportan en la carpeta assets.
Si usas imágenes muy pesadas, el proyecto y el JSON pueden pesar mucho. Más adelante se añadirá optimización automática.
Secciones
La pestaña Secciones permite activar o desactivar bloques visibles como servicios, galería, contacto y blog.
Desde v10 también permite cambiar el orden de esas secciones.
Páginas
La pestaña Páginas permite preparar una web multipágina estática.
Puedes activar la exportación multipágina y generar archivos como servicios.html, contacto.html o blog.html.
También puedes añadir páginas personalizadas con título, slug y contenido propio.
Blog
La pestaña Blog permite crear entradas estáticas con título, slug, fecha, categoría, resumen y contenido.
Si el blog está activo, la exportación genera un índice de blog y páginas individuales para cada entrada.
Las entradas se guardan dentro del proyecto y no dependen de base de datos.
Privacidad y legal
La pestaña Legal permite generar páginas básicas de privacidad, aviso legal y cookies.
Los textos son editables y están pensados como base inicial. Para webs vendidas a clientes conviene revisarlos según el caso concreto.
Audio y vídeo
La pestaña Media prepara el soporte para reproductores HTML5 de audio y vídeo.
Desde v19 puedes activar una sección multimedia y editar su título/descripción. La carga real de audio/vídeo se activará después.
Interfaz
El botón de ayuda fijo en la esquina superior izquierda abre esta pestaña en cualquier momento.
La barra de pestañas puede desplazarse horizontalmente cuando no caben todas las secciones.
El botón Vista completa muestra la preview ocupando toda la pantalla y permite volver después al editor.
Exportación
La pestaña Exportar permite descargar el proyecto JSON, todos los proyectos o la web final en ZIP.
La web final exportada incluye HTML, CSS, manifest, robots, sitemap, README, proyecto.json y assets.
Subir a Cloudflare Pages
- Exporta la web como ZIP.
- Descomprime el ZIP.
- Sube la carpeta resultante a Cloudflare Pages.
- Framework preset: None.
- Build command: vacío.
- Output directory: raíz del proyecto.
Buenas prácticas antes de entregar una web
- Revisar móvil, tablet y escritorio.
- Comprobar que no quedan textos de ejemplo.
- Comprobar que el botón principal tiene un enlace real.
- Revisar SEO y URL canónica.
- Revisar que robots.txt no esté en modo no indexar si la web debe aparecer en buscadores.
- Guardar proyecto.json para poder editar la web después.
Hoja de ruta pendiente
- Optimización automática de imágenes. Completado en v8.
- Más plantillas por sector.
- Secciones reordenables. Completado en v10.
- Bloques internos reordenables.
- Páginas múltiples. Completado en v11.
- Blog estático real. Completado en v12.
- Soporte para reproductor de audio y vídeo: fase 1 de interfaz completada en v17.
- Editor de privacidad/legal. Completado en v13.
- Modo rápido y modo avanzado. Completado en v16.
- Ayuda contextual por campo.