> ## Knowledge Base Index > Fetch the complete knowledge base index at: https://help.fotostudio.io/sitemap.xml > Use this file to discover available pages before exploring further. > Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash). # El creador de sitios web de Fotostudio # 🖥️ El creador de sitios web de Fotostudio ## Introducción El creador de sitios web te permite construir tu web directamente en Fotostudio. Su particularidad: está **conectado a tu CRM**. Tus catálogos de servicios, tus galerías, tus formularios de contacto, la reserva en línea y los cheques regalo aparecen en tu web sin introducir nada dos veces. Cambias una tarifa en el CRM y cambia en la web, sin volver a publicar. --- ## Dónde encontrar el creador de sitios web En el menú, ve a **Sitio web** > **Mi sitio web**. El mismo menú da acceso a **Dominios** (la dirección de tu web) y a **Widgets para tu web** (si conservas tu web actual). --- ## Qué incluye tu plan | | Plan Lanzamiento | Plan Pro y superiores | |---|---|---| | **Sitios** | 1 | Hasta 10 | | **Páginas** | 8 por idioma | Ilimitadas | | **Idiomas** | 1 | Varios | | **Dirección** | Dirección Fotostudio (`miestudio.fotostudio.io`) | Dirección Fotostudio y tu propio dominio | | **Biblioteca de imágenes** | 1 GB | Ilimitada | | **Mención «Creado con Fotostudio»** | Siempre visible | Se puede ocultar | **Lo que cuenta dentro de las 8 páginas:** las páginas, las páginas de campaña, las páginas de enlaces de bio y los blogs. Las páginas legales, los artículos del blog, los submenús, los enlaces y las páginas de área de cliente no cuentan. > 💡 Si pasas a un plan inferior, conservas los sitios, idiomas y dominios existentes, pero ya no puedes añadir más. --- ## Crear tu web Al crearla, dos pasos: 1. **Colores y tipografías**: parte de una de tus identidades visuales, o de la paleta de un tema. Luego todo se puede ajustar. 2. **Páginas por crear**: elige un tema, cuyas páginas se rellenan con tus datos (teléfono, dirección, email, Instagram, enlaces de reserva), o **Sitio vacío** para componerla tú, bloque a bloque. ### Los temas | Categoría | Tema | Estilo | Páginas creadas | |---|---|---|---| | **Sitios completos** | Aria | Elegante y aireado, para un estudio que narra | Inicio, Sobre mí, Portafolio, Servicios, Contacto | | | Onyx | Oscuro y a sangre, la foto primero | 5 páginas | | | Sienna | Cálido y redondeado, para familias | 5 páginas | | **Portafolios** | Berlin | Blanco y negro, la cuadrícula ante todo | Inicio, Sobre mí, Contacto | | | Linen | Suave y clásico, a página completa | 3 páginas | | | Nord | Nítido y sereno, para paisajes | 3 páginas | | **Sitio de una página** | Mono | Sobrio, todo en una página | 1 página | | | Sable | Claro y redondo, todo en una página | 1 página | | | Kyoto | Natural y sereno, todo en una página | 1 página | Cada sitio se crea también con las páginas **Aviso legal** y **Política de privacidad**, rellenadas de antemano con los datos de tu empresa. Completa los fragmentos marcados **[a completar]**. > 💡 Puedes cambiar de tema más adelante (pestaña **Diseño** > **Elegir un tema**). Un tema cambia la apariencia y añade las páginas que faltan: nunca modifica una página existente. Tu web empieza como **borrador**: nadie la ve hasta que la publicas. --- ## El editor El editor se compone de un panel a la izquierda, con cuatro pestañas (**Páginas**, **Diseño**, **Estadísticas**, **Ajustes**), y de la vista previa de tu web a la derecha. Los botones **Ordenador**, **Tableta** y **Teléfono** cambian el ancho de la vista previa. ### Los tipos de página Haz clic en **Nueva página** y elige un tipo: | Tipo | Para qué sirve | |---|---| | **Página** | Contenido, compuesto de bloques | | **Submenú** | Agrupa páginas en el menú | | **Enlace** | Lleva a otro lugar (otra dirección, tu tienda...) | | **Área de cliente** | Reserva en línea, mini sesiones, cheques regalo o un catálogo, con el diseño de tu web | | **Blog** | Artículos con fecha, del más reciente al más antiguo | | **Enlaces de bio** | Una columna de botones, para tu bio de Instagram o TikTok | | **Página de campaña** | Una página sin menú ni pie de página, para una oferta o un anuncio | Se proponen plantillas para cada página (Inicio, Sobre mí, Portafolio, Servicios, Contacto, Blog, Artículo...), o **Página en blanco**. ### El menú El menú de tu web es el árbol de páginas de la pestaña **Páginas**. Arrastra y suelta las páginas para reordenarlas o colocarlas en un submenú. Una página también puede **ocultarse del menú** sin dejar de ser accesible desde su enlace. Cada página tiene una **Dirección** editable. Si la cambias, la dirección antigua redirige automáticamente a la nueva. ### Los bloques Una página se compone de bloques, que se añaden con **Añadir un bloque**. Busca un bloque por su nombre, y marca tus preferidos con una estrella para encontrarlos en **Favoritos**. | Categoría | Bloques | |---|---| | **Texto e imágenes** | Texto, Imagen, Galería, Imagen y texto, Tarjetas, Diaporama, Banner | | **Galerías** | Galería vinculada 🔗, Portafolio 🔗 | | **Servicios** | Servicios (introducidos a mano), Catálogo 🔗 | | **Testimonios y FAQ** | Cita, Testimonios, FAQ | | **Enlaces** | Botón, Enlaces con imagen | | **Formularios** | Formulario de contacto 🔗, Suscripción newsletter 🔗 | | **Vídeo** | Vídeo, Vídeo y texto (YouTube, Vimeo) | | **Redes sociales** | Redes sociales, Muro de Instagram | | **Otros** | Colaboradores, Datos de contacto, Lugar (mapa) | | **Blog** | Lista de artículos, Últimos artículos | | **Maquetación** | Espacio, Separador | 🔗 = bloque conectado a tu CRM: | Bloque | Lo que muestra | |---|---| | **Catálogo** | Uno de tus catálogos de servicios. Las tarifas se siguen gestionando en el CRM: un cambio allí se refleja en la web sin volver a publicar. El visitante puede elegir un servicio, o el catálogo sirve solo de escaparate. | | **Galería vinculada** | Las fotos de una de tus galerías públicas (12, 24 o 60 fotos). Una foto añadida a la galería aparece en la web sin volver a publicar. | | **Portafolio** | Las galerías que has marcado como portafolio en Galerías. | | **Formulario de contacto** | Uno de tus formularios de contacto. Cada envío crea un interesado en Fotostudio, como siempre. Los campos se configuran en **Formularios de contacto**. | | **Suscripción newsletter** | El nuevo suscriptor pasa a ser un contacto de tu CRM, con su consentimiento registrado. | > ⚠️ Los bloques **Testimonios**, **FAQ** y **Servicios** se rellenan a mano. Las fotos del **Muro de Instagram** se eligen a mano: no es un feed automático. **Ajustes de cada bloque:** diseño, **Colores** (Claro, Claro matizado, Color principal, Oscuro matizado, Oscuro), **Espaciado** (Compacto, Normal, Amplio) y **Ocultar en móvil**. Los bloques se duplican, se mueven y se eliminan desde su barra de herramientas. ### El diseño La pestaña **Diseño** ajusta la apariencia de toda la web: | Sección | Ajustes | |---|---| | **Colores** | Paletas listas (Natural, Blanco y negro, Arena, Bosque, Océano, Rosado, Terracota, Noche), tus identidades visuales o colores personalizados | | **Encabezado** | Diseño, altura, botón de acción (por ejemplo «Reservar»), botón de área de cliente, encabezado fijo, enlaces en mayúsculas | | **Logotipos** | Logotipo principal y logotipo claro (para fondos oscuros) | | **Icono de la pestaña** | El icono cuadrado que aparece en la pestaña del navegador y en los favoritos | | **Fuentes** | Una fuente para los títulos, otra para el texto | | **Botones, anchuras, esquinas** | Estilo y tamaño de los botones, ancho del contenido, redondeo de las esquinas | | **Animaciones** | Ninguna, Fundido, Deslizamiento, Ampliación, Reducción, Revelado | | **Pie de página** | Un texto y hasta 12 enlaces | ### Las imágenes Las imágenes se gestionan en la **Biblioteca**. También puedes importar una foto desde tus galerías (pestaña **Mis galerías**) y recortar cada imagen. - Formatos aceptados: **JPEG, PNG, WebP** (no se acepta SVG) - Tamaño máximo: **15 MB** por imagen - **Protección de las imágenes**: dificulta la copia, solo en las imágenes o en toda la página. Es un obstáculo, no una medida de seguridad. --- ## Publicar tu web Cada cambio se guarda en tu **borrador**. Mientras el borrador sea distinto de la versión en línea, el botón indica **Cambios sin publicar**. Haz clic en **Publicar** para poner tu web en línea. - **Vista previa**: ver el borrador como un visitante, antes de publicar. - **Poner fuera de línea**: la web deja de ser visible, pero no se pierde nada. El espacio cliente, los presupuestos y las reservas siguen funcionando en tu dirección. **Publicar** la vuelve a poner en línea. - **Una sola web en línea a la vez**: si publicas otra web, la anterior pasa a estar fuera de línea y tu dirección sirve la nueva. ### El historial En **Ajustes** > **Historial**, cada publicación crea una versión. También puedes **Guardar una versión** dándole un nombre (por ejemplo «Antes del rediseño»). | Acción | Efecto | |---|---| | **Restaurar todo el sitio** / **Restaurar esta página** | Sustituye tu borrador por la versión antigua. La web en línea solo cambia en la próxima publicación. | | **Volver a poner en línea** | Pone directamente en línea la versión antigua, sin tocar tu borrador. | Fotostudio conserva las 20 últimas versiones, más todas las que hayas nombrado. --- ## Una web en varios idiomas *Disponible a partir del plan Pro.* En **Ajustes** > **Idiomas**, haz clic en **Añadir** y elige un idioma (francés, inglés, alemán, neerlandés, español, italiano, portugués, con variantes regionales). Tus páginas se copian y se **traducen automáticamente** en unos instantes. - Cada idioma tiene sus propias páginas, que puedes modificar libremente. - Las direcciones de los demás idiomas llevan un prefijo: `/en/...`, `/de/...`. El idioma por defecto no lo lleva. - Cuando modificas la página original, la traducción se marca con «El original cambió desde esta traducción». Usa **Volver a traducir desde el original** para actualizarla. - Los visitantes ven un aviso que les propone la versión en su idioma. > ⚠️ **Quitar este idioma** elimina todas las páginas de ese idioma. --- ## El blog Añade una página de tipo **Blog** y crea tus artículos con **Nuevo artículo**. Cada artículo tiene una fecha de publicación, una imagen de portada, una entradilla y hasta 10 etiquetas. | Estado | Significado | |---|---| | **Borrador** | Sin fecha de publicación: el artículo nunca está en línea | | **Programado** | Con una fecha futura: el artículo se publica solo en esa fecha, una vez publicada la web | | **En línea** | Visible en tu web | La página del blog enumera los artículos (6, 9 o 12 por página) con un filtro por etiqueta. El bloque **Últimos artículos** destaca tus 3, 4 o 6 últimos artículos en cualquier página. Hay un feed RSS disponible en la dirección `/blog/feed.xml`. --- ## La dirección de tu web Tu web necesita una dirección para publicarse. Dos posibilidades, en **Sitio web** > **Dominios**: - una **dirección Fotostudio** (`miestudio.fotostudio.io`), lista al instante e incluida en todos los planes; - **tu propio dominio** (`www.miestudio.es`), a partir del plan Pro. Todos los detalles están en el artículo «Gestionar los dominios de tu web». --- ## Posicionamiento y estadísticas ### Posicionamiento En **Ajustes** > **SEO**: el título de la página de inicio, la descripción y la imagen para compartir (la que aparece cuando alguien comparte tu web en las redes sociales). Cada página puede tener los suyos; si se deja vacío, un campo toma el ajuste de la web. La sección **Posicionamiento local** transmite a Google el nombre, la dirección y el teléfono de tu estudio. Fotostudio genera automáticamente el mapa del sitio (`sitemap.xml`), el archivo `robots.txt` y las etiquetas útiles para los motores de búsqueda. Las páginas de campaña y las páginas de área de cliente no se indexan. En **Ajustes**, también puedes añadir tu identificador de Google Analytics o tu píxel de Meta (**Medición de audiencia**), y activar un **Aviso de cookies**. ### Estadísticas La pestaña **Estadísticas** muestra, en 7 días, 30 días o 12 meses: los visitantes, las páginas vistas, las páginas más vistas, de dónde vienen los visitantes (Google, Instagram, Facebook, Pinterest, TikTok...) y los botones pulsados. > 💡 Las visitas se cuentan sin cookies, directamente en el servidor: no se le pide nada al visitante, y los robots no se cuentan. --- ## El espacio cliente en tu web En **Diseño** > **Encabezado**, activa el **Botón área de cliente en el menú**. Tus clientes introducen su dirección de email, reciben un código de seis cifras y encuentran sus presupuestos, facturas, galerías y sesiones, con el diseño de tu web. Los enlaces de tus emails (presupuestos, facturas, galerías) también se abren en la dirección de tu web. --- ## Modificar tu web con Claude Si has conectado Claude a Fotostudio, puedes pedirle que cree o modifique tu web en lenguaje natural: «añade una página Bodas con mis tarifas», «cambia los colores por algo más cálido»... Claude trabaja **siempre en tu borrador**. Solo publica si se lo pides explícitamente. Tu web tiene que haberse creado antes en **Sitio web** > **Mi sitio web**. --- ## Preguntas frecuentes **Ya tengo una web en WordPress o Wix. ¿Tengo que cambiar?** No. Puedes conservar tu web y añadirle la reserva, los cheques regalo o tus formularios gracias a los widgets (**Sitio web** > **Widgets para tu web**). **Cambio mis tarifas en el CRM. ¿Tengo que volver a publicar la web?** No, en el caso de los bloques **Catálogo**, **Galería vinculada** y **Portafolio**: siempre muestran los datos actualizados. En cambio, el bloque **Servicios** se introduce a mano y se actualiza al volver a publicar. **¿Por qué el botón «Nuevo sitio» está desactivado?** Con el plan Lanzamiento, tienes una sola web. Varias webs están disponibles a partir del plan Pro. **Aparece el mensaje «Has alcanzado el límite de 8 páginas».** El plan Lanzamiento incluye 8 páginas por idioma. Las páginas legales, los artículos del blog, los submenús y los enlaces no cuentan. Para tener páginas ilimitadas, pásate al plan Pro. **Mi imagen es rechazada.** Comprueba su formato (JPEG, PNG o WebP) y su peso (15 MB como máximo). No se aceptan archivos SVG. **¿Cómo elimino una web?** Una web en línea no se puede eliminar: primero ponla fuera de línea. Tu última web no se puede eliminar. **Me equivoqué y publiqué. ¿Puedo volver atrás?** Sí: en **Ajustes** > **Historial**, elige la versión anterior y haz clic en **Volver a poner en línea**. **¿Qué pasa si mi suscripción termina?** Tus visitantes ven una página de espera hasta la renovación. Tu web no se elimina.