Un botó flotant per a la retroalimentació

Conèixer l'opinió dels visitants del nostre lloc és una cosa molt important. És un lloc aficionat i més encara en els llocs de caràcter comercial, ja que només coneixent el pensament dels nostres usuaris que realment podem millorar el nostre servei.

No és estrany, per tant, trobar en els enllaços web que porten en contacte amb pàgines on els usuaris són convidats a deixar la retroalimentació proporcional.
El límit d'un simple enllaç en aquesta circumstància és bastant òbvia: molt sovint aquest tipus d'enllaços es poden trobar al peu de la pàgina i té poca visibilitat. La manera de solucionar és molt senzill: tractar de fer més evident la forma d'enviar comentaris.

Un eficaç i mínimament invasiu seria mostrar un botó flotant, un botó que es manté intacta, independentment del desplaçament de pàgina. En el nostre cas, posar el botó de "enganxar" a la part superior de la pàgina.
Per fer encara més agradable, en fer clic al nostre botó de forma dinàmica apareixerà a la finestra de retroalimentació amb un efecte de diapositives agradable (de dalt a baix).

Veiem una captura de pantalla del botó abans i després del clic:

Per això necessitem un llenguatge de script per a l'enviament d'informació (en el meu cas he fet servir PHP ), unes poques línies de CSS per elements d'estil en la pàgina i un "poc de JavaScript (usarem la llibreria jQuery) per crear efectes especials.

Per començar obrim el nostre editor i crear una nova pàgina PHP. En primer lloc, escriure el codi per a l'enviament de la feddback a la nostra safata d'entrada:

 



 <Php







 $ Resultat = "";







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



  



 $ A = "Webmaster <info@dominio.it>";



  



 Des $ = $ _POST ['email'];



  



 $ Subject = "Els comentaris dels Dominio.it lloc";



  



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



  



 $ Capçaleres = ". De: <usuario de Internet" Des $ .">";



  



 if (mail ($ per, $ assumpte, $ missatge, $ capçaleres)) {



    



 $ Resultat = "Ho sentim, però hi ha un problema en enviar informació."



  



 Else {}



    



 $ Resultat = "Comentaris enviat amb èxit!"



  



 }







 }







 >

 

Com pot veure hem verificat que el formulari ha estat processat, si el que valorizzatole variables per enviar correu electrònic i utilitzar el correu electrònic natiu, hem fet l'enviament de la confirmació de vídeo de donar retroalimentació.

• <<
• 1
• 2
• >>