Menü
Ingyenes
bejegyzés
a fő  /  Tippek/ A visszajelzési űrlap az, amire szüksége van. Webdesign és keresőoptimalizálás

A visszajelzési űrlap az, amire szüksége van. Webdesign és keresőoptimalizálás

A szerzőtől:Üdvözlöm barátaim. Ez a cikk egy folytatás lesz, amelyben megvalósítottuk az űrlapadatok küldését a szerverre az oldal újratöltése nélkül. Itt folytatjuk ez a témaés megtanulják, hogyan fogadhatnak adatokat a szerveren, és hogyan valósíthatják meg az űrlapküldést email(email). Tehát állítsuk be az űrlapot Visszacsatolásés hozzáadhatja azt a lehetőséget, hogy elküldje e -mailbe.

Forrás fájlok az aktuális cikket innen töltheti le.

Ebben a leckében mindent a lehető legegyszerűbbé és önállóvá teszünk. Különösen levelek küldésére használunk speciális PHP funkció mail (), amelyet gyakran használtak e -mailek küldésére.

Kezdjük a mail függvény szintaxisával. Ennek a funkciónak három kötelező paramétere és két opcionális (opcionális) paramétere van. Szükséges paraméterek:

to - címzett e -mailje (több címet is megadhat, ha vesszővel elválasztva sorolja fel őket);

tárgy - a levél tárgya;

üzenet - a levél szövege.

Az opcionális paraméterek közül szinte mindig csak az elsőt használják, amely felelős az üzenet fejléceiért: kódolás, feladó, üzenet típusa stb.

Próbáljunk meg e -mailt küldeni a használatával ezt a funkciót... Ezt a mail.php fájlban tesszük meg, amelyben adatokat kapunk az űrlapról. Új kód ennek a fájlnak ilyen lenne:

Üzenetét elküldtük

";) más (visszhang")

Hiba!

"; }

< ? php

$ to = " [e -mail védett]" ; // a címzett címe

$ subject = "Rendeljen visszahívást"; // levél tárgya

$ message = "Név: ($ _POST [" név "]) \ r \ n"; // hozzáadja a nevet a szöveghez

$ üzenet. = "Telefon: ($ _POST [" telefon "])"; // telefon hozzáadása a szöveghez

$ fejlécek. = "Tartalom típusa: text / plain; charset = utf-8"... "\ r \ n"; // kódolás beállítása

$ fejlécek. = "Feladó: [e -mail védett]"." \ r \ n "; // add hozzá a feladót

if (mail ($ to, $ subject, $ message, $ headers)) (

visszhang "

Üzenetét elküldtük

" ;

) más (

visszhang "

Hiba!

" ;

Ez a minimális kód, amely már lehetővé teszi, hogy üzenetet küldjön a küldéshez. Nézzük meg, hogyan működik:

Mint látható, a kód működik, válaszul üzenetet kapunk arról, hogy a levelet elküldték. Mivel helyi szerveren dolgozunk, itt a leveleket valójában nem a mail () függvény küldi, hanem szöveges fájlként mennek egy speciális mappába. Az Open Server alkalmazásban ez a \ userdata \ temp \ email \ mappa. Nyissuk meg ezt a mappát, és győződjünk meg arról, hogy a levél ott van, valahogy így fog kinézni:

Kiváló! Maradt néhány dolog, amit nem ártana javítani a JS scriptben. Például az üzenetet nem egyszerű szövegben, hanem HTML -kódban kell megjelenítenie, és az űrlapmezőket is törölnie kell az üzenet elküldése után. A kapott JS kód a következő lesz:

$ (function () ($ ("# recall"). send (function (e) (e.preventDefault (); var data = $ (this) .serialize (); $ .ajax ((url: "mail.php) ", írja be:" POST ", data: data, beforeSend: function () ($ (" # submitted "). next (). text (" Subending ... ");), success: function (res) ($ ("#recall"). find ("input"). val (""); $ ("# submitted"). next (). html (res);), error: function () (alert ("Hiba! ");)));));));

$ (function () (

$ ("#recall"). beküld (függvény (e) (

e. preventDefault ();

var adatok = $ (ez). sorosítani ();

$. ajax ((

url: "mail.php",

típus: "POST",

adatok: adatok,

beforeSend: function () (

$ ("#submit"). következő (). text ("Küldés ...");

Nehéz elképzelni egy webhelyet visszajelzési űrlap nélkül.

Ezért ha az erőforrás nem rendelkezik kapcsolattartó szekcióval, telepítse azt. Találjuk ki, hogyan kell ezt megtenni.

Visszajelzési megoldások

Természetesen ma már többféleképpen is lehet rendszerezni a visszajelzést az oldalon: az univerzális szkriptektől a php -n át a CMS -hez tartozó bővítményekig és modulokig. Vagyis nem kell kódot kézzel írni, amint látja.

A következő univerzális megoldásokat használhatja:

  • használja az ingyenes online szolgáltatások szolgáltatásait, amelyek automatikusan generálják a kapcsolatfelvételi űrlap HTML -kódját. Ugyanakkor a php feldolgozó fájlt önállóan kell megírni és telepíteni. Íme az egyik forrás ezekre a célokra.
  • Kérjen segítséget ingyenes online szolgáltatásokból, amelyek HTML -kódot generálnak és adatkezelőket biztosítanak php -ben, amelyek gyakran ezen szolgáltatások szerverein találhatók. Egy példa a hasonló forrásokra
  • Keressen ingyenes szkripteket az interneten a visszajelzési űrlap telepítéséhez. Ez az opció azok számára alkalmazható, akik bizonyos szinten ismerik a HTML -t és a PHP -t, mivel a szkriptet mindenképpen kifejezetten az Ön webhelyéhez kell igazítani.

Mindazonáltal gyakran nincs szükség a felhasználók webhelyfejlesztésre vonatkozó kiterjedt ismereteire - a sokoldalúság és a megoldások széles választéka lehetővé teszi a kívánt visszajelzési forma beállítását a fenti módszerek bármelyikével.

Egyszerű HTML kapcsolatfelvételi űrlapok telepítése

Tekintsük az egyik népszerű programot a HTML visszajelzési űrlapok írására és telepítésére a captcha segítségével. Ezek széles választékát mutatjuk be például ezen az oldalon. Az oldal orosz nyelvű, könnyű lesz választani, és maga a telepítés sem tart tovább három percnél.

De először ne felejtse el módosítani a szabványos config.php fájlt - meg kell változtatnia a kódolást, és meg kell írnia a megfelelő címzett e -mail címét.

A javított fájlokat tartalmazó mappát át kell másolni a webhely gyökérkönyvtárába, de előtte korlátozva annak indexelését a Robots.txt fájlban ( Letiltás: / sendmail-zakaz).

Valójában ez minden - ha a műveleteket helyesen hajtják végre, a kész űrlap így néz ki:

Vannak visszajelzési űrlapkészítők, amelyek nem igényelnek PHP támogatást. Tekintsünk egyet közülük. Miután rákattintott a linkre, megjelenik egy ablak, amelyben megadhatja a kívánt űrlap beállításait.

Miután megadta az összes szükséges paramétert, írja be az ellenőrző captcha -t, és kattintson a "Generálás" gombra, majd - "Szerezze be a kódot".

A kapott kódot csak át kell másolni a webhely kiválasztott oldalára.

Egy egyszerű kapcsolatfelvételi űrlapot saját maga készíthet. Ehhez létre kell hoznia egy form.php fájlt, és el kell mentenie a következő kódot:

Az űrlap működéséhez egy kezelő fájlra van szükség. Nevezzük mail.php -nek, és mentsük el ezt a kódot:

Visszajelzés űrlap a Joomlában

Ebben a meglehetősen sokoldalú felügyeleti rendszerben a visszajelzési űrlap testreszabható a Kapcsolatok összetevő segítségével. Elég egyszerű, de ennek ellenére funkcionalitása elégséges az űrlap normál működéséhez.

Tehát az összetevő konfigurálásához lépjen az adminisztrációs panelre, és válassza a "Komponensek / Kapcsolatok / Kapcsolattartó kategóriák" fület.

Megnyílik egy kategória nélküli oldal. Létrehozásához kattintson az "Új" gombra.

A rendszer felajánlja a "Cím" és "Becenév" mezők kitöltését. Ezt követően be kell jelölnie az "Igen" jelölőnégyzetet a "Közzétett" sorban.

A beállításokat az ablak jobb felső sarkában található azonos nevű gombra kattintva kell menteni. Van egy kategória, marad egy oldal létrehozása kapcsolatfelvételi űrlappal. Ehhez lépjen a "Kapcsolatok" fülre, és kattintson az "Új" gombra a jobb felső sarokban.

Kitöltjük a megnyitott párbeszédpanelt. Feltétlenül töltse ki a "Név" sort, a "Becenév" sort. Az „Igen” jelölőnégyzetet helyezzük a „Közzétett” sorba, és jelezzük a kapcsolattartó kategóriáját. Egy kicsit lejjebb haladva megtaláljuk a "Kommunikáció a felhasználóval" ablakot, ahol meg kell adnia a kapcsolattartót - az üzenetek címzettjét.

Az "Információ" mező is kötelező, ahol meg kell adni az űrlap helyét a webhelyen és a címzett e -mail címét. A többi menüpont tetszés szerint kitölthető.

A visszajelzési űrlap konfigurálva van, még el kell helyezni a webhelyen. Ebből a célból el kell mennie az adminisztrációs panelre, és ki kell választania a "Menü" fület az elem helyének meghatározásához.

Ebben a menüben hozzon létre egy új elemet. Ehhez nyomja meg a "Létrehozás" gombot, és a megnyíló menüben válassza a "Kapcsolatok / Kapcsolat oldal" lehetőséget.

Megnyílik egy oldal, ahol be kell állítania a menüpont nevét, regisztrálnia kell az álnevét, engedélyeznie kell a tükröződést, és a fő paraméterek mezőjében "Válasszon egy névjegyet" adja meg azokat a kapcsolattartási információkat, amelyekhez ez a menüpont kapcsolódni fog. Mentsük a beállításokat.

Menjen a webhelyre, keresse meg a "Kapcsolatok" elemet, és kattintson rá. A következő oldalnak kell megnyílnia:

Visszajelzés a WordPressről

Ebben a rendszerben plug -inek használatával visszajelzési űrlap is létrehozható. A legnépszerűbb és legfunkcionálisabb a Contact Form 7 plugin.

Ezt követően lépjen az "Oldalak / Új hozzáadása" fülre, és a HTML mód bekapcsolásakor illessze be a visszajelző űrlap korábban másolt kódját


Tudja, hogy a felhasználók akár 80% -a elhagyja webhelyét anélkül, hogy kitöltene egy jelentkezést, mert a webhelyén található visszajelzési űrlap messze nem ideális? Vagy biztos abban, hogy a jelentkezési lapja tökéletes, és a legtöbb konverziót eredményezi?

A stúdiónkba érkező új ügyfeleink egyre gyakrabban kérdezik maguktól a konverziót, amikor egy webhely létrehozásáról és népszerűsítéséről beszélnek. Ez abszolút helyes kérdés, ha internetes marketingről van szó, mert ha az oldal nem hoz vásárlókat, akkor nincs értelme rá időt és pénzt fektetni. Mai blogunkban a vállalat honlapjáról érkező ügyfelek számát nagyban befolyásoló tényezők egyikéről fogunk mesélni. Ez a tényező - a visszacsatolás formái, vagy más néven - "rögzítési formák". Mi az ideális visszajelzési forma?

Azonnal megjegyezzük, hogy az üzlet szegmensétől függően ez a forma eltérhet, mivel minden vállalkozásnak megvannak a maga feladatai, saját formái az ügyfelekkel való interakcióban. Ez az űrlap "kommunikál" az ügyféllel, miközben a menedzsere felhívja a többi kapcsolattartót, és várja az új alkalmazásokat.

Fontos az oldalon található visszajelzési űrlap. Feltűnés nélkül és körültekintően vezeti a vevőt, hogy vásároljon vagy rendeljen szolgáltatást. A felhasználóbarát kezelőfelülettől a kiváló értékesítési feltételekig mindent használ. De amikor az ügyfél eléri a megrendelőlapot, elhagyja. Minden munka kárba veszett. Nem valószínű, hogy valaha is visszatér hozzád. Ez elkerülhető a visszajelzési űrlap egyszerű megváltoztatásával.

Mire szolgál a visszajelzési űrlap?

Nem csak rendelés / vásárlás esetén. A visszajelzési űrlap segítségével megtudhatja a felhasználóktól, hogy mit szeretnek / mit nem, mik a "rajok" a vállalat munkájában, és még kész tanácsokat is kaphat a javításhoz. A felhasználókkal folytatott beszélgetés a következő:

a) a vállalat iránti lojalitás növelése;

b) képes gyorsan reagálni egy kérésre, csökkenteni a negativitást és megtartani az ügyfelet;

c) egy termék vagy szolgáltatás fejlesztésének lehetősége;

d) az értékesítés növelésének módja.

A tapasztalatlan webhelytulajdonosok fő hibája a túlterhelt visszajelzési űrlap. A felhasználókat sok mező megijedt, amelyeket ki kell tölteni ahhoz, hogy kérést küldhessen a vállalatnak. Nem akarnak felesleges információkat szolgáltatni magukról, még akkor sem, ha titoktartást ígérnek nekik. Összeállítottunk néhány szabályt a tökéletes forma kialakításához.

1. szabály Egyszerűsítse az űrlapot, amennyire csak lehetséges

Az alábbi űrlapok közül melyiket szeretné kitölteni?

Vagy ilyen

Csak a legfontosabb mezőket hagyja el. A legtöbb webhely látogatói nem szeretnek sok mezőt kitölteni

Ha az űrlap egyszerűsítésére vonatkozó szabály teljesült, akkor 30-60%-os konverziónövekedésre kell számítani.

Tanács. Távolítson el minden feleslegeset, hagyjon 2-3 mezőt vagy akár 1. Általában ez a "Név", "telefonszám vagy e-mail". Ha van online áruháza, és megrendelőlapot készít, akkor egy kicsit több mező lesz: "Név", "Telefonszám vagy e-mail", "Szállítási lehetőség", "Termékmennyiség", "Cím". Nézze meg, hogy milyen célból készít visszajelzési űrlapot, és a lehető leegyszerűsítse azt.

2. szabály. Az űrlapnak láthatónak kell lennie

Az oldalról érkező visszajelzési űrlapnak vagy jelentkezési lapnak észrevehetőnek kell lennie, különben előfordulhat, hogy a látogató egyszerűen nem veszi észre, és kitölti. Akár olyan animált elemet is elhelyezhet, amely tovább hangsúlyozza a fókuszt.

3. szabály. Minimális "kötelező mezők"

Egy kötelező mező - telefon

Gyakran előfordul, hogy a vállalatok honlapjain nemcsak a felesleges mezőkkel túlterhelt űrlap figyelhető meg, hanem az e mezők kitöltési kötelezettsége is. A "kötelező mező" megfogalmazás a webhelyek 99% -án megtalálható. Növelni szeretné a konverziót? Távolítsa el az összes mező kötelező kitöltését, kivéve a telefonszámot. Ha valaki szeretné, kitölti az általa szükségesnek ítélt mezőket, de a fő mező egy telefonszám, amely lehetővé teszi számára, hogy visszahívja az ügyfelet, és tisztázza az összes többi információt. A legfontosabb dolog az, hogy ne felejtse el megírni a megfelelő szkripteket a vezetők számára.

Milyen esetekben esik meg az űrlapokról történő konverzió:

  • Csökkentse a konverziót 3% -kal, ha a kor mező kitöltését kéri
  • Csökkentse a konverziót a következőre: 10%, ha meg kell adnia a teljes nevét
  • Csökkentse a konverziót a következőre: 2%, ha érdekli, hogy a látogató milyen helységben él
  • Csökkentse a konverziót a következőre: 4%, ha ki kell töltenie a lakóhely címét

Ha a szállítással, a címmel és a teljes névvel kapcsolatos mezők megtalálhatók az online áruházban, akkor a felhasználó természetesen kitölti azokat, és ez nincs hatással a konverzióra. De ha azt szeretné, hogy töltse ki az adatokat annak érdekében, hogy kérelmet küldhessen Önnek, akkor a konverzió biztosan csökkenni fog.

4. szabály. Linkek formában (feladatmeghatározás)

Ha egy látogatót kell elküldenie, hogy olvassa el a kapcsolatfelvételi feltételeket, a kérelmek feldolgozását, a megrendeléseket stb., Akkor ezeket a linkeket közvetlenül az űrlapblokkban tegye meg. Amikor rákattint egy ilyen linkre, jobb, ha megjelenik egy felugró ablak információkkal, amelyet könnyen bezárhat, és folytathatja az űrlap kitöltését.

Példa egy ilyen formára:

Próbálja minimalizálni az űrlap szövegét és feltételeit, mert a felhasználó lusta lesz mindent újraolvasni, és egyszerűen bezárja az űrlapot anélkül, hogy elküldené az adatait. Hibák is ebben a formában - túl sok kötelező mező.

5. szabály. Hozzájárulás az adatkezeléshez

Annak ellenére, hogy az űrlapon szereplő adatokat helytelenül kell kitölteni, és nem viselhetik a személyes adatok jellegét, ezt a jelölőnégyzetet be kell jelölni. Voltak már bírósági igénylők, amelyek szerint a vádlottaknak bírságot kellett fizetniük a jogszabály ezen követelményének elmulasztása miatt.

6. szabály. Legördülő listáknak nem szabad lenniük

Ha az űrlap számológép, akkor a legördülő lista elfogadható. De ha arra kényszerít egy személyt, hogy válassza ki, hogy a vállalat melyik részlegével szeretne kapcsolatba lépni, akkor ez csökkenti a konverziót, mert a felhasználók gyorsan ki akarják tölteni az űrlapot, anélkül, hogy felesleges információkra gondolnának.

7. szabály. Vegye ki a captcha -t az űrlapból

A captcha megadása akár 40%-kal is csökkentheti a konverziót. Ennek az az oka, hogy gyakran a captcha egyáltalán nem olvasható, vagy az adatok bevitele során tájékoztat a helytelen karakterbevitelről. Ha korábban a captcha -t az küldte, hogy sok spam érkezhet nélküle, akkor most vannak olyan technológiák, amelyek megvédik az űrlapot a spamrobotok által történő adatbeviteltől és a captcha megadása nélkül.

Az artcell stúdióban éppen ilyen technológiát alkalmazunk. Amint látja, űrlapjainkban nincsenek bejegyzések, és nem kapunk SPAM -et.

8. szabály. Automatikus értesítés az űrlap elküldéséről

Az űrlap kitöltése és elküldése után üzenetnek kell megjelennie, miszerint az adatokat elküldték, és a menedzser a lehető leghamarabb visszahívja Önt. Ha nincs ilyen értesítés, akkor a felhasználó nem érti, hogy az adatokat elküldték -e vagy sem, számítson a cég hívására vagy sem. Ez az értesítés megmenti Önt ugyanazon felhasználó ismétlődő alkalmazásaitól.

9. szabály. SMS értesítés

Küldjön automatikus értesítést a látogató számára, ha az űrlapon mező szerepel a telefonszám megadásához. Ez lehetővé teszi, hogy személyre szabja üzenetét, és a felhasználó ismét emlékeztesse cége nevét.

Tehát mi az ideális visszajelzési forma?

Keretben vagy színben kiemelve, amely lehetővé teszi, hogy láthatóbbá tegye a webhely többi információjának hátterében

Minimális kitöltendő mezők

Egy vagy két kötelező mező

A mezők hiánya legördülő listákkal

A beérkezett adatok feldolgozásához való hozzájárulás jelölőnégyzetének jelenléte

Linkek és további feltételek jelenléte azonnal az űrlapon, anélkül, hogy szükségtelenül át kellene lépni a webhely más oldalaira

A captcha hiánya

Van egy tökéletes jelentkezési lapja, de még mindig kevés az ügyfél? Olvassa el ezt a blogot folyóiratunkban, és megtalálja a választ a kérdésére. Ha webhelyét rosszul reklámozzák a keresőmotorok, akkor ez az információ hasznos lesz az Ön számára.

Ha nem tudja tökéletesíteni a kapcsolatfelvételi űrlapot, és szakemberekhez szeretne segítséget kérni, akkor töltse ki az alábbi jelentkezési lapot, és menedzserünk a lehető leghamarabb visszahívja Önt.

Visszajelzési űrlap a webhelyhez amit megmutatok, az Ajax technológia használatán alapul. De ne aggódjon, ezt nem kell tudnia, minden készen áll, nincs más hátra, mint telepíteni ezt az űrlapot, és személyre szabni!

Srácok - a forgatókönyv sokáig elavult. Valaki dolgozik, valaki nem. És lusta vagyok megérteni, és még inkább frissíteni. Ezért tesztelje saját belátása szerint.

Php visszajelzési űrlap levélben történő küldéssel

Ez visszajelző űrlapot az oldalraönmagában nagyon működőképes, több bővítmény is csatlakozik hozzá, amelyek vonzó megjelenést kölcsönöznek, és ellenőrzik a beírt adatok érvényességét (olvasási helyességét). Ezek a bővítmények nagyokon és hatalmasokon dolgoznak! És így hívják őket:

    1. JQTransform- egy plugin, amely lehetővé teszi, hogy a visszajelzési űrlapunkat gyönyörűvé tegye!

    2. formValidator- és ez a bővítmény ellenőrzi a kapcsolatfelvételi űrlapon, hogy a megadott adatok helyesek-e, és ebben az esetben felugró tippeket jelenít meg!

Ennek az űrlapnak a teljes körű munkájához a PHPMailer osztályt kell használni. Az egyik legjobbnak tartják!

Megjegyzés a legokosabbaknak:

Az oldalra vonatkozó visszajelzési űrlap HTML -ben is elkészíthető! De csak PHP -vel fog működni! És semmi más!

Ez azoknak szólok, akik csak HTML -ben keresnek visszajelzési űrlapot. Megteszed, de nem fog sikerülni!

Ezért a tiednek támogatnia kell a PHP -t, és ehhez a kapcsolatfelvételi űrlaphoz a PHP -nek legalább az 5 -ös verziónak kell lennie. Remélem világossá teszem? Sőt, most minden normál tárhely támogatja ezeket a feltételeket!

Ezt a visszajelzési űrlapot a www.tutorialzine.com webhelyen ástam ki, a link közvetlenül az eredeti oldalra vezet, azaz az űrlap szerzőjének webhelye!

Minden angol nyelvű, ezért Sasha -val egy kicsit bömbölnünk kellett, hogy oroszosítsuk ezt a kapcsolatfelvételi űrlapot és magukat a hozzá kapcsolódó bővítményeket.

Hogy őszinte legyek, két napot töltöttünk ezzel a "penészgombával", amikor kezdtek előbukkanni a különböző zökkenők, és nem akartam feltölteni a befejezetlen visszajelzési űrlapot, annál is szebbet! Tehát ha rajongsz azért, hogy mindent magad csinálj, és a gondolat belép a legvilágosabb fejedbe - hogy magad is oroszosítsd ezt az űrlapot, adok néhány tippet, mivel nem korlátozódsz a kifejezések egyszerű lefordítására:

    1. Ez a visszajelzési űrlap a polgárságra van szabva, és onnan töltik le, így a szokásos orosz karakterek helyett elküldi - krakozyably. Értse meg a kódolást. Egyébként minden "pecsét" ehhez fog társulni!

    2. Az érvényesítési szkript kezdetben nem érti leveleinket, ezért azokat oda kell írni!

    3. Ezen műveletek után is, ha oroszul adja meg a levél tárgyát, a levélhez tartozik egy tárgy - Nincs tárgy (remélem, helyesen írtam), ezt kezeljük, ha megadjuk a kódolást a PHPMailer osztályfájlban.

    4. Az eredeti formában a beviteli mezők szövegét alulra, nem középre nyomták. Ez egy JQTransform plugin hiba.

Nos, úgy tűnik, mindent leírt és figyelmeztetett. Menjünk tovább!


Jó napot, a visszajelzési űrlapnak minden oldalon jelen kell lennie. Ma bemutatok egy példát egy kész űrlapra, amelyet bármely webhelyre, beleértve a wordpress motort is be lehet illeszteni. A html és a php kód kész példája másolható a webhelyére. A kész példán kívül számos plugin található, amelyek szintén nagyon népszerűek. Sok webhelyen egy ilyen űrlap már be van építve a témába, de néha szükség van egy újabb hozzáadására egy másik oldalhoz, vagy a régi cseréjére.

Mielőtt elkezdeném írni ezt a cikket, az interneten kerestem a választ erre a kérdésre. Miután jobban megvizsgáltam a webhelyek és blogok számát, nagyon kevés kiváló minőségű választ találtam arra, hogy visszajelzési űrlapot illesszenek be egy webhelyre. A legtöbb anyag a beépülő modulokkal való munkáról íródott. Néhány cikkben nem teljesen világos, hogy mit és hogyan kell csinálni, a kód nem működik, a levelek nem jönnek ... és így tovább.

Természetesen vannak tisztességes válaszok, de nagyon kevés van. Mondok egy egyszerű példát, amely nem igényel sok intelligenciát. A php -ban nincs szükség speciális ismeretekre, vagy inkább nincs szükség rájuk. Mit és hol kell megváltoztatni, akkor írok részletesen, amikor szükség lesz rá. Az űrlap hibátlanul működik. Egy példa az űrlapra a webhelyemen. A kész példában néhány stílust adtam hozzá a szépséghez, hogy a forma egyáltalán ne tűnjön "kopottnak". Ha szeretné, mindent megváltoztathat saját belátása szerint.

Egy kész visszajelzési űrlap egy weboldalhoz html-ben

Ebben a példában a webhely visszajelzési űrlapja html -kódból áll. Illesszen be egy ilyen html -példát a webhely minden oldalára, függetlenül attól, hogy hol és mit használ. Ugyanez a kód beilleszthető a wordpress motor oldalára, minden megfelelően és összeomlás nélkül fog működni.

Név Email: Üzenet Tárgya A te szöveged:

< form action = "/wp-content/themes/xmarkup/form.php" method = "post" name = "form"> Név< input class = "inp" style = "width: 30%;" name = "name" type = "text" / >

E -mail:< input class = "inp" style = "width: 30%;" name = "email" type = "text" / >

Üzenet Tárgya< input class = "inp" style = "width: 30%;" name = "temma" type = "text" / >

A te szöveged:

< textarea class = "inp" style = "width: 80%;" cols = "1" name = "massage" rows = "5" > < / textarea >

< input class = "inp" type = "submit" value = "Küld" / >

< / form >

A kód legelején, az első sorban meg kell adnia a php fájl form.php elérési útját (erről egy kicsit később). Semmi mást nem kell megváltoztatnia. Ha nem elégedett az űrlap nevével és mezőivel, akkor mindig hozzáadhat újakat, vagy módosíthatja a régieket. Saját stílusait is közvetlenül hozzáadhatja a bírósági asztalhoz. Ha ez a beállítás kényelmetlen az Ön számára, határozzon meg új osztályokat, és csak ezután adjon hozzá stílusokat a style.css fájlon keresztül

Aki nem tudja, hogyan lehet ezt megtenni, menjen a webhely adminisztrációs paneljére, lépjen a szerkesztőbe, és nyissa meg a style.css fájlt. Adja hozzá ezt a kódot a stíluslap legvégéhez. Ennek eredményeként az űrlapkódot be kell illeszteni az oldalba, a css stílusokat pedig a style.css táblázatba

Inp (kitöltés: 10 képpont; szegély: 1 képpont szilárd # stílusú; szélesség: 200 képpont; szín: # 999999; doboz-árnyék: rgba (0, 0, 0, 0,1) 0 képpont 0 képpont 8 képpont; -moz-doboz-árnyék: rgba (0 , 0, 0, 0,1) 0px 0px 8px; -webkit-box-shadow: rgba (0, 0, 0, 0,1) 0px 0px 8px;)

Inp (

párnázás: 10 képpont;

szegély: 1 képpont szilárd # exe;

szélesség: 200 képpont;

szín: # 999999;

doboz - árnyék: rgba (0, 0, 0, 0,1) 0px 0px 8px;

Moz - doboz - árnyék: rgba (0, 0, 0, 0,1) 0px 0px 8px;

Webkit - doboz - árnyék: rgba (0, 0, 0, 0,1) 0px 0px 8px;

A megtett lépések után meg kell kapnia ezt a visszajelzési űrlapot az oldalon. Ne ragadja el magát túlságosan, az űrlapnak egyszerűnek és a lehető legkényelmesebbnek kell lennie. Felesleges mezők nélkül ... név, levél, tárgy és üzenet. Kívánt esetben még az üzenet tárgya is eltávolítható.

Php űrlap kódja

Elhatároztuk az űrlap jelölését, gyönyörűvé tettük, most létre kell hoznia egy fájlt a php kiterjesztéssel, és hozzá kell adnia a következő kódot. Adja hozzá a fájlt webhelyéhez FTP -ügyfél segítségével. A legtöbb felhasználó CMS -t használ, dobja ezt a fájlt a témájával ellátott mappába. Ennek a fájlnak a címét és nevét, először regisztrálnia kell az űrlap jelölőképén, amelyet fent mutattam. A példa teljes útvonalát írtam, hogy egyértelmű legyen, mit és hová kell beilleszteni.

(

Maga a form.php fájl kódja a következőket tartalmazza:

< meta http - equiv = "refresh" content = "1; url=http://сайт" >

< meta charset = "UTF-8" / >

if (isset ($ _POST ["név"]))) ($ name = $ _POST ["name"]; if ($ name == "") (unset ($ name);))

if (isset ($ _POST ["email"]))) ($ email = $ _POST ["email"]; ha ($ email == "") (nincs beállítva ($ email);))

if (isset ($ _POST ["temma"]))) ($ temma = $ _POST ["temma"]; ha ($ temma == "") (nincs beállítva ($ temma);))

if (isset ($ _POST ["masszázs"]))) ($ masszázs = $ _POST ["masszázs"]; ha ($ masszázs == "") (nincs beállítva ($ masszázs);))

if (isset ($ név) && isset ($ email) && isset ($ temma) && isset ($ masszázs)) (

$ address = " [e -mail védett]" ;

$ mes = "Név: $ name \ nE-mail: $ email \ nTárgy: $ temma \ nSzöveg: $ masszázs";

$ send = mail ($ address, $ temma, $ mes, "Tartalom típusa: text / plain; charset = UTF-8 \ r \ nForm: $ email") ;

ha ($ send == "true")

(visszhang "Üzenet elküldve"; }

más (visszhang "Ó, valami elromlott"; }

más

visszhang "Töltse ki az összes mezőt";

Az url = http: // site helyett írja be a webhely címét. $ address = " [e -mail védett]"- ebben a sorban az e-mail címünket tüntetjük fel, amely leveleket fogad. Semmi mást nem kell megváltoztatnia, minden be van állítva és működik. Ha bármilyen nehézsége van a telepítési folyamat során, írjon megjegyzéseket, mindenképpen válaszolok.

Visszajelzés beszúrása a WordPress -be

Az űrlap WordPress -be történő telepítésének folyamata nem különbözik, minden művelet ugyanúgy történik. Kívánatos, hogy a form.php fájlt a témájával ellátott mappába töltse fel. Ne felejtse el megadni a kezelő fájl teljes és pontos címét a html jelölésben. Ezenkívül módosítania kell a webhely címét a webhelyére, és helyesen kell megírnia az e -mail címét. A kész űrlapkód beilleszthető a blog bármely oldalára. Példaként hozzáadtam a blogomat az oldalon a versenyekkel.

Példaként létrehozhat egy "Kapcsolat a szerzővel" vagy "Szerző" oldalt, és feltöltheti az űrlapot. Néhány blogon észrevettem egy sor közösségi média gombot vagy további lehetőségeket a szerzővel való kapcsolatfelvételhez minden űrlap alján. Ha szeretné, meg is ismételheti. A kapcsolatfelvételi űrlap működik a blogomon, személyesen ellenőriztem a saját példám alapján. Ha a levelek nem jutnak el hozzád, akkor a probléma az Ön részéről van.

WordPress bővítmények

Ha nehezen illeszti be az ilyen jellegű visszajelzést a webhelyére, elmondhatja az egyik beépülő modult, és telepítheti azt webhelyére. Manapság nagyszámú plugin létezik, amelyekkel ilyen űrlapokat készíthet a webhelyhez. Lépjen az adminisztrációs panelre, kattintson a Bővítmények elemre - adjon hozzá egy újat. Kiválasztunk egyet, ami tetszik, és használjuk az egészségre. Népszerűbb a Contact Form 7 plugin.

  1. Gyors, biztonságos kapcsolatfelvételi űrlap.
  2. Kapcsolatfelvételi űrlap Kapcsolatba velem.
  3. FormCraft.
  4. Vizuális űrlapkészítő.
  5. nForms - WordPress Form Builder.
  6. Gravitációs formák.

Mindegyiket sorra telepítjük, és külön -külön megvizsgáljuk. Azonnal figyeljen a beépülő modul működésére, és távolítsa el a szerző webhelyére mutató idegen linket (ha van ilyen). Minden ilyen forma kezdetben nem tűnik túl szépnek, személyre szabhatja ízlése és színe szerint?

Vegyük példának az elsőt. Új bővítmény hozzáadása Kapcsolatfelvételi űrlap 7. Ez a bővítmény nagyon egyszerű, nem okozhat gondot a használata. Sok blogger használja ezt a bővítményt további kis formákhoz webhelyein. Lépjen a bal oldali konzolra a Kapcsolatfelvételi űrlap 7 elemben, és kattintson az "új űrlap hozzáadása" gombra. Az alapértelmezett nyelv már az orosz.

Az első lapon válassza ki és nevezze el a megjelenő mezőket. Nem kell nagyon nagy űrlapot készítenie, hozzá kell adnia egy nevet, e -mailt, tárgyat, üzenetet és egy "küldés" gombot. A „Levél” lapon jelezzük az e-mail fiókját, amely fogadni fogja az üzeneteket. ”Nem okozhat különösebb nehézségeket, minden intuitív.

A létrehozás után a beépülő modul felajánl egy rövid kódot, amelyet például be kell illesztenie a webhely megfelelő helyére. A rövid kód beillesztése után látni fogja a vadonatúj űrlapot. Bármely oldal létrehozásakor lépjen a "Szöveg" szerkesztő fülre, és illessze be a kódot.

A kis hátrány az, hogy a visszajelzések tervezése nagyon szörnyű lesz. Ne légy túl ideges. Az ftp -n keresztül megyünk a megadott címen wp-content / plugins / contact-form-7 / modules. Ez a mappa tartalmazza a bővítmény összes css stílusát. Nyugodtan hozzáadhatja saját új tulajdonságait, hogy formája szép és észrevehető legyen.

Visszajelzés űrlapgenerátor

A további bővítmények mellett használhat ilyen űrlapokat. Vannak speciális szolgáltatások, amelyekkel gyorsan és sok tudás nélkül új űrlapot hozhat létre. Az éremnek van egy másik oldala is. Az ilyen szolgáltatások teljesítményét, és ami a legfontosabb, az ilyen öröm költségeit is ellenőrizni kell. Néhányuk ingyenes, de vannak fizetett lehetőségek is. Írja be Yandex -ben egyikük nevét.

  • formatervező;
  • livetools.uiparade;
  • Google Űrlapok;
  • iFormbuilder;
  • fairy.

Az ilyen online generátorokban nem kell kódot írni a semmiből, gondolni a hibákra stb. Minden már korábban megtörtént. Önnek csak az űrlap mezőit kell kiválasztania, hozzá kell adnia a "Küldés" gombot, és regisztrálnia kell az összes szükséges rekordot. Mindezek után a szolgáltatás beágyazási kódot kínál a webhely oldalára. Másolja a kapott kódot az oldalára, és ellenőrizze a kapcsolat működését.

Egy webhely, blog vagy üzlet tulajdonosával már most minden webhelyen megtalálható a link. Sok online áruház fizetős szolgáltatásokat használ. Az ilyen szolgáltatások segítségével a levelek küldése mellett nő az eladások száma. Nagyon kényelmes, ha az ügyfél felkeresi az oldalt, és bármikor kapcsolatba léphet az online áruház rendszergazdájával.

Ma sok ilyen típusú szolgáltatás létezik, és nem állnak meg. Minden frissítéssel új chipek kerülnek hozzáadásra. Az online tanácsadók számos funkciót adnak hozzá online áruházához az ügyféllel való kommunikáció megkönnyítése érdekében. Vegyük példaként a livetex szolgáltatást, egyetlen hátránya valószínűleg az ár. A három hónapos használati idő 4200 rubel egy boltba. Mindig van lehetőség egy próbaidőszak kipróbálására.

  1. Élő kommunikáció az ügyféllel.
  2. Ólomgenerátorok.
  3. Különféle visszahívási modulok.
  4. Online statisztika.
  5. Online megfigyelés.

Ha továbbra is kérdései vannak azzal kapcsolatban, hogyan adhat visszajelzést az oldalon, tegye fel őket megjegyzésekben. Nyugodtan ossza meg a cikket a közösségi médiában.