> For the complete documentation index, see [llms.txt](https://docs.airdesk.ai/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.airdesk.ai/interface/administracao/configuracao-do-espaco/codigo-para-site.md).

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