Documentación
Domina SpeakSite en minutos.
Todo lo que necesitas para crear, editar y publicar sitios web impresionantes con herramientas potenciadas por IA. Desde tu primera página hasta configuraciones avanzadas multilingües.
Interfaz del Chat
Opciones de Envío y Adjuntos.
Panel de Opciones de Envío
El panel desplegable "Opciones de Envío" aparece debajo del área de texto del chat cuando hay opciones disponibles para tu proyecto actual.
Aplicar en Todos los Idiomas
Aparece cuando tu página tiene traducciones configuradas. Después de aplicar cambios en la página actual, el sistema traduce automáticamente esos cambios a todas las demás versiones de idioma.
- Traduce el resultado final a todas las versiones de idioma
- Muestra el costo estimado adicional de tokens
- No lee otras versiones de idioma como contexto
Multipágina
Aparece cuando tu proyecto tiene más de una página. Permite que la IA lea y modifique cualquier página, no solo la actual.
- Lee cualquier página como referencia en tu proyecto
- Modifica archivos compartidos como layouts, componentes y estilos
- Comportamiento inteligente: solo modifica las páginas relevantes
Incrustar Formularios y Adjuntar Imágenes
Inserta formularios y adjunta referencias visuales a tus instrucciones de IA de forma fluida.
Incrustar Formulario
Selecciona un formulario del módulo de Formularios y deja que la IA lo incruste en tu página. Solo elige el formulario del menú desplegable e indica a la IA dónde colocarlo.
Adjuntar Imágenes
Tres formas de añadir imágenes de referencia:
- Botón de clip — Abre el selector de archivos para elegir imágenes
- Ctrl+V / Cmd+V — Pegar desde el portapapeles
- Arrastrar y soltar — Suelta imágenes en el área del chat
Modos de Interacción
Cinco formas de interactuar.
La Barra de Modos se encuentra en la parte inferior del chat. Cada modo cambia la forma en que interactúas con la vista previa en vivo de tu sitio web. Tu modo seleccionado se recuerda entre sesiones.
Seleccionar
Modo predeterminadoHaz clic en cualquier elemento de la vista previa de tu sitio para seleccionarlo. Los elementos seleccionados obtienen un borde azul y una insignia de vista previa sobre el chat.
- Acciones rápidas: Eliminar, Editar, Duplicar, Ver Código
- Selección múltiple: Mantén Alt o Shift para seleccionar varios elementos
Editar Texto / Imagen
Edición directaEdita texto, imágenes y enlaces directamente en la vista previa sin IA. Los cambios se guardan instantáneamente sin costo de créditos.
- Texto: Editor enriquecido con negrita, cursiva, subrayado, enlaces
- Imágenes: Reemplazar imagen o editar texto alternativo
Dibujar
Anotación visualDibuja a mano alzada en la vista previa para resaltar áreas. Opcionalmente dicta instrucciones por voz mientras dibujas.
- Trazos de marcador amarillo semitransparente
- Captura automáticamente el área marcada como imagen de referencia
Solo Ver
Vista previa en vivoTu sitio funciona como un sitio web real — navega, desplázate, interactúa con formularios y prueba enlaces. El área del chat se oculta para que puedas ver la vista previa completa.
Navegar
Seguir enlacesLos enlaces internos navegan dentro del editor. Los enlaces externos se abren en nuevas pestañas. Los enlaces ancla se desplazan normalmente. El chat permanece visible para dar instrucciones mientras navegas.
Estructura de Archivos
Panel alternanteNo es un modo — es un botón alternante que abre un panel lateral mostrando el árbol de archivos completo de tu proyecto. Funciona junto con cualquiera de los cinco modos anteriores.
Barra de Herramientas
Todas tus herramientas, una barra lateral.
En escritorio, la barra de herramientas es una barra lateral vertical a la izquierda. En móvil, se convierte en una cuadrícula flotante accesible desde la esquina inferior derecha. Solo un panel se abre a la vez.
Herramientas de Gestión Principal
Todas las herramientas que necesitas para gestionar contenido, diseño y rendimiento — accesibles desde la barra lateral.
Páginas
Crear, editar, gestionar páginas. Manejar enlaces rotos y redirecciones. Soporte multilingüe.
Menú
Editor visual con arrastrar y soltar, generación con IA, estilos predefinidos e importación desde HTML.
Blog
Crear publicaciones con categorías, programación, imágenes destacadas y versiones multilingües.
Formularios y Leads
Crear formularios, capturar leads, detectar spam, exportar CSV y configurar notificaciones SMTP.
Idiomas
Soporte multilingüe con traducción por IA, estrategias de URL, seguimiento de progreso y widget selector de idiomas.
SEO
Meta títulos, descripciones, palabras clave, directivas robots, imágenes Open Graph, URLs canónicas y vista previa de Google.
Estilos
Recomendador de estilos con IA, paletas de colores, configuración de tipografía, fuentes personalizadas y vista previa en vivo.
Medios
Subir archivos, vistas de cuadrícula/lista, ordenamiento, selección múltiple, arrastrar al editor e información de archivo con copiar ruta.
Configuración
Favicon, título del sitio, dominio personalizado (Pro/Agencia), sitemap, robots.txt, contexto IA, variables de entorno y dependencias Composer.
Consultas IA
Pregunta a la IA sobre tu sitio: consejos SEO, mejoras de accesibilidad, rendimiento, revisión de código y retroalimentación de contenido.
Cola de Consultas
Monitorea operaciones de IA en progreso, pendientes y completadas. Cancelar, reintentar, reportar problemas y ver cambios en archivos.
Barra Superior
Controles del encabezado de un vistazo.
La barra superior contiene navegación, selector de vista, operaciones Git, historial de versiones y controles de publicación.
Diseño de Escritorio
[Atrás] [Nombre/Slug] [Vistas] [SuperAdmin] [Insignias] ---- [Compartir] [Git] [Historial] [Ver en Vivo] [Publicar]
Diseño Móvil
[Atrás] [Nombre] ---- [Historial] [Publicar] [Menú ...]
Selector de Vista
Previsualiza tu sitio en diferentes tamaños de pantalla:
- Móvil: 375px | Tableta: 768px
- Escritorio: 1024px | Completo: 100%
Compartir y Colaborar
Invita a miembros del equipo como Editores o Lectores. Solo el propietario del proyecto ve esta opción.
- Editor: Puede editar páginas y publicar cambios
- Lector: Acceso de solo lectura, sin edición
Historial de Versiones
Explora todas las instantáneas ordenadas por fecha. Cada una muestra la marca de tiempo y el número de archivos.
- Restaurar: Vuelve atrás con copia de seguridad automática
- Las instantáneas se crean automáticamente antes de cada publicación
Despliegue
Operaciones Git y publicación.
Integración Git Completa
Gestiona tu repositorio directamente desde el editor. Crea ramas, haz commits, push, pull y crea PRs — todo sin salir de SpeakSite.
- Gestión de ramas: Cambiar de rama o crear nuevas
- Commit: Preparar cambios con mensajes personalizados
- Push y Pull: Sincronizar con GitHub sin problemas
- Pull Requests: Crear PRs directamente en GitHub
- Actualización automática: El estado se actualiza cada 30 segundos
Publicar Tu Sitio
El botón Publicar adapta su estado para mostrarte exactamente qué está sucediendo:
1. Optimizar
Las imágenes se comprimen y optimizan
2. Respaldo
Instantánea automática por seguridad
3. Subir
Subida FTP con progreso en vivo
4. ¡En Línea!
El sitio está publicado y accesible
Avanzado
Funciones avanzadas para profesionales.
Google Tag Manager
Conecta tu cuenta de GTM, sincroniza recursos y obtén recomendaciones de seguimiento con IA.