En flytende knapp for tilbakemelding

Kjenn den oppfatning av besøkende til nettstedet vårt er en veldig viktig ting. Han er en amatør hotellet og enda mer i de områder av kommersiell natur, fordi bare ved å vite tankene til våre brukere kan vi virkelig forbedre tjenesten vår.

Det er ikke uvanlig, derfor finnes innenfor de nettsteder som har linker til å kontakte sider der brukerne inviteres til å forlate proporsjonal tilbakemeldinger.
Grensen på en enkel kobling i dette forholdet er ganske innlysende: svært ofte disse typer koblinger kan finnes i bunnteksten på siden, og har dårlig sikt. Den måten å fikse er ganske enkel: vi prøver å gjøre det klart hvordan å sende tilbakemelding.

En effektiv og minimalt påtrengende ville være å vise en flytende knapp, en knapp som forblir intakt uansett siden bla. I vårt tilfelle sette knappen "lime" til toppen av siden.
For å gjøre det enda bedre, vil når du klikker på knappen våre dynamisk vises i tilbakemeldingene vinduet med en fin gli effekt (fra øverst til nederst).

Vi ser et skjermbilde av knappen før og etter klikk:

For å gjøre dette trenger vi et skriptspråk å sende tilbakemelding (i mitt tilfelle brukte jeg PHP ), et par linjer med CSS for å style elementer på siden og litt "av JavaScript (jQuery vil bruke biblioteket) for å opprette spesielle effekter.

Til å begynne med vi åpner våre redigeringsprogrammet, og opprett en ny PHP-side. Først skal vi skrive koden for å sende feddback til innboksen vår:

 



 <? Php







 $ Resultat = "";







 if (Isset ($ _POST ['feedbackSubmit']) og $ _POST ['feedbackSubmit']===' submit') {



  



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



  



 $ Fra = $ _POST ['email'];



  



 $ Emne = "Tilbakemelding fra nettstedet Dominio.it";



  



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



  



 $ Topptekster =. "Fra: Bruker Internet <" $ Fra .">";



  



 if (mail ($ til, $ emne, $ melding, $ overskrifter)) {



    



 $ Resultat = "Beklager, men det var et problem å sende tilbakemelding."



  



 Else {}



    



 $ Resultat = "Feedback sendt!";



  



 }







 }







 ?>

 

Som du ser har vi verifisert at formen har blitt behandlet, så vi valorizzatole variabler for å sende e-post og bruke den innfødte e-post, har vi gjennomført tilbakemeldingene gir video bekreftelse.

• <<
• 1
• 2
• >>