Un bouton flottant pour la rétroaction

Connaître l'opinion des visiteurs de notre site est une chose très importante. Il est un site amateur et encore plus dans les sites de nature commerciale, parce qu'en connaissant les pensées de nos utilisateurs, nous pouvons vraiment améliorer notre service.

Il n'est pas rare, par conséquent, être trouvé dans les sites Web qui portent des liens vers les pages de contact où les utilisateurs sont invités à laisser la rétroaction proportionnelle.
La limite d'un simple lien dans cette circonstance est assez évident: très souvent, ces types de liens peuvent être trouvés dans le bas de la page et a la mauvaise visibilité. La façon de corriger est assez simple: nous essayons de faire comprendre comment envoyer des commentaires.

Un efficace et moins intrusive serait de montrer un bouton flottant, un bouton qui reste intacte quelle que soit la faire défiler la page. Dans notre cas, mettre le bouton "coller" au sommet de la page.
Pour le rendre encore plus agréable, quand vous cliquez sur notre bouton dynamiquement apparaissent dans la fenêtre de rétroaction avec un effet slide Nice (de haut en bas).

Nous voyons une capture d'écran sur le bouton avant et après le clic:

Pour ce faire nous avons besoin d'un langage de script pour envoyer vos commentaires (dans mon cas, j'ai utilisé PHP ), quelques lignes de CSS à des éléments de style sur la page et un «peu de JavaScript (JQuery va utiliser la bibliothèque) pour créer des effets spéciaux.

Pour commencer, nous ouvrons notre rédacteur en chef et de créer une nouvelle page PHP. Nous avons d'abord écrire le code pour l'envoi de l'feddback à notre boîte mail:

 



 <? Php







 $ Result = "";







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



  



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



  



 $ From = $ _POST ['email'];



  



 $ Subject = "Les réactions des Dominio.it site";



  



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



  



 $ Headers = ". From: <Internet User" $ De .">";



  



 if (mail ($ destinataire, $ sujet, $ message, $ headers)) {



    



 $ Result = "Désolé, mais il y avait un problème d'envoi des commentaires."



  



 Else {}



    



 $ Result = "Commentaires envoyé avec succès!";



  



 }







 }







 ?>

 

Comme vous pouvez le constater, nous avons vérifié que le formulaire a été traitée, si nous valorizzatole variables pour l'envoi de courriels et d'utiliser l'e-mail natif, nous avons effectué le retour est de donner la confirmation vidéo.

• <<
• 1
• 2
• >>