Como você já deve saber o whatsapp disponibiliza uma API para gerar link de contato pela ferramenta. Essa API tem a opção de gerar o texto com link.
Esse link é bem simples, aqui no site ensino a fazer e tem como gerar automaticamente também. O que complica um pouco é como formatar o texto que pode acompanhar os parâmetros, como tratar os caracteres que não são alfa numéricos. A API irá remover qualquer tipo de código inapropriado, pelo processo de limpeza ou sanitização.
Existe aqui no site, uma maneira bem fácil de gerar o link para o whatsapp já com o texto, basta você usar o link abaixo e dar enter na caixa de texto que o sistema já irá configurar a quebra de linha na url.
Gerador de link com texto para WhatsApp: crie e compartilhe gratuitamente
Se você não quer apenas gerar o link, mas precisa usar isso em algum site ou sistema, vou explicar em seguida como configurar a url, mostrando quais os padrões de codificação usados.
Para usar o texto formatado na API do whatsapp você precisa usar o url encode no seu código, pois assim o texto irá ficar no padrão utilizado em url e que o whatsapp interpreta corretamente.
Isso irá substituir no texto os caracteres que não são letras sem acento e números pelo seu correspondente de acordo com o padrão ASCII. Isso significa que os espaços serão substituídos por %20 por exemplo.
Para o enter ou quebra de linha é usado %0A, e se quiser ainda pular uma linha poder ser usado duas vezes, %0A%0A.
Por exemplo, o texto: "texto sem quebre de linha";
Ficária assim: "texto%20sem%20quebre%20de%20linha";
Agora o "texto com quebra de linha";
Ficaria: "texto%0Acom%0Aquebra%0Ade%0Alinha";
No whatsapp seria impresso assim:
texto
com
quebra
de
linha
Já o "texto pulando linha";
Ficaria: "texto%0A%0Apulando%0A%0Alinha";
No whatsapp seria impresso assim:
texto
pulando
linha
Então o %0A já resolve a quebra de linha, até em navegadores antigos. Se quiser aplicar isso no código clique no link abaixo.
Como fazer formatação de texto do link do whatsapp?
Veja mais:
Como colocar espaço no link do WhatsApp?
Como criar um Bit.ly para WhatsApp?
Como criar um link do whatsapp de graça?
Como criar um link para o seu WhatsApp?
Como criar uma URL personalizada?
Como dar Enter e pular linha no WhatsApp Web?
Como editar o link curto do WhatsApp Business?
Como fazer link whatsapp com anexo?
Como personalizar o link?
Como personalizar uma mensagem no WhatsApp?
Como pular linha no whatsapp android?
como pular linha no whatsapp pelo celular?
Como Pular Linha no Whatsapp Web?
Como pular para outra linha?
como quebrar linha whatsapp web?
Como transformar um texto em link no WhatsApp?
Qual é a diferença entre \n e \r\n?
Que mensagem deixar no link do WhatsApp?
Como gerar um link para WhatsApp?
Como fazer o link do WhatsApp pequeno?
A sigla vem do inglês para Floating Action Button ou seja botão de ação flutuante. É um botão que fica na tela sempre na mesma posição independente da rolagem da página. Apesar de ficar em um canto em tamanho pequeno ele tem uma grande interferência na interface da aplicação ou site. Esse botão flutuante está previsto nos principios do Material Design.
Ele tem um link para outra página ou um submenu com vários outros. Também é utilizado para guardar um chat, ou um link para o whatsapp, ou um botão para subir ao topo da página.
Dependendo da solução pode ser circular, quadrado, arredondado ou com outro formato dependendo do leiaute. Ele dispara uma ação definida na interface do usuário de acordo com o toque ou o clique.
É muito usado em sites, apps e aplicações web. Serve normalmente para mostrar uma ação primária ou comum na página, ou seja para dar continuidade no fluxo principal estipulado. Por isso seu conteúdo fica sobre os outros elementos.
Pode ser usado mais de um FAB na tela, mas se tiverem ações equivalentemente importante. Têm três tamanhos mais usados: regulares em tamanho apropriado e já definido de acordo com a tela, mini com um simbolo menor que se expande ao passar o mouse por cima, ou estendidos que ocupa a largura inteira do bloco ou tela.
A cor do botão normalmente faz contraste com o fundo da página, podendo ser apenas para contrastar no leiaute ou de acordo com a ação. Normalmente fica localizado no canto esquerdo inferior da aplicação.