Un floating button per i feedback
Pagina 1 di 2
Conoscere l'opinione dei visitatori del nostro sito è una cosa molto importante. Lo è in un sito amatoriale ed ancora di più in siti aventi natura commerciale, in quanto solo conoscendo il pensiero dei nostri utenti potremo realmente migliorare il nostro servizio.
Non è infrequente, pertanto, trovare all'interno dei siti web dei link che portano a pagine di contatto in cui gli utenti vengono invitati a lasciare i propori feedback.
Il limite di un semplice link in questa circostanza è piuttosto evidente: molto spesso questa tipologia di collegamenti si trova nel footer della pagina e gode di scarsa visibilità. Il modo per ovviare è piuttosto semplice: cerchiamo di rendere più evidente la modalità per l'invio di feedback.
Un modo efficace e poco invadente potrebbe essere quello di mostrare un floating button, cioè un bottone che resta fisso indipendentemente dallo scroll di pagina. Nel nostro caso posizioneremo il bottone "incollandolo" al margine superiore della pagina.
Per rendere la cosa ancora più carina, al click sul nostro bottone faremo comparire dinamicamente la finestra di feedback con un bel effetto slide (dall'alto verso il basso).
Vediamo uno screenshot del bottone prima e dopo il click:
Per cominciare apriamo il nostro editor e creiamo una nuova pagina PHP. Per prima cosa scriviamo il codice per l'invio del feddback alla nostra casella email:
<?php
$esito="";
if (isset($_POST['feedbackSubmit']) and $_POST['feedbackSubmit']==='Invia') {
$to = "Webmaster<info@dominio.it>";
$from = $_POST['email'];
$subject = "Feedback dal sito Dominio.it";
$body = stripslashes($_POST['msg']);
$intestazioni= "From:Utente Internet<".$from.">";
if (!mail($to, $subject, $message, $intestazioni)) {
$esito = "Ci dispiace ma si è verificato un problema nell'invio del feedback.";
}else{
$esito = "Feedback inviata con successo!";
}
}
?>
Come potete vedere abbiamo verificato che il modulo sia stato processato, in caso affermativo abbiamo valorizzatole variabili per l'invio dell'email e, tramite la funzione nativa email, abbiamo effettuato l'invio del feedback dandone conferma a video.
