Bilda feedback vad du behöver. Webbdesign och sökmotoroptimering

Från författaren: Hälsningar till dig, vänner. Den här artikeln kommer att vara en fortsättning där vi genomförde att skicka formulärdata till servern utan att starta om sidan. Här kommer vi att fortsätta detta ämne och lära oss hur du tar data på servern och implementerar sändningen av formuläret till e-post (e-post). Så, låt oss konfigurera feedbackformuläret och lägga till möjligheten att skicka den till e-post.

Källfiler i den aktuella artikeln Du kan ladda ner programvara.

I den här lektionen gör vi allt så enkelt som möjligt och på egen hand. I synnerhet, för att skicka bokstäver, använder vi den speciella PHP-funktionen som heter Mail (), som brukade användas tidigare för att skicka bokstäver.

Låt oss börja med syntaxen Mail-funktion. Den här funktionen har tre obligatoriska parametrar och två valfria (ej obligatoriska). Obligatoriska parametrar:

till - E-postmottagare (du kan också ange flera adresser, överföra dem via kommatecken);

Ämne - föremålet för brevet

meddelande - Letter Text.

Från valfria parametrar används bara den första nästan alltid, vilket är ansvarigt för brevets rubriker: kodning, avsändare, brev typ etc.

Låt oss försöka skicka ett brev med den här funktionen. Gör det i den mail.php-fil där vi accepterar data från formuläret. Den nya koden i den här filen är:

Ditt meddelande publiceras

Fel!

Det här är den lägsta koden som redan tillåter dig att bilda ett meddelande som ska skickas. Låt oss kontrollera hur det fungerar:

Som du kan se fungerar koden, som svar, får vi ett meddelande som brevet skickat. Eftersom vi arbetar på en lokal server, skickas här bokstäverna egentligen inte till funktionen Mail (), de sparas som en textfil i en speciell mapp. I öppen server är det här en mapp \\ UserData \\ Temp \\ Email \\. Låt oss öppna den här mappen och se till att brevet är där, det kommer att se ut så här:

Excellent! Det finns flera punkter kvar, vilket inte hindrar JS-skriptet. Till exempel måste du visa ett meddelande som inte är med enkel text, nämligen HTML-koden, samt radera formulärfälten efter att meddelandet skickats. Den slutliga JS-koden kommer att vara:

$ (Funktion (). Skicka in (E.PreventDefault (E) VAR-data \u003d $ (detta) .Serialize (); $ .AJAX ((URL: "Mail.php", Typ: "Post", Data: Data, Beforsert: Funktion () ($ ("# Skicka"). Nästa (). Text (jag "Skicka ...);), Framgång: Funktion (Res) ($ (" Input "). Hitta (" Input " ). Val (""); $ ("# skicka"). Nästa (). Html (res);), fel: funktion () (alert ("fel!");)));));))));));))));));)) ;

Det är svårt att skicka in en webbplats utan återkopplingsformulär.

Därför, om det inte finns någon kontaktpartition på din resurs - är det värt att installera det. Berätta hur man gör det.

Lösningar för att organisera feedback

Naturligtvis finns det flera sätt att organisera feedback på webbplatsen: från Universal Scripts till PHP till plugins och moduler för CMS. Det är, behovet av att skriva koden manuellt, som du kan se nej.

Du kan utnyttja följande universella lösningar:

• tillgripa gratis online-tjänster som automatiskt genererar HTML-kommunikationskod. Men PHP-bearbetningsfilen måste skriva och sätta på egen hand. Här är en av resurserna för dessa ändamål.
• Kontakta hjälp av gratis online-tjänster som genererar HTML-kod och tillhandahåller datahanterare till PHP som ofta placeras på servrar av dessa tjänster. Ett av exemplen på sådana resurser
• Hitta på internetfria skript för att ställa in feedbackformuläret. Detta alternativ är tillämpligt för personer som känner till en viss nivå av HTML och PHP, eftersom skriptet i alla fall måste anpassa sig speciellt till din webbplats.

Ändå är utökad kunskap om webbplatsens anställning från användare ofta inte nödvändig - Universitet och ett brett urval av lösningar gör det möjligt att fastställa önskat återkopplingsformulär med något av ovanstående metoder.

Enkel installation av feedback för HTML

Tänk på ett av de mest populära programmen för att skriva och installera HTML-återkopplingsformulär. Bredt valet presenteras, till exempel på denna sida. Webbplatsen är ryskspråk, det är lätt att bestämma valet, och själva installationen tar inte mer än tre minuter.

Men först bör du inte glömma att göra ändringar i standard config.php-filen - du måste ändra kodningen och skriva rätt e-postadress till mottagaren.

Mappen med korrigerade filer måste kopieras till platsens rotkatalog, men innan det begränsar indexeringen i robots.txt-filen ( Tillåt: / Sendmail-Zakaz).

I huvudsak är det allt - om åtgärder utförs korrekt, kommer den färdiga formen att se ut så här:

Det finns konstruktörer av återkopplingsformulär som inte kräver stöd för phr. Överväga en av dem. Efter länken på länken ser du fönstret, vilket ger de inställningar som du kan skapa önskad form.

När alla nödvändiga parametrar görs bör du ange en kontrollpunkt och klicka på "Generera" -knappen och sedan "Hämta koden".

Den resulterande koden du behöver för att helt enkelt kopiera till den valda sidan på webbplatsen.

Du kan göra en enkel kontaktform personligen. För att göra detta, skapa en form.php-fil och spara följande kod i den:

För att bilda en form behöver du en bearbetningsfil. Låt oss kalla det mail.php och spara det till en sådan kod:

Feedbackformulär i Joomla

I detta vackra universella styrsystem kan återkopplingsformuläret konfigureras med komponenten "Kontakter". Det är ganska enkelt, men ändå är dess funktionalitet tillräckligt för normal drift.

Så, för att konfigurera komponenten gå in i en administrativ panel och välj fliken "Komponenter / Kontakter / Kontaktkategorier".

En sida öppnas som ingen kategori inte kommer att vara. För att skapa det, klicka på knappen "Ny".

Systemet kommer att erbjuda att fylla i fälten "Titel" och "pseudonym". Efter att ha gjort det måste du lägga ett tick "ja" i linjen "Publicerad".

Inställningar måste sparas genom att trycka på knappen med samma namn i det övre högra hörnet av fönstret. I kategorin är det kvar att skapa en sida med en kontaktformulär. För att göra detta, gå till fliken "Kontakter" och klicka på "Ny" -knappen i övre högra hörnet.

Fyll i dialogrutan Öppna. Var noga med att fylla "namn" -strängen, pseudonymsträngen. Vi sätter kryssrutan "Ja" i raden "Publicerad" och anger kategorin av denna kontakt. Går lite nedan, hittar du "User Communications" -fönstret, där du vill ange kontaktkvittans kontaktperson.

Fältet "Information" är också slutförd, där du måste ange formuläret på formuläret på webbplatsen och mottagarens e-postadress. De återstående menyalternativen kan fylla på önskemål.

Feedbackformuläret är konfigurerat, det är kvar på platsen. För dessa ändamål måste du gå till den administrativa panelen och genom att välja fliken "Meny", bestämma om reflektionspunkten.

På den här menyn skapar du ett nytt objekt. För att göra detta, klicka på knappen "Skapa" och välj "Kontakter / Sidkontakt" i menyn som öppnas.

En sida som du vill ange namnet på menyalternativet, för att registrera det med en pseudonym, sätt på det och i fältet grundläggande parametrar "Välj kontakt" Ange de kontaktuppgifter som det här menyalternativet kommer att bindas. Spara inställningar.

Gå till webbplatsen, vi hittar objektet "Kontakter" och klicka på den. Följande sida ska öppnas:

Feedback för WordPress

I det här systemet kan återkopplingsformuläret skapas, även tillgripa till hjälp av plug-ins. Den mest populära och funktionella - plugin-kontaktformuläret 7.

Därefter måste du gå vidare till fliken "Sidor / Lägg till ny", och aktivera HTML-läget, sätt in den tidigare kopierade återkopplingsformulärskoden

Vet du att upp till 80% av användarna lämnar din webbplats utan att fylla i programmet eftersom återkopplingsformuläret på din webbplats är långt ifrån idealiskt? Eller är du säker på att din ansökningsform är idealisk och har en maximal omvandling?

I allt högre grad är våra nya kunder som lägger till vår studio, när man diskuterar skapandet och befordran av webbplatsen, frågas om omvandling. Det här är en helt rätt fråga när det gäller internetmarknadsföring, för om webbplatsen inte tar med kunder, är det ingen mening att investera i det och det finns inga pengar. I dagens blogg berättar vi om en av de faktorer som kraftigt påverkar antalet kunder från bolagets hemsida. Denna faktor är formerna för återkoppling, eller som de också kallas - "Capture Forms". Vad det är den perfekta återkopplingsformuläret.

Omedelbart noterar vi att detta formulär, beroende på affärssegmentet, kan skilja sig, eftersom varje företag har sina egna uppgifter, deras kundinteraktionsformat. Det är formuläret "Kommunicerar" med klienten medan din chef kallar andra kontakter och väntar på nya applikationer.

Feedbackformuläret på webbplatsen är viktig. Du leder en köpare att köpa ett köp eller beställ service diskret och noggrant. Använd allt du kan, börja med ett bekvämt gränssnitt och sluta med utmärkta försäljningsförhållanden. Men när kunden kommer till orderformuläret lämnar han. Allt Nammarks arbete. Det är osannolikt att han någonsin kommer tillbaka till dig igen. Detta kan undvikas genom att helt enkelt ändra feedbackformuläret.

Vad behöver du feedbackformulär

Inte bara för beställning / shopping. Med hjälp av feedbackformuläret upptäcker du från användare vad de tycker om / inte gillar, vad är "shoals" i företagets arbete och gör även färdiga råd för att förbättra det. Samtal med användare är:

a) höja lojalitet mot ditt företag;

b) Förmågan att snabbt svara på begäran, minska det negativa och rädda klienten.

c) förmågan att förbättra produkten eller tjänsten;

d) sätt att öka försäljningen.

Det främsta misstaget som oerfarna webbplatsägare begår är en överbelastad återkopplingsformulär. Användare skrämmer en stor uppsättning fält som måste fyllas för att göra en förfrågan till ditt företag. De vill inte ge överflödig information om sig själva, även om du lovar dem sekretess. Vi har samlat för dig flera regler för registrering av en idealisk form.

Regel nummer 1. Förenkla formuläret så mycket som möjligt

Vad av dessa former kommer du att fylla i mer?

Eller sådan

Lämna endast de viktigaste fälten. Besökare på de flesta webbplatser gillar inte att fylla ett stort antal fält

Om formulärförenklingsregeln utfördes, är det värt att förvänta sig en ökning av omvandlingen med 30-60%.

Råd. Ta bort alltför mycket, lämna 2-3 fält eller till och med 1. Vanligtvis är det ett "namn", "telefonnummer eller e-post". Om du har en webbutik och du gör en beställningsformulär, kommer fälten att bli lite mer: "Namn", "Telefonnummer eller E-post", "Leveransalternativ", "Antal varor", "Adress". Se för vilka ändamål du gör feedbackformuläret och förenkla det så mycket som möjligt.

Regel nummer 2. Blanketten måste vara märkbar.

Feedbackformuläret eller applikationen från webbplatsen bör vara märkbar, annars kan besökaren helt enkelt inte märka den och fyll inte. Du kan även lägga ett visst animerat element som tillåter ännu mer accentuera uppmärksamhet.

Regel nummer 3. Minsta "obligatoriska fält"

Ett obligatoriskt fält - Telefon

Ofta på företagens webbplatser är det möjligt att inte bara följa de formöverbelastade uniformerna, utan också skyldigheten att fylla dessa fält. Formulering "Obligatoriskt fält" är närvarande vid 99% av platserna. Vill du öka omvandlingen? Ta bort den obligatoriska fyllningen i alla fält utom telefonen. Om en person vill, kommer han att fylla i de fält som hittar passform, men huvudfältet är ett telefonnummer som gör det möjligt att ringa kunden och klargöra resten av informationen. Det viktigaste är inte glömt att göra rätt skript för chefer.

I vilka fall omvandling med formulär faller:

• Fallande konvertering med 3% om du ber om fylla fältet som indikerar ålder
• Fallande konvertering av10% om du behöver ange namnet
• Fallande konvertering av2%, om du är intresserad av vilken typ av landning som besökaren bor
• Fallande konvertering av4% om du behöver fylla i bostadsadressen

Om fälten om leverans, adresser och foe är närvarande i nätbutiken, fyller användaren självklart dem och påverkar inte omvandlingen. Men om du vill att han ska slutföra data för att skicka dig en ansökan, kommer konverteringen definitivt att falla.

Regel nummer 4. Referenser i formuläret (omvandlingsförhållanden)

Om du har behov av att skicka en besökare för att läsa villkoren för cirkulation, bearbetningsapplikationer, order etc., gör sedan dessa länkar direkt i formblocket. När du klickar på en sådan länk är det bättre att visa ett popup-fönster med information som är lätt att stänga och fortsätta att fylla i formen.

Ett exempel på en sådan form:

Försök att minimera antalet text och villkor i formuläret, eftersom användaren blir för lat för att läsa allt och det kommer helt enkelt att stänga formuläret utan att skicka dina data. Även fel i denna blankett är för många obligatoriska fält.

Regel nummer 5. Samtycke till databehandling

Även trots att data i formuläret kan fyllas i sant och inte att bära personens karaktär, måste den här kryssrutan levereras. Det fanns redan rättsliga sökande som de tilltalade var tvungna att betala ett straff för bristande efterlevnad av detta krav i lagstiftning.

Regel nummer 6. Det borde inte finnas några rullgardinsmeningar

Om din formulär är en räknare, är listrutan acceptabel. Men om du gör en person väljer i vilken avdelning för ditt företag han vill kontakta, kommer det att minska omvandlingen, eftersom användarna snabbt vill göra en blankett utan att tänka på överflödig information.

Regel nummer 7. Ta bort capping från formuläret

Fångst kan minska omvandlingen till 40%. Detta förklaras av det faktum att CAPTCHA ofta inte läses alls, eller vid inmatning av data, rapporterar felaktigheten av inmatning av tecken. Om CAPTCHA föryngrades tidigare kunde en hel del spam komma utan det, då finns det tekniker som skyddar formuläret från att ange data till spamrobotar och utan inmatning av capping.

I Studio Artcell använder vi bara en sådan teknik. Eftersom du kan märka cactches i våra former finns det ingen och spam vi inte får.

Regel nummer 8. Autoware den blanketten skickas

När formuläret är fyllt och skickat måste ett meddelande visas som de data som skickas och chefen kommer att ringa tillbaka inom en snar framtid. Om det inte finns något sådant meddelande, förstår användaren inte dataset eller inte, det är värt att vänta ett samtal från företaget eller inte. Denna anmälan kommer att spara dig från duplicering av program från samma användare.

Regel nummer 9. Meddelande via SMS.

Skicka en automatisk anmälan till besökarens nummer om din blankett har ett telefonnummer. Detta gör att du kan anpassa din överklagande, och användaren kommer återigen att påminna ditt företags namn.

Så vad är det - den perfekta återkopplingsformuläret?

Markerad i en ram eller färg, vilket gör det mer märkbart mot bakgrunden av resten av informationen på webbplatsen

Minsta fältfält

En eller två obligatoriska fält

Inga fält med rullgardinsmenyn

Förekomsten av Chekbox för samtycke till behandlingen av de erhållna uppgifterna

Närvaron av referenser och ytterligare förhållanden omedelbart i formuläret utan onödiga övergångar till andra sidsidor

Ingen captcha

Har du en idealisk tillämpningsform, men fortfarande få kunder? Läs den här bloggen i vår tidskrift och du hittar ett svar på din fråga. Om din webbplats är dåligt rörlig i sökmotorer, kommer denna information att vara användbar.

Om du inte kan göra formen av kommunikation perfekt och du vill be om hjälp till proffs, fyll i ansökan nedan och vår chef kommer att ringa tillbaka snart.

Feedbackformulär för webbplatsenJag ska visa dig - baserat på användningen av Ajax-teknik. Men oroa dig inte, du behöver inte veta det här, allt är redan klart, det måste bara installera den här formuläret och ställa in dig själv!

Killar - Skriptet är helt föråldrat. Någon fungerar, någon har nej. Och jag förstår och allt mer uppdatering - latskap. Därför test efter eget gottfinnande.

PHP-återkopplingsformulär med sändning till post

Detta form feedback på plats Mycket funktionell i sig, flera plug-ins är anslutna till den, vilket skapar ett attraktivt utseende och kontrollera giltigheten (läs korrekthet) av de data du angav. Dessa plugins fungerar på bra och mäktiga! Och kallade detta:

1. Jqtransform - Plugin som låter dig göra vår feedbackformulär vacker!

2. formvalidator - Och denna plugin kontrollerar formuläret av kontakter på korrektheten av den angivna informationen och, i så fall visas popup-tipsen!

För det fullständiga arbetet med denna blankett kommer att användas klass - phpmailer. Anses vara en av de bästa!

Notera för det smartaste:

Feedbackformuläret för webbplatsen kan göras på HTML! Men det börjar bara att arbeta med PHP! Och på något sätt!

Det här är jag för dem som letar efter en feedbackformulär på HTML. Gör det, men det fungerar inte!

Därför måste ditt stöd stödja PHP, och för denna form av kontakter, bör PHP inte vara lägre än den femte versionen. Förhoppningsvis är det klart? Dessutom, nu, nu, någon normal hosting stöder dessa villkor!

Jag grävde ut denna form av feedback på webbplatsen www.tutorialzine.com Länken leder direkt till den ursprungliga sidan, d.v.s. Webbplats för författaren av detta formulär!

Allt är på engelska där, så vi hade en liten tinker med Sasha, att ryska denna form av kontakter och plugins som är anslutna till den.

Jag bekänner att vara ärlig, och med den här "mögel" var det två dagar, eftersom olika shoals började dyka upp, och den inversa kommunikationsformuläret oavslutat till slutet, ju vackrare, jag ville inte lägga ut! Så om du är en amatör att göra allt själv, och tanken kommer att passa in i ditt ljushuvud - mig själv att ryska det här formuläret, kommer jag inte att begränsa ett par tips, eftersom det inte kommer att översättningen av fraser inte kommer att begränsas till:

1. Denna form av återkoppling skärps under borgerliga, därifrån och har laddats ner, så det skickar dig istället för vanliga ryska tecken - Krakoyablla. Observera kodningen. Och i allmänhet kommer alla "tätningar" att vara associerade med det!

2. Valideringsskriptet förstår inte våra bokstäver, så de måste registrera dem!

3. Även efter dessa åtgärder, om du anger föremålet för skrivning på ryska, kommer brevet med ämnet - inget ämne (jag hoppas det skrev korrekt), det behandlas om du anger kodningen i PHPMailer-klassfilen.

4. I den ursprungliga formuläret trycks texten i inmatningsfälten till botten och inte i mitten. Detta är en JQTransform-pluginglitch.

Tja, allt tycktes måla och varna. Låt oss gå vidare!

God eftermiddag måste återkopplingsformuläret vara närvarande på varje sida. Idag visar jag ett exempel på en färdig form för införande på vilken webbplats som helst, inklusive på WordPress-motorn. Det färdiga exemplet på HTML och PHP-kod kan kopieras till din webbplats. Förutom det färdiga exemplet finns det många plugins som också är mycket populära. På många platser är denna form redan inbyggd i ämnet, men ibland är det nödvändigt att lägga till en annan på en annan sida eller ersätta den gamla.

Innan du börjar skriva den här artikeln gick jag över internet på jakt efter ett svar på den här frågan. Omvandla mer än antalet platser och bloggar hittade jag mycket få högkvalitativa svar för att infoga feedbackformuläret till webbplatsen. De flesta material skrivs i att arbeta med plugins. I vissa artiklar är det inte helt klart vad och hur man gör, koden fungerar inte, bokstäverna kommer inte ... och så vidare.

Det finns verkligen värda svar, men det finns väldigt få av dem. Jag kommer att ge ett enkelt exempel för vilket mycket sinne inte behövs. Ingen särskild kunskap i PHP är inte nödvändig, mer exakt, de behövs inte alls. Vad och var du ska byta, ska jag skriva i detalj när det kommer att behöva. Blanketten fungerar bra, utan misslyckanden. Ett exempel på en form är på mig. I ett färdigt exempel lade jag till några stilar för skönhet, så att formuläret inte tittade på all "slakt". Om du vill kan du ändra allt efter ditt eget gottfinnande.

Klar återkopplingsformulär för webbplatsen på HTML

I det här exemplet består återkopplingsformuläret för webbplatsen av en HTML-kod. Ett sådant exempel på HTML-kodinsatsen är absolut till någon sida på webbplatsen, det spelar ingen roll var och vad du använder. Samma kod kan sättas in i WordPress-motorsidan, allt kommer att fungera korrekt och utan misslyckanden.

I början av koden, i den första raden måste du ange din sökväg till PHP-filformen. PHP (om det lite senare). Inget behov av att ändra något annat. Om du inte är nöjd med namnet på formen och dess fält, kan du alltid lägga till ny eller ändra gamla. Du kan också lägga till dina stilar raka försök till bordet. Om ett sådant alternativ du obekväm, fråga nya klasser och lägger till stilar via din stil.css-fil

Vem vet inte hur det kan göras, gå till administrationen av webbplatsen, gå till redigeraren och öppna den stil.css-filen. Till slutet av stilarket lägg till den här koden. Som ett resultat ska formkoden sättas in på sidan och dina CSS-stilar i STYLE.CSS-tabellen

INP (Padding: 10px; Border: 1px Solid # E5e5e5; Bredd: 200px; Färg: # 999999; Box-Shadow: RGBA (0, 0, 0, 0.1) 0px 0px 8px; -Moz-Box-Shadow: RGBA (0 , 0, 0, 0,1) 0px 0px 8px; -WebKit-Box-Shadow: RGBA (0, 0, 0, 0,1) 0px 0px 8px;)

Efter intäkterna måste du ha denna form av feedback på sidan. Det är inte nödvändigt att engagera sig i mycket, din blankett ska vara enkel och bekvämare som möjligt. Inga extra extra fält ... namn, post, ämne och meddelande. Om så önskas kan även meddelandet av meddelandet avlägsnas.

PHP-formkod

Med formuleringen av den bestämda formen dömdes skönheten, nu måste du skapa en fil med PHP-förlängningen och lägga till sådan kod på den. Fil Lägg till en klient till din webbplats via FTP. De flesta användare använder CMS, släng den här filen i mappen med ditt tema. Adressen och namnet på den här filen måste du inledningsvis registrera dig i markeringen av din blankett, som jag visade ovan. Jag föreskrev den fulla vägen till exemplet, så att det var klart vad och var att infoga.

(