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».


  1. No cartão Ligação para a tua área de cliente, clica em Copiar a ligação
  2. 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.io ou 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

Esse artigo foi útil?

Partilhe o seu feedback

Cancelar

Obrigado!