> ## 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). # O criador de sites Fotostudio # 🖥️ O criador de sites Fotostudio ## Introdução O criador de sites permite-te construir o teu site diretamente na Fotostudio. A particularidade: está **ligado ao teu CRM**. Os teus catálogos de serviços, as tuas galerias, os teus formulários de contacto, a reserva online e os vales oferta aparecem no teu site sem teres de introduzir nada duas vezes. Alteras um preço no CRM, e ele muda no site, sem voltar a publicar. --- ## Onde encontrar o criador de sites No menu, vai a **Site web** > **O meu site**. O mesmo menu dá acesso a **Domínios** (o endereço do teu site) e a **Widgets para o teu site** (se mantiveres o teu site atual). --- ## O que inclui o teu plano | | Plano Launch | Plano Pro e superiores | |---|---|---| | **Sites** | 1 | Até 10 | | **Páginas** | 8 por idioma | Ilimitadas | | **Idiomas** | 1 | Vários | | **Endereço** | Endereço Fotostudio (`meustudio.fotostudio.io`) | Endereço Fotostudio e o teu próprio domínio | | **Biblioteca de imagens** | 1 GB | Ilimitada | | **Menção «Criado com Fotostudio»** | Sempre visível | Pode ser ocultada | **O que conta nas 8 páginas:** as páginas, as páginas de campanha, as páginas de ligações de bio e os blogs. As páginas legais, os artigos de blog, os submenus, as ligações e as páginas de área de cliente não contam. > 💡 Se passares para um plano inferior, manténs os sites, idiomas e domínios existentes, mas deixas de poder adicionar novos. --- ## Criar o teu site Na criação, há dois passos: 1. **Cores e tipos de letra**: parte de uma das tuas identidades visuais, ou da paleta de um tema. Tudo se ajusta depois. 2. **Páginas a criar**: escolhe um tema, cujas páginas são preenchidas com os teus dados (telefone, morada, email, Instagram, ligações de reserva), ou **Site vazio** para compores tu mesmo, bloco a bloco. ### Os temas | Categoria | Tema | Estilo | Páginas criadas | |---|---|---|---| | **Sites completos** | Aria | Elegante e arejado, para um estúdio que narra | Início, Sobre mim, Portefólio, Serviços, Contacto | | | Onyx | Escuro e a toda a largura, a foto primeiro | 5 páginas | | | Sienna | Quente e arredondado, para famílias | 5 páginas | | **Portefólios** | Berlin | Preto e branco, a grelha acima de tudo | Início, Sobre mim, Contacto | | | Linen | Suave e clássico, a página inteira | 3 páginas | | | Nord | Nítido e calmo, para paisagens | 3 páginas | | **Site de uma página** | Mono | Sóbrio, tudo numa página | 1 página | | | Sable | Claro e redondo, tudo numa página | 1 página | | | Kyoto | Natural e sereno, tudo numa página | 1 página | Cada site é também criado com as páginas **Informação legal** e **Política de privacidade**, pré-preenchidas com os dados da tua empresa. Completa as passagens marcadas **[a completar]**. > 💡 Podes mudar de tema mais tarde (separador **Design** > **Escolher um tema**). Um tema muda a aparência e acrescenta as páginas que faltam: nunca altera uma página existente. O teu site começa em **rascunho**: ninguém o vê enquanto não o publicares. --- ## O editor O editor é composto por um painel à esquerda, com quatro separadores (**Páginas**, **Design**, **Estatísticas**, **Definições**), e pela pré-visualização do teu site à direita. Os botões **Computador**, **Tablet** e **Telemóvel** mudam a largura da pré-visualização. ### Os tipos de página Clica em **Nova página** e escolhe um tipo: | Tipo | Para que serve | |---|---| | **Página** | Conteúdo, composto por blocos | | **Submenu** | Agrupa páginas no menu | | **Ligação** | Leva para outro lado (outro endereço, a tua loja...) | | **Área de cliente** | Reserva online, mini sessões, vales oferta ou um catálogo, com o design do teu site | | **Blog** | Artigos datados, do mais recente ao mais antigo | | **Ligações de bio** | Uma coluna de botões, para a tua bio do Instagram ou do TikTok | | **Página de campanha** | Uma página sem menu nem rodapé, para uma oferta ou um anúncio | São propostos modelos para cada página (Início, Sobre mim, Portefólio, Serviços, Contacto, Blog, Artigo...), ou **Página vazia**. ### O menu O menu do teu site é a árvore de páginas no separador **Páginas**. Arrasta e larga as páginas para as reordenar ou arrumar num submenu. Uma página também pode ser ocultada com **Ocultar do menu** e continuar acessível pela sua ligação. Cada página tem um **Endereço** editável. Se o alterares, o endereço antigo redireciona automaticamente para o novo. ### Os blocos Uma página é composta por blocos, adicionados com **Adicionar um bloco**. Procura um bloco pelo nome, e marca os teus preferidos com uma estrela para os encontrares em **Favoritos**. | Categoria | Blocos | |---|---| | **Texto e imagens** | Texto, Imagem, Galeria, Imagem e texto, Cartões, Diaporama, Faixa | | **Galerias** | Galeria ligada 🔗, Portefólio 🔗 | | **Serviços** | Serviços (preenchidos à mão), Catálogo 🔗 | | **Testemunhos e FAQ** | Citação, Testemunhos, FAQ | | **Ligações** | Botão, Ligações com imagem | | **Formulários** | Formulário de contacto 🔗, Inscrição newsletter 🔗 | | **Vídeo** | Vídeo, Vídeo e texto (YouTube, Vimeo) | | **Redes sociais** | Redes sociais, Mural do Instagram | | **Outros** | Parceiros, Contactos, Local (mapa) | | **Blog** | Lista de artigos, Últimos artigos | | **Disposição** | Espaço, Separador | 🔗 = bloco ligado ao teu CRM: | Bloco | O que mostra | |---|---| | **Catálogo** | Um dos teus catálogos de serviços. Os preços continuam a ser geridos no CRM: uma alteração aí reflete-se no site sem voltar a publicar. O visitante pode escolher um serviço, ou o catálogo serve apenas de montra. | | **Galeria ligada** | As fotos de uma das tuas galerias públicas (12, 24 ou 60 fotos). Uma foto adicionada à galeria aparece no site sem voltar a publicar. | | **Portefólio** | As galerias que marcaste como portefólio em Galerias. | | **Formulário de contacto** | Um dos teus formulários de contacto. Cada envio cria um prospeto na Fotostudio, como de costume. Os campos definem-se em **Formulários de contacto**. | | **Inscrição newsletter** | O novo inscrito torna-se um contacto do teu CRM, com o consentimento registado. | > ⚠️ Os blocos **Testemunhos**, **FAQ** e **Serviços** preenchem-se à mão. As fotos do **Mural do Instagram** são escolhidas à mão: não é um feed automático. **Definições de cada bloco:** disposição, **Cores** (Claro, Claro suave, Cor principal, Escuro suave, Escuro), **Espaçamento** (Compacto, Normal, Amplo) e **Ocultar no telemóvel**. Os blocos duplicam-se, movem-se e apagam-se a partir da sua barra de ferramentas. ### O design O separador **Design** define a aparência de todo o site: | Secção | Definições | |---|---| | **Cores** | Paletas prontas (Natural, Preto e branco, Areia, Floresta, Oceano, Rosado, Terracota, Noite), as tuas identidades visuais ou cores personalizadas | | **Cabeçalho** | Disposição, altura, botão de ação (por exemplo «Reservar»), botão área do cliente, cabeçalho fixo, links em maiúsculas | | **Logótipos** | Logótipo principal e logótipo claro (para fundos escuros) | | **Ícone do separador** | O ícone quadrado mostrado no separador do navegador e nos favoritos | | **Tipos de letra** | Um tipo de letra para os títulos, outro para o texto | | **Botões, larguras, cantos arredondados** | Estilo e tamanho dos botões, largura do conteúdo, arredondamento dos cantos | | **Animações** | Nenhuma, Esbatimento, Deslizamento, Ampliação, Redução, Revelação | | **Rodapé** | Um texto e até 12 ligações | ### As imagens As imagens gerem-se na **Biblioteca**. Também podes importar uma foto das tuas galerias (separador **As minhas galerias**) e recortar cada imagem. - Formatos aceites: **JPEG, PNG, WebP** (o SVG não é aceite) - Tamanho máximo: **15 MB** por imagem - **Proteção das imagens**: dificulta a cópia, só nas imagens ou em toda a página. É um obstáculo, não uma segurança. --- ## Publicar o teu site Cada alteração é guardada no teu **rascunho**. Enquanto o rascunho for diferente da versão online, o botão indica **Alterações não publicadas**. Clica em **Publicar** para pôr o teu site online. - **Pré-visualização**: ver o rascunho como um visitante, antes de publicar. - **Colocar offline**: o site deixa de estar visível, mas nada se perde. A área de cliente, os orçamentos e as reservas continuam a funcionar no teu endereço. **Publicar** volta a pô-lo online. - **Um só site online de cada vez**: se publicares outro site, o anterior passa a offline e o teu endereço passa a servir o novo. ### O histórico Em **Definições** > **Histórico**, cada publicação cria uma versão. Também podes **Guardar uma versão** dando-lhe um nome (por exemplo «Antes da remodelação»). | Ação | Efeito | |---|---| | **Restaurar todo o site** / **Restaurar esta página** | Substitui o teu rascunho pela versão antiga. O site online só muda na próxima publicação. | | **Voltar a colocar online** | Põe diretamente online a versão antiga, sem mexer no teu rascunho. | A Fotostudio guarda as últimas 20 versões, mais todas as que tiveres nomeado. --- ## Um site em vários idiomas *Disponível a partir do plano Pro.* Em **Definições** > **Idiomas**, clica em **Adicionar** e escolhe um idioma (francês, inglês, alemão, neerlandês, espanhol, italiano, português, com variantes regionais). As tuas páginas são copiadas e **traduzidas automaticamente** em poucos instantes. - Cada idioma tem as suas próprias páginas, que podes editar livremente. - Os endereços dos outros idiomas têm um prefixo: `/en/...`, `/de/...`. O idioma padrão não tem. - Quando alteras a página original, a tradução é assinalada com «O original mudou desde esta tradução». Usa **Retraduzir a partir do original** para a atualizar. - Os visitantes veem uma faixa que lhes propõe a versão no seu idioma. > ⚠️ **Remover este idioma** apaga todas as páginas desse idioma. --- ## O blog Adiciona uma página do tipo **Blog** e depois cria os teus artigos com **Novo artigo**. Cada artigo tem uma data de publicação, uma imagem de capa, um resumo e até 10 etiquetas. | Estado | Significado | |---|---| | **Rascunho** | Sem data de publicação: o artigo nunca fica online | | **Agendado** | Com uma data futura: o artigo aparece sozinho nessa data, depois de o site ser publicado | | **Online** | Visível no teu site | A página do blog lista os artigos (6, 9 ou 12 por página) com um filtro por etiqueta. O bloco **Últimos artigos** destaca os teus 3, 4 ou 6 artigos mais recentes em qualquer página. Está disponível um feed RSS no endereço `/blog/feed.xml`. --- ## O endereço do teu site O teu site precisa de um endereço para ser publicado. Há duas possibilidades, em **Site web** > **Domínios**: - um **endereço Fotostudio** (`meustudio.fotostudio.io`), pronto de imediato e incluído em todos os planos; - **o teu próprio domínio** (`www.meustudio.pt`), a partir do plano Pro. Todos os detalhes estão no artigo «Gerir os domínios do teu site». --- ## SEO e estatísticas ### SEO Em **Definições** > **SEO**: o título da página inicial, a descrição e a imagem de partilha (mostrada quando alguém partilha o teu site nas redes sociais). Cada página pode ter os seus; se ficar vazio, um campo usa a definição do site. A secção **Referenciação local** transmite à Google o nome, a morada e o telefone do teu estúdio. A Fotostudio gera automaticamente o mapa do site (`sitemap.xml`), o ficheiro `robots.txt` e as etiquetas úteis para os motores de busca. As páginas de campanha e as páginas de área de cliente não são indexadas. Em **Definições**, também podes adicionar o teu identificador do Google Analytics ou o teu pixel da Meta (**Medição de audiência**), e ativar um **Aviso de cookies**. ### Estatísticas O separador **Estatísticas** mostra, em 7 dias, 30 dias ou 12 meses: os visitantes, as páginas vistas, as páginas mais vistas, de onde vêm os visitantes (Google, Instagram, Facebook, Pinterest, TikTok...) e os botões clicados. > 💡 As visitas são contadas sem cookies, diretamente no servidor: nada é pedido ao visitante, e os robôs não são contados. --- ## A área de cliente no teu site Em **Design** > **Cabeçalho**, ativa o **Botão área do cliente no menu**. Os teus clientes escrevem aí o seu endereço de email, recebem um código de seis dígitos e encontram os seus orçamentos, faturas, galerias e sessões, com o design do teu site. As ligações dos teus emails (orçamentos, faturas, galerias) também abrem no endereço do teu site. --- ## Editar o teu site com o Claude Se ligaste o Claude à Fotostudio, podes pedir-lhe que crie ou edite o teu site em linguagem natural: «adiciona uma página Casamentos com os meus preços», «muda as cores para algo mais quente»... O Claude trabalha **sempre no teu rascunho**. Só publica se lho pedires explicitamente. O teu site tem de ter sido criado previamente em **Site web** > **O meu site**. --- ## Perguntas frequentes **Já tenho um site no WordPress ou no Wix. Tenho de mudar?** Não. Podes manter o teu site e adicionar-lhe a reserva, os vales oferta ou os teus formulários graças aos widgets (**Site web** > **Widgets para o teu site**). **Altero os meus preços no CRM. Tenho de voltar a publicar o site?** Não, no caso dos blocos **Catálogo**, **Galeria ligada** e **Portefólio**: mostram sempre os dados atualizados. Em contrapartida, o bloco **Serviços** é preenchido à mão e atualiza-se quando voltas a publicar. **Porque é que o botão «Novo site» está desativado?** Com o plano Launch, tens um só site. Vários sites estão disponíveis a partir do plano Pro. **Aparece a mensagem «Limite de 8 páginas atingido».** O plano Launch inclui 8 páginas por idioma. As páginas legais, os artigos de blog, os submenus e as ligações não contam. Para ter páginas ilimitadas, passa para o plano Pro. **A minha imagem é recusada.** Verifica o formato (JPEG, PNG ou WebP) e o tamanho (15 MB no máximo). Os ficheiros SVG não são aceites. **Como apago um site?** Um site online não se pode apagar: coloca-o offline primeiro. O teu último site não pode ser apagado. **Enganei-me e publiquei. Posso voltar atrás?** Sim: em **Definições** > **Histórico**, escolhe a versão anterior e clica em **Voltar a colocar online**. **O que acontece se a minha subscrição terminar?** Os teus visitantes veem uma página de espera até à renovação. O teu site não é apagado.