> ## 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).

# 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:

```html
<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.