Um botão flutuante para feedback

Conhecer a opinião dos visitantes do nosso site é uma coisa muito importante. Ele é um site amador e ainda mais nos locais de natureza comercial, pois somente conhecendo os pensamentos de nossos usuários que realmente podemos melhorar o nosso serviço.

Não é incomum, portanto, ser encontrado nos sites que carregam links para páginas de contato onde os usuários são convidados a deixar o feedback proporcional.
O limite de um simples link nesta circunstância é bastante óbvio: muitas vezes estes tipos de ligações podem ser encontrados no rodapé da página e tem pouca visibilidade. A maneira de corrigir é muito simples: nós tentamos deixar claro como enviar feedback.

Um efetivo e minimamente invasivo seria mostrar um botão flutuante, um botão que permanece intacto, independentemente da rolagem da página. No nosso caso, coloque o botão "colar" ao topo da página.
Para tornar ainda mais agradável, quando você clica em nosso botão dinamicamente aparecer na janela de feedback com um efeito de slide agradável (de cima para baixo).

Vemos uma imagem do botão antes e depois do clique:

Para fazer isso precisamos de uma linguagem de script para enviar um feedback (no meu caso eu usei PHP ), algumas linhas de CSS para elementos de estilo na página e um "pouco de JavaScript (jQuery irá usar a biblioteca) para criar efeitos especiais.

Para começar vamos abrir o nosso editor e criar uma página PHP nova. Primeiro vamos escrever o código para enviar o feddback à nossa caixa de entrada:

 



 <? Php







 $ Resultado = "";







 if (isset ($ _POST ['feedbackSubmit']) e US $ _POST ['feedbackSubmit']===' submit') {



  



 $ Para = "webmaster <info@dominio.it>";



  



 $ From = $ _POST ['email'];



  



 $ Assunto = "Feedback de Dominio.it website";



  



 $ Body = stripslashes ($ _POST ['msg']);



  



 $ Headers = ". From: <Internet do usuário" $ De .">";



  



 if (mail ($ para, $ assunto, $ mensagem, $ headers)) {



    



 $ Resultado = "Desculpe, mas houve um problema no envio do feedback."



  



 Else {}



    



 $ Resultado = "Feedback enviada com sucesso!";



  



 }







 }







 ?>

 

Como você pode ver, temos verificado que o formulário foi processado, se assim for vamos valorizzatole variáveis ​​para o envio de e-mail e usar o e-mail nativo, temos realizado o gabarito está dando a confirmação de vídeo.

• <<
• 1
• 2
• >>