Aparência do widget

Personalize a aparência da chamada para o Tolvfaq no formato widget. 

Configure a exibição deste item no rodapé do navegador quando o visitante abrir o seu site. Escolha entre 3 diferentes tipos e configure cores, texto e imagem ou ícone. 

Configurando a aparência do balão ou aba do widget

Para a personalização, inicie a sessão com seu login e senha e acesse "Configurações" no painel administrativo para então, entrar em  "Aparência do widget". Ao abrir, você encontra 3 opções visuais. Conheça e opte por exibir um balão ou uma aba.

Veja no vídeo uma amostra de como funciona no site a opção "Exibir balão sem avatar".



Escolha apenas uma opção de exibição do widget:

• Exibir um balão

Ao escolher e configurar esta opção, um balão flutuante com um texto e uma imagem no canto inferior direito do seu site é mostrado. Escreva a chamada e insira a imagem em ".jpg" ou ".png", no tamanho 75x75px. Veja uma amostra visual e conheça os itens a serem preenchidos:

1 - Chamada
Configure o texto que aparecerá no balão.


2 -  Imagem
Faça o upload de uma imagem no formato ".jpg" ou ".png", no tamanho 75x75px.


3 - Cores
Selecione as cores desejadas como: 
- Cor do fundo
- Cor do texto
- Cor da borda de imagem
Obs.: Para facilitar a configuração das cores, tenha em mãos os códigos RGB ou Hexadecimal das cores escolhidas. Caso não tenha essas informações, o editor permite a localização manual das cores desejadas. 


4 - Salvar
Clique no botão "Salvar" para aplicar estas configurações. 

• Exibir balão sem avatar

Ao escolher e configurar esta opção, um balão flutuante com um ícone junto à chamada é mostrado. Além disso, você pode minimizar a aba flutuante e torná-la mais discreta, fixando-a à direita no navegador, facilitando assim, a leitura em alguns casos. Veja uma amostra visual e conheça os itens a serem preenchidos:


1 - Chamada
Configure o texto que aparecerá no balão.


2 -  Ícone
Escolha um ícone para ser mostrado antes da chamada.


3 - Cores
Selecione as cores desejadas como: 
- Cor do fundo
- Cor do texto
- Cor do fundo do ícone
- Cor do ícone
Obs.: Para facilitar a configuração das cores, tenha em mãos os códigos RGB ou Hexadecimal das cores escolhidas. Caso não tenha essas informações, o editor permite a localização manual das cores desejadas. 


4 - Salvar
Clique no botão "Salvar" para aplicar estas configurações. 


• Exibir aba fixa

Ao escolher e configurar esta opção, uma aba fixa no rodapé do navegador com um ícone junto à chamada é mostrado. Veja uma amostra visual e conheça os itens a serem preenchidos:

1 - Chamada
Configure o texto que aparecerá no balão.


2 - Ícone
Escolha um ícone para ser mostrado depois da chamada.


3 - Cores
Selecione as cores desejadas como: 
- Cor do fundo
- Cor do texto
- Cor do fundo do ícone
- Cor do ícone
Obs.: Para facilitar a configuração das cores, tenha em mãos os códigos RGB ou Hexadecimal das cores escolhidas. Caso não tenha essas informações, o editor permite a localização manual das cores desejadas. 


4 - Salvar
Clique no botão "Salvar" para aplicar estas configurações. 

Assista o vídeo para conhecer a tela de personalização. 


Para mostrar a opção de widget no seu site: Clique aqui e veja como instalar.