Os widgets: a Fotostudio no teu site
🧩 Os widgets: a Fotostudio no teu site
O que é um widget?
Já tens um site no WordPress, Wix, Squarespace ou noutro lado? Os widgets permitem-te integrar nele a reserva, as mini sessões, os vales oferta, os teus catálogos ou os teus formulários de contacto, diretamente nas tuas páginas e com as tuas cores.
Os teus visitantes reservam ou compram sem sair do teu site, e tudo chega à Fotostudio: contactos, sessões, pagamentos.
💡 Tens um site Fotostudio? Estes módulos já lá estão, sem código a colar. Vê o artigo «O criador de sites Fotostudio».
Onde encontrar os widgets
No menu, vai a Site web > Widgets para o teu site.
Os módulos disponíveis
Escolhe o módulo na lista Módulo:
Grupo | Módulo | O que o visitante vê |
|---|---|---|
Área de cliente | Reservas online | As vagas disponíveis, para todos os serviços |
Mini sessões | A página de reserva das tuas mini sessões | |
Vales oferta | A loja de vales oferta | |
Inscrição newsletter | Um formulário de inscrição na tua newsletter | |
Catálogos | Um catálogo | Os serviços e preços de um dos teus catálogos |
Formulários de contacto | Um formulário | Um dos teus formulários de contacto |
Reserva online, um só tipo de sessão ou um evento | Um tipo de sessão, ou um evento | A reserva limitada a esse tipo de sessão ou a esse evento |
Mini sessões, um só tipo de sessão | Um tipo de mini sessão | A reserva limitada a esse tipo de mini sessão |
Porque é que um módulo não aparece na lista?
- Um tipo de sessão só aparece se tiver disponibilidades de reserva online (para nunca mostrar um calendário vazio).
- Os tipos de mini sessão arquivados ficam ocultos.
- Se a lista estiver vazia, cria primeiro um serviço, um catálogo ou um formulário de contacto.
Se tiveres várias identidades visuais, uma lista Identidade visual permite escolher a do widget.
Integrar um widget em 3 passos
Passo 1: Escolher o módulo
Seleciona o módulo em O módulo a integrar. A Pré-visualização no fundo da página mostra o widget tal como vai aparecer no teu site, com as tuas cores.
Passo 2: Copiar o código
Em O código a colar, clica em Copiar o código. O código é parecido com este:
<div data-fs-widget="booking" data-fs-photographer="..."></div>
<script src="https://www.fotostudio.io/embed.js" async></script>
Passo 3: Colar o código no teu site
Cola este código na tua página, no sítio onde o módulo deve aparecer:
Plataforma | Onde colar o código |
|---|---|
WordPress | Um bloco «HTML personalizado» no editor de página |
Wix | Adicionar > Incorporar > «Incorporar um código» (Embed HTML) |
Squarespace | Um bloco «Código» na página |
Noutro lado | Qualquer sítio que aceite HTML |
O widget ocupa toda a largura disponível, e a altura ajusta-se sozinha ao conteúdo. Podes colocar vários widgets na mesma página.
💡 Nada a declarar nem a autorizar: o widget funciona em qualquer site assim que o código é colado.
Ajustar a aparência
Por defeito, os teus widgets usam as cores e o tipo de letra da tua identidade visual. Para os ajustares ao teu site, usa o cartão Aparência dos widgets:
Definição | Por defeito |
|---|---|
Cor principal | A cor da tua identidade visual |
Cor do texto | Cinzento escuro (#333) |
Cor de fundo | Transparente: o widget usa o fundo do teu site |
Cantos arredondados (px) | Os da tua identidade, de 0 a 32 |
Tipo de letra | O da tua identidade visual |
Deixa um campo vazio para manter o valor da tua identidade visual e depois clica em Guardar. Se tiveres várias identidades visuais, cada uma tem as suas próprias definições.
💡 Estas definições dizem respeito apenas aos widgets. A tua área de cliente, aberta diretamente, mantém a aparência habitual.
A ligação para a tua área de cliente
A área de cliente (orçamentos, faturas, contratos, galerias) não se integra como widget: é uma ligação a colocar no menu do teu site, por exemplo com o nome «Área de cliente».
- No cartão Ligação para a tua área de cliente, clica em Copiar a ligação
- Adiciona esta ligação ao menu do teu site (WordPress, Wix, Squarespace ou noutro lado)
Os teus clientes escrevem o seu endereço de email e recebem um código de acesso.
💡 Sem um endereço com o teu nome, a ligação usa o endereço da Fotostudio. Escolhe um endereço como
meustudio.fotostudio.ioou o teu próprio domínio (ligação Escolher o meu endereço): a ligação passará a ter o teu nome, e as ligações dos teus emails também. Vê o artigo «Gerir os domínios do teu site».
Inscrição na newsletter
No cartão Inscrição na newsletter, marca Pedir uma confirmação por email para que a inscrição só conte depois de clicada a ligação de confirmação. Nenhum endereço falso ou escrito por outra pessoa entra na tua lista, e os teus envios chegam melhor.
Esta definição aplica-se a todos os teus formulários de newsletter, incluindo num site Fotostudio.
Onde os teus widgets são mostrados
O cartão Onde os teus widgets são mostrados lista automaticamente os sites que mostram um dos teus módulos, com a data da última visita e um número aproximado de visualizações. Não tens de fazer nada.
💡 Um site pode demorar um pouco a aparecer, e alguns navegadores antigos não são detetados: a ausência de um site na lista não quer dizer que o widget não funcione.
É bom saber
Ponto | Detalhe |
|---|---|
Cookies | O widget não precisa de cookies de terceiros: funciona no Safari, Firefox e Chrome |
Pagamento | O pagamento (cartão, PayPal, 3-D Secure) abre sempre numa página segura em ecrã inteiro, e depois um botão leva o cliente de volta ao teu site |
Telemóvel | O widget adapta-se à largura do ecrã |
SEO | O conteúdo do widget não é indexado pelos motores de busca |
A tua conta | No widget, nunca tens sessão iniciada: vês exatamente o que um cliente vê |
Perguntas frequentes
O widget não aparece na minha página.
Verifica se o código foi colado por inteiro (o <div> e a linha <script>), num bloco que aceite HTML. Alguns editores não mostram os scripts no modo de edição: vê a página publicada.
A minha ferramenta recusa scripts.
Escreve-nos: vamos ver juntos a melhor solução para a tua plataforma.
O widget mostra uma página vazia.
O módulo pode ter sido apagado (catálogo, formulário ou tipo de mini sessão). Escolhe de novo o módulo em Site web > Widgets para o teu site e volta a colar o código.
Alterei os meus preços ou as minhas disponibilidades. Tenho de voltar a colar o código?
Não. O widget mostra sempre os dados atualizados da Fotostudio.
Tinha integrado um formulário de contacto com o código antigo (iframe). Ainda funciona?
Sim, os códigos antigos continuam a funcionar. O novo código tem a vantagem de ajustar a altura sozinho.
Posso integrar uma galeria ou a minha área de cliente completa?
Não. A área de cliente abre-se através de uma ligação (ver acima), e as galerias partilham-se pela ligação habitual.
O meu cliente tem de criar uma conta para reservar?
Não. Reserva diretamente no widget, e os dados dele chegam à Fotostudio.
Actualizado em: 30/09/2026
Obrigado!
