En flytande knapp för återkoppling

Vet yttrande besökare till vår webbplats är en mycket viktig sak. Han är en amatör plats och ännu mer i de områden av kommersiell natur, eftersom det bara är genom att veta tankar våra användare kan vi verkligen förbättra vår service.

Det är inte ovanligt, därför hittas inom de webbplatser som bär länkar till kontakt sidor där användare uppmanas att lämna den proportionella feedback.
Gränsen för en enkel länk i denna omständighet är ganska uppenbart: mycket ofta dessa typer av länkar finns i sidfoten på sidan och har dålig sikt. Det sättet att åtgärda är ganska enkel: vi försöker att göra det tydligt hur du skickar feedback.

En effektiv och minimala ingrepp skulle vara att visa en flytande knapp, en knapp som förblir intakt oavsett sidan bläddra. I vårt fall satte knappen "klistra" till toppen av sidan.
För att göra det ännu trevligare, kommer när du klickar på vår knapp dynamiskt visas i återkoppling fönstret med en snygg slide effekt (från topp till botten).

Vi ser en skärmdump av knappen före och efter klicka på:

För att göra detta behöver vi ett skriptspråk för att skicka feedback (i mitt fall använde jag PHP ), några få rader CSS till stil element på sidan och lite "av Javascript (jQuery kommer att använda biblioteket) för att skapa specialeffekter.

Till att börja med öppnar vi vår redigerare och skapa en ny PHP-sida. Först ska vi skriva koden för att skicka feddback till vår inkorg:

 



 <? Php







 $ Result = "";







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



  



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



  



 $ Från = $ _POST ['email'];



  



 $ Subject = "Feedback från webbsidan Dominio.it";



  



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



  



 $ Headers =. "Från: Användare internet <" $ från .">";



  



 if (mail ($ till, $ subject, $ message, $ headers)) {



    



 $ Result = "Ledsen, men det fanns ett problem att skicka feedback."



  



 Else {}



    



 $ Result = "Feedback skickad!";



  



 }







 }







 ?>

 

Som du kan se att vi har verifierat att formen har behandlats, om så vi valorizzatole variabler för att skicka e-post och använda de infödda e-post, har vi genomfört den feedback som ger video bekräftelse.

• <<
• 1
• 2
• >>