Componente: Atendimento WhatsApp
- Rafael Jacobe (Deactivated)
Através deste componente é possível definir o ícone do WhatsApp, o posicionamento do ícone na página (vertical e horizontal) e o número para redirecionamento do usuário.
Parametrização
Nome | Descrição | Observação |
|---|---|---|
NumeroAtendimento | Utilizado para informar o número do whatsapp que o usuário será redirecionado. | Ex. +5551987654321. |
UrlImagem | Permite definir a URL do ícone que será exibido. | Importante. Não foi implementado o recuso de imagem estática, ou seja, é necessário que a imagem esteja disponível em um domínio público. |
Posição vertical (0-100) | Utilizado para definir a posição vertical do ícone. |
|
Posição horizontal (0-100) | Utilizado para definir a posição horizontal do ícone. |
|
Configuração de CSS - Ícone do WhatsApp
Classe | Descrição |
|---|---|
.whatsapp-button-action | botão que serve de container para imagem |
.whatsapp-button-action img.whatsapp-button-image | imagem do botão |
Exemplo de implementação CSS
:root .whatsapp-button-image-mobile{
max-width: 90px !important;
}
:root .whatsapp-button-image{
max-width: 140px !important;
}
/Botão whatsapp mobile/
@media only screen and (max-width: 767px){:root .footer .whatsapp-button-action-mobile{display: none;}}