# Widget para site

Nesta secção poderá configurar o widget de ajuda que irá aparecer no seu website.

Este widget, quando preenchido por um cliente automaticamente criará um caso com a mensagem e dados inseridos. 

A configuração é composta por 4 passos, Widget, Formulário, Blocos e configurações.

Vamos cobrir cada passo individualmente.

### Widget

![](/files/-MTqGeONXeN42kybY0EG)

Nome - Nome interno identificador do widget criado

Empresa - Empresa que o widget vai estar associado

{% hint style="info" %}
Para concluir este passo deverá ter configurado as [**empresas**](/interface/administracao/configuracao-do-espaco/empresas-filiais.md)
{% endhint %}

Idiomas - Idiomas em que o suporte está disponível

Idioma selecionado - Idioma principal a aparecer

Avatar - Imagem a aparecer no canto superior esquerdo do widget

Titulo - titulo do widget

Descrição - Descrição a aparecer no widget

Redes sociais - Redes sociais a aparecer no widget

{% hint style="info" %}
Para ter redes sociais deverá configurar a [**empresa**](/interface/administracao/configuracao-do-espaco/empresas-filiais.md)
{% endhint %}

![](/files/-MTqGm-2pYV8sSaJSdWu)

Tema - Poderá personalizar as cores do widget para que combinem com as cores da sua empresa no site

{% hint style="info" %}
Todas as cores inseridas deverão estar no forma HEX (Ex: #000000 é equivalente a preto)
{% endhint %}

**Configurar botão**

Nome - nome a aparecer no botão

Fundo - Cor de fundo do botão em formato HEX

Rodapé - Texto a aparecer no rodapé.

###

### Formulário

![](/files/-MTqITdnGW7rQv6AxBBZ)

Idioma selecionado - Idioma em que formulário deve aparecer

Título - Título do formulário

Âmbito - Campos que podem aparecer no formulário 

{% hint style="info" %}
o nome e email são obrigatórios por defeito.
{% endhint %}

Ativo - Faz com o que o campo apareça no formulário quando ativo e não apareça quando desativo

Opcional - Obriga o cliente a preencher quando ligado e é opcional quando desligado.

![](/files/-MTqIagHdIGjOkWstPqK)

### Configurar Assuntos - Atribuição de Casos.

{% hint style="info" %}
Nesta secção irá configurar a quem vão ser atribuídos os casos enviados pelos clientes.
{% endhint %}

Categoria - Categoria do caso que será enviado

Assunto - Assunto a aparecer no email

Departamento - Deverá selecionar o departamento que receberá o caso

Responsável - Colaborador responsável pelo caso

{% hint style="info" %}
Deverá ter configurados os [**departamentos**](/interface/administracao/configuracao-do-espaco/departamentos.md)
{% endhint %}

Pipeline - Pipeline em que o caso vai ser inserido

{% hint style="info" %}
Deverá ter [**pipelines configurados**](/interface/servicos/pipelines.md)
{% endhint %}

Estado do pipeline - Estado em que o caso é inserido no pipeline

{% hint style="info" %}
Poderá adicionar mais assuntos e mais departamentos.
{% endhint %}

![](/files/-MTqIgCKstOSph8oMRAi)

### Blocos

Idioma Selecionado - Idioma em que o bloco será apresentado

Titulo - Titulo do bloco

Descrição - Descrição do bloco

Avatar - Imagem a aparecer no bloco

Texto link - Texto que aparecerá no link clicável

URL do link - Link para onde o cliente será redirecionado quando clicar (Ex: [www.airdesk.ai](http://www.airdesk.ai))

Nota - Nota a aparecer perto do link

{% hint style="info" %}
Pode adicionar mais do que um bloco.
{% endhint %}

![](/files/-MTqIld0MPD7QnzFgMVy)

### Configurações

Horário - Mostra no widget o horário de funcionamento da empresa

Contactos - Mostra no widget os contactos principais da empresa

{% hint style="info" %}
Deverá ter configurada a [**empresa**](/interface/administracao/configuracao-do-espaco/empresas-filiais.md)
{% endhint %}

Domínios permitidos - neste campo deve adicionar o(s) domínio(s) da sua empresa (Ex: www,airdesk.ai)

![](/files/-MTqIx9lMkjGlaKsUoNb)

Quando terminar de editar o formulário deverá guardar.

No painel deverá ver o formulário que acabou de criar. É agora altura de o adicionar ao seu website ou plataforma.

{% hint style="danger" %}
Passo de dificuldade avançada. Se não sabe como realizar este passo, envie este link ao desenvolvedor do seu website.
{% endhint %}

Pode agora copiar o snippet, que terá um aspeto semelhante ao abaixo e adicioná-lo imediatamente antes da \</head>.

![](/files/-MAaq1tqnEJmKM8mUTMX)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.airdesk.ai/interface/administracao/configuracao-do-espaco/codigo-para-site.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.