Un botón flotante para la retroalimentación

Conocer la opinión de los visitantes de nuestro sitio es una cosa muy importante. Es un sitio aficionado y más aún en los sitios de carácter comercial, ya que sólo conociendo los pensamientos de nuestros usuarios que realmente podemos mejorar nuestro servicio.

No es raro, por lo tanto, se encuentra dentro de los sitios web que llevan los enlaces en contacto con las páginas donde los usuarios son invitados a dejar el feedback proporcional.
El límite de un simple enlace en esta circunstancia es bastante obvio: muy a menudo este tipo de enlaces se pueden encontrar en el pie de la página y tiene poca visibilidad. La manera de solucionar es bastante simple: tratar de dejar en claro la forma de enviar sus comentarios.

Una eficaz y mínimamente invasivo sería mostrar un botón flotante, un botón que se mantiene intacta, independientemente de la página de desplazamiento. En nuestro caso, poner el botón de "pegar" en la parte superior de la página.
Para hacer aún más agradable, al hacer clic en nuestro botón de forma dinámica aparecerá en la ventana de retroalimentación con un efecto agradable de diapositivas (de arriba a abajo).

Vemos una captura de pantalla del botón antes y después del click:

Para ello necesitamos un lenguaje de script para enviar comentarios (en mi caso he usado PHP ), unas pocas líneas de CSS para elementos de estilo en la página y un "poco de JavaScript (jQuery utilizará la biblioteca) para crear efectos especiales.

Para empezar abrimos el editor y crear una nueva página PHP. En primer lugar, escribir el código para el envío de la feddback a nuestra bandeja de entrada:

 



 <? Php







 $ Resultado = "";







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



  



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



  



 Desde $ = $ _POST ['email'];



  



 $ Subject = "Los comentarios de Dominio.it sitio web";



  



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



  



 $ Cabeceras = ". De: <Usuario de Internet" Desde $ .">";



  



 if (mail ($ para, $ asunto, $ mensaje, $ cabeceras)) {



    



 $ Resultado = "Lo sentimos pero no había un problema al enviar la información."



  



 Else {}



    



 $ Resultado = "Comentarios enviado correctamente";



  



 }







 }







 >

 

Como puede ver hemos verificado que el formulario ha sido procesado, si lo que valorizzatole variables para enviar correo electrónico y utilizar el correo electrónico nativo, nos han llevado a cabo la retroalimentación es dar a la confirmación de vídeo.

• <<
• 1
• 2
• >>