itthon / Online szolgáltatás / Hogyan lehet átadni annak az oldalnak a címét, amelyről az üzenetet küldték a Wordpress visszajelzési űrlapon? Tippek, hackek, titkok Hatalmas kapcsolatfelvételi űrlap

Hogyan lehet átadni annak az oldalnak a címét, amelyről az üzenetet küldték a Wordpress visszajelzési űrlapon? Tippek, hackek, titkok Hatalmas kapcsolatfelvételi űrlap

A FormGet egy egyszerű drag and drop bővítmény a WordPresshez. és ejtse le, amellyel különféle kapcsolatfelvételi űrlapokat hozhat létre webhelyéhez. Csak rá kell kattintania azokra a mezőkre, amelyeket hozzá szeretne adni az űrlaphoz és az űrlaphoz Visszacsatolás néhány másodpercen belül készen lesz.

Ezzel a bővítménnyel elkészíthető űrlapok

Kapcsolatfelvételi űrlap, támogatási űrlap, foglalási űrlapok, tanácsadói szolgáltatások, kapcsolatfelvételi űrlap, levelezőlista, kérdőívek, állásjelentkezési űrlap, regisztrációs űrlap varázsló, megrendelőlap-készítő és így tovább ezzel a csodálatos bővítménnyel.

A FormGet kapcsolatfelvételi űrlap egy nagyon hatékony eszköz, amellyel néhány egyszerű lépésben létrehozhat és beágyazhat egy kapcsolatfelvételi űrlapot webhelyére. Válassza ki az űrlapmezőket, testreszabhatja a beállításokat, és egyszerűen ágyazhat be egy kapcsolatfelvételi űrlapot webhelyére a kódnak egy widgetbe való elhelyezésével vagy egyéni rövid kód használatával. Nincs szükség programozási ismeretekre a kívánt forma elkészítéséhez - ez további plusz az ilyen kiterjesztések kiválasztásában.

Ha egyszerre több kapcsolatfelvételi űrlapot telepítenek a webhelyre, akkor a rajtuk lévő összes adat nyomon követhető egy helyen - az irányítópulton. A bővítmény jelentősebb előnye, hogy az általa létrehozott űrlapok adaptívak, ami lehetővé teszi a szükséges adatok helyes megjelenítését bármely eszközön anélkül, hogy további stílusokat és osztályokat írna elő.

A bővítmény által támogatott mezők listája:

név, cím, elérhetőség, Üzenet, Fizetés (PayPal integráció), Dátum (támogatja a nn-hh-éé vagy nn/hh/éé vagy éé-hh-nn formátumot), szöveges karakterlánc, többsoros szöveg, többszörös kijelölés, mellékletek, jelölőnégyzet, kijelölés (válasszon a javasoltak közül lista), rádiógombok, fájlfeltöltések és Captcha.

A telepítés egyszerű - a WordPress webhely adminisztrációs paneljén keresztül.

Kapcsolatfelvételi űrlap beállítása és létrehozása

A telepítés és aktiválás után egy speciális üdvözlőlap jelenik meg:

Kattintson a „Kattintson a létrehozáshoz” gombra, és folytassa a beállításokkal, és hozzon létre egy visszajelzési űrlapot. Minden beállítás 4 lapra van osztva:

  1. Lépjen kapcsolatba az űrlapkészítővel
  2. Beágyazás
  3. Kiterjesztések

Kezdetben megnyílik az első lap, ahol a konstruktor segítségével létrehozhatja az első visszajelzési űrlapot.

Nézzük meg közelebbről:


A bővítmény beállítása és használata intuitív, ezért telepítse és használja örömmel!

Sziasztok. Valahogy túl sok energiám van, és úgy döntöttem ma, hogy írok egy másik cikket, amely az egyiknek lesz szentelve WordPress bővítmények. Elég érdekes és funkcionális plugin, 100%-ban megbirkózik a feladatával, és még nem találtam jobbnak visszajelzést adni.

Nem akarom sokáig gyötörni, azt hiszem, már megértette, miről lesz szó a cikkben. Így ma megértjük és konfiguráljuk 7. bővítmény kapcsolatfelvételi űrlap a WordPresshez, mégpedig egy visszajelzési űrlap létrehozásához.

Sokáig ültem és gondolkodtam, hogy mik a hátrányai a pluginnak, és semmi sem jutott eszembe, de ennek az alkotásnak rengeteg előnye van.

A Kapcsolatfelvételi űrlap 7 beépülő modul előnyei.

  1. Tisztaság és egyszerű beállítás. Az a személy, aki először találkozik ezzel a bővítménnyel, minden probléma nélkül ki tudja találni.
  2. Teremtés egy nagy szám különböző formákés integrálja őket az oldalba.
  3. Az űrlap egy rövid kód segítségével kerül beillesztésre az oldalon és bárhol a webhelyen. Nagyon kényelmes.
  4. Orosz és más nyelvek támogatása.
  5. Támogatás az Ajax kérésekhez.
  6. Spam elleni védelem szöveges kérdéssel vagy captcha-val. A captcha használatához telepítenie kell a Really Simple CAPTCHA-t is.
  7. Az űrlap megjelenésének testreszabása css stílusok segítségével.
  8. Integráció az Akismet szolgáltatással a spam elleni védelem érdekében.

Oldalunkon egy ilyen űrlapot láthat és használhat, ha a „Kapcsolatfelvétel” menüpontra kattint, felugrik egy ablak, ahol láthat egy jó példát.

Kezdjük!

Először le kell töltenünk ezt a bővítményt. A szerverünkről itt a link -\u003e vagy a hivatalos webhelyről itt a link -\u003e Töltse le a hivatalos webhelyről .

A letöltés után telepítenie kell a következőre. A telepítés módját nem írom le, szerintem ezt a folyamatot A-tól Z-ig ismernie kell. Letöltve, telepítve, most közvetlenül magunkhoz megyünk, hogy megértsük és konfiguráljuk.

A Contact Form 7 beépülő modul beállítása és visszajelzési űrlap létrehozása.

Most, hogy mindent letöltött és telepített, ahogy szükséges, lépjen az adminisztrációs oldalra WordPress irányítópultés találd meg a lényeget Kapcsolatfelvételi űrlap 7, kattintson rá, és egy új űrlap hozzáadására szolgáló oldalra jutunk.


Űrlapalkotás.

Új űrlap létrehozásához kattintson a „ Új hozzáadása”, majd válassza ki a nyelvet (alapértelmezés szerint orosz), és kattintson az „Új hozzáadása” gombra. Az összes megtett lépés után a következő képnek kell lennie:


Az űrlap elkészült, most személyre szabjuk, az Ön igényei szerint, és kezdésként adjunk neki nevet. Az én esetemben felhívom" Teszt űrlap”, nevezze el, amit akar, majd kattintson a „Mentés” gombra. Most láthatja a rövid kódot, amelyet be kell illeszteni annak a webhelynek a kódjába, ahol ez az űrlap megjelenik.


A kódra egy kicsit később lesz szükségünk, mivel először be kell állítani az űrlapot. Nyissa meg az űrlapsablont, és szabja testre.

Legördülő lista a jobb oldalon Címke generálása”, ha megnyitja, sok olyan mezőt láthat, amely hozzáadásra került az űrlaphoz.


Címke létrehozása mező

A bal oldalon az űrlaphoz már hozzáadott mezők láthatók.

Például készítsünk egy egyszerű űrlapot, amelyben lesz egy név, e-mail, telefon, egy szöveges kérdés a spam elleni védelemhez, egy üzenet és egy küldés gomb.

Indul.

Szöveges mező készítése a névhez. A "Címke létrehozása" legördülő listában válassza a " Szövegmező". A kötelező mezőt bepipáljuk, esetemben „NAME” nevet adunk neki, és azonosítót adunk, hogy a mező css stílusokkal stílusozható legyen. Megvan az id=”name”. Alább láthatja a "szöveget" Másolja ki ezt a kódot, és illessze be a bal oldali űrlapsablonba". Fogjuk ezt a kódot, és bemásoljuk az űrlapsablonba, mint a képen:


Levelezésnél (e-mailnél) ugyanígy járunk el, telefonnál válassza a listából a „Címke generálása” lehetőséget, a „ Telefonszám” és analógia útján mi is tesszük.

Az üzenet testreszabásához válassza a " Szövegmező” és ugyanezt tesszük a fent leírtak analógiájával.


Most adja hozzá a mezőt Kérdés". Ehhez válassza a " Kérdés”, adj neki nevet. A Kérdés|Válasz mezőben különböző kérdéseket és válaszokat tehet fel, a mező alatt logikai kérdésre van példa, beállíthat szövegeset, pl. „Az év 3. hónapja?| március” stb. Illessze be a kódot, mint korábban.


"Kérdés" mező

És az utolsó dolog, amire szükségünk van, az a gomb " Küld”, elhagyhatja a sablonban lévőt, vagy a „Címke generálása” listában válassza a „Küldés” gombot. A sablon készen áll, nyomja meg a „ Megment”.

Nézzük meg, mit kaptunk, másoljuk ki a rövid kódot, és illesszük be az oldalra vagy a kód bármely részébe, ahol szükséges. Bemásolom egy tesztoldalra.

Ezt csináltam:


Biztos van valami hasonló.

Az űrlap és az üzenet célállomásának testreszabása

Kicsit lejjebb megyünk az űrlapsablon alá, és megnézzük a címzett beállításait.

  1. Cél mező. Adja meg azt a levelet, amelyről az űrlapot kitöltő látogatóknak leveleket küldenek.
  2. Feladó mező. Ahelyett<>, helyettesítjük rövid kódjainkat (a mezőknek adott neveket). Ezeket fentebb láthatod. Az én esetemben az lesz<>.
  3. Tárgy mező. Mindig írok egy visszajelzési űrlapot, és feltüntetem az oldalt.
  4. Levél sablon mező. Itt bármit megjeleníthet, amit szíve kíván. Példánkban elkészítem a From mezőt:<>és részletek Telefon: , Üzenet..
  5. A többi mező üres.

Ne felejtse el menteni a végén.

Ha még lejjebb megy, láthatja az üzenetbeállításokat. Itt minden oroszul van, így tetszés szerint szerkesztheti az igényeinek megfelelően. Itt szerintem meg fogod érteni

Az űrlap készen áll, folytathatja a tesztelést, és megnézheti, hogy az üzenet megérkezik-e az Ön által megadott levélre.

Nekem minden jól működik, a „Küldés” gombra kattintás után a „Küldés” üzenet jelenik meg Az üzenet sikeresen elküldve. Kösz. ” Tesztelheti és megnézheti, milyen hibákat ad az űrlap, ha nem helyesen adja meg az adatokat.

Ami a css stílusokat illeti, ezek hozzáadhatók a fő css style.css fájlhoz. A firebag segítségével megnézheti a mezők azonosítóját és osztályait, és hozzárendelheti a megfelelő stílusokat.

7. bővítmény kapcsolatfelvételi űrlap a WordPresshez nagyon funkcionális, bármilyen bonyolultságú formát készíthet, ebben biztos vagyok, hogy meg van győződve róla. Ezzel befejezem, ha néhány pont nem teljesen világos, írja meg a megjegyzésekben, és megpróbálok segíteni. Köszönöm.

Flektor 5

Ez egy kapcsolatfelvételi űrlap bővítmény. Rendkívül népszerű (a letöltések számát tekintve a beépülő modulok után második helyen áll) a felhasználók körében, mivel sikeresen egyesíti a könnyű használhatóságot és a kapcsolatfelvételi űrlapok testreszabásának és tervezésének hatékony képességeit. Megpróbálom a lehető legrészletesebben megvizsgálni a bővítmény összes funkcióját.

1 Csomagolja ki az archívumot.

2 Másolja a mappát kapcsolatfelvételi űrlap-7 ban ben /wp-content/plugins/.

3 Lépjen a blog adminisztrációs paneljére a "" lapon. Beépülő modulokés aktiválja a bővítményt.

Aktiválásakor a beépülő modul külön menüt hoz létre a blog adminisztrátorában "" néven, és létrehoz egy alapértelmezett kapcsolatfelvételi űrlapot is, amelyet a " Kapcsolatfelvételi űrlap 7\Űrlapok":

Ha a javasolt "beágyazási kódot" használja, akkor a blog űrlapja így fog kinézni:

Természetesen, megjelenés ez a kapcsolatfelvételi űrlap a sablonban használt stílusoktól függ, de általában így fog kinézni.

Ennek az egyszerű űrlapnak a megjelenítése mindössze néhány percet vesz igénybe. És éppen a kapcsolatfelvételi űrlap egyszerű hozzáadásának köszönhetően sok felhasználó szereti ezt a bővítményt.

A beépülő modul azonban számos lehetőséget kínál bármilyen bonyolultságú fejlett kapcsolati űrlapok létrehozására. De kezdjük egy egyszerűvel, saját űrlap létrehozásával, amely csak kis mértékben fog eltérni a bővítménybe épített alapértelmezett űrlaptól. Kattintson az "Új hozzáadása" linkre:

Ezzel megnyílik a kezdeti oldal az űrlap hozzáadásához:

A beépülő modul automatikusan felismeri a blogban használt nyelvi beállítást, így nem kell nyelvet választani, csak kattintson a "" gombra. Ezzel megjelenik az űrlaptervező oldal. Az első dolog, amit meg kell tennie, az az űrlap címének átnevezése:

A cím nem számít, csak ott van, hogy ne keveredjen össze a saját űrlapjaival. Állítsa be az űrlap nevét, kattintson a gombra " Megment", az eredmény: "beágyazási kód":

Most beillesztheti a javasolt kódot bármelyik bejegyzésébe vagy oldalába (természetesen "Szöveg" módban), hogy megjelenítse benne a kapcsolatfelvételi űrlapot. Ez azonban semmiben nem fog eltérni az alapértelmezett űrlaptól, ezért továbbra is az űrlaptervezővel dolgozunk. A tervező oldal jobb oldalán van egy gomb " Címke generálása", rákattintva megjelenik:

Vegyünk például egy telefonszámot. Megnyílik a következő ablak:

Valójában nincs mit változtatni. A méretek, osztályok stb. másodlagos lehetőségek, és a legtöbb esetben nem kell szerkeszteni őket. A "" opció azonban hasznos lehet tanácsként a látogatók számára, hogyan töltsék ki ezt a mezőt.

Például a következő értékeket állítjuk be:

A kapcsolatfelvételi űrlap megjelenítésekor a mező így fog kinézni:

Ha erre a mezőre kattint, az ott beírt szöveg eltűnik, mivel csak tippként szolgál a kitöltéshez. De nem vettem észre, hogy a kiválasztott címkét magához a kapcsolatfelvételi űrlaphoz adtam. Íme a címke:

Az űrlaptervező oldal bal oldalába kell beilleszteni, ahol maga a kapcsolatfelvételi űrlap kódja található:

Az űrlapkódot manuálisan kell létrehozni, azaz saját kezűleg elhelyezni a címsorokat, bekezdéscímkéket és sortöréseket, valami ilyesmit kell kapnia:

Elmentjük az űrlap kódját, és a következő kapcsolatfelvételi űrlapot kapjuk:

Valójában ugyanígy néhány perc alatt könnyedén hozzáadhatja kapcsolatfelvételi űrlapját bármilyen címkét A plugin által használt. Nem kényszerítem arra, hogy manuálisan próbálja ki az egyes címkéket, azonnal megadom a kimenetüket:

1 Szövegmező.

Egyszerű szöveges mező, használható névre, tárgyra stb.

2 Email.

Csak e-mail cím megadására szolgál.

3 URL.

4 Telefonszám.

Csak telefonszám (számok és kötőjelek) megadására szolgál.

5 Szám (spinbox).

Csak szám megadására használható (kor, megrendelt cikkek számának jelzésére használható, stb.).

6 Szám (csúszka).

Helytelenül működik. Ennek a számcsúszkának a megjelenítéséhez HTML5-öt használnak, és ez egyrészt azt jelenti, hogy egy ilyen csúszka másképp néz ki különböző böngészők, másodszor pedig még mindig nem igazán működik. A beépülő modulok támogatási fórumain láttam olyan megoldásokat, amelyek javítják a címke működését, de nem segítettek – nem tudtam rákényszeríteni ezt a csúszkát, hogy számokat jelenítsen meg. Azt javaslom, hogy ne használja ezt a címkét.

7 Dátum.

Csak a dátum megadására szolgál.

8 Szövegmező.

Az orosz fordításban ezt a címkét "Szövegmezőnek" is nevezik, de a HTML terminológiában textarea, ami valójában csak egy kinagyított szövegmezőt jelent. Az üzenet szövegének bevitelére szolgál.

9 Legördülő menü.

Egy elem (vagy több elem) kiválasztására szolgál egy legördülő menüből. Bármire használható - a megrendelt termék színének megkérdezésétől az ember nemének megválasztásáig.

10 jelölőnégyzeteket.

Egy vagy több elem kiválasztására szolgál a rendelkezésre álló lehetőségek közül.

11 rádiógombok.

Csak egy elem kiválasztására szolgál a rendelkezésre álló lehetőségek közül.

12 Elfogadás.

A feltételek elfogadására szolgál.

13 Kérdés.

A megadott kérdések megválaszolására szolgál (a kérdés véletlenszerűen kerül kiválasztásra a megadott lehetőségek közül). Alapvetően ezt a címkét spam elleni védelemként használják. És ha a spamrobotok könnyen meg tudnak válaszolni egy numerikus kérdést, akkor az olyan kérdésekre, mint "milyen bolygón élünk?" nem tudnak válaszolni.

14 CAPTCHA.

A teljes captcha megjelenítésére szolgál. A címke használatához telepítenie kell a Really Simple CAPTCHA beépülő modult. A captcha meglehetősen olvasható, ezért könnyen áttörik a fejlett spamrobotok, mint például a Hrumer.

15 Fájl küldése.

Fájl küldésére szolgál. Megadhatja az engedélyezett fájlok maximális méretét és formátumát.

16 Küldés gomb.

A kapcsolatfelvételi űrlap adatainak elküldésére szolgál. Ez egy kötelező címke.

A közvetlenül a kapcsolatfelvételi űrlapon használt címkék ki vannak rendezve. Most nézzük meg, hogyan juthat el ugyanezen címkék a kapcsolatfelvételi űrlapról az e-mailbe. A konstruktorban közvetlenül a kapcsolatfelvételi űrlap kódja alatt található az Önnek küldött levél sablonja, és ebben kell elvégeznie a szükséges változtatásokat. Ez azért fontos, mert a sablon helytelen kitöltése megakadályozza, hogy pontosan tudja, mit írt a látogató az űrlapjába. Vegyük például a telefonszám-címkét. Tegyük fel, hogy a kapcsolatfelvételi űrlapon a következő kóddal van beillesztve:

Tehát az elküldött levél sablonjába a következő kódot kell beillesztenie:

A jelentés szerintem egyértelmű. A kapcsolatfelvételi űrlap kódjában , és a levélben csak ennek a mezőnek a neve . A beépülő modul digitális címkeneveket generál, mint pl , de senki sem akadályozza meg, hogy saját neveit használja. És az e-mail sablon többi címkéjéről - ezek is ugyanazon elv szerint vannak kialakítva - helyett használt stb.

A kapcsolatfelvételi űrlap által előállított szövegek az űrlaptervezőben is javíthatók az „Üzenetek” részben:

Plugin GYIK:

1 Megtekintési hiba " ", hogyan lehet javítani?

Ez azt jelenti, hogy vagy a megadott űrlapot törölték, vagy az űrlap címét helytelenül adták meg (a hívókódban szereplő cím kritikus az űrlap meghívásához).

2 Az e-mailben olyan címkéket látok, mint pl szöveg helyett hogyan lehet javítani?

Ez azt jelenti, hogy a látogató nem töltötte ki ezt a mezőt. Ebben az esetben a címke nem cserélődik, hanem úgy jelenik meg, ahogy van.

3 Vannak korlátozások a címke nevének kiválasztásakor?

Van. Ha hurok WordPress a név "név", nem használhatja címke névként. a legjobb mód a problémák elkerülése érdekében előtagokat kell hozzáadni a nevekhez, például a "tiéd" szót. A címke nevével biztosan nem lesz probléma.

4 Lehetséges-e e-mailben értesíteni a látogatót arról, hogy űrlapja megérkezett?

Tud. Használja a „Cél 2” opciót az űrlapkészítőben:

Ez az opció használható automatikus válaszként.

5 Több címre is elküldhető a kitöltött űrlap?

Tud. Használja a "" mezőt a "Cél" opciónál:

Ahol [e-mail védett] kiegészítő e-mailjét, amelyre a látogató által kitöltött űrlap másolata elküldésre kerül (a "cc" parancs vakmásolatot küld).

6 Megjeleníthetek egy űrlapot bejegyzésen vagy oldalon kívül?

Igen. Illessze be az űrlaphívás kódját a szöveges widgetbe.

7 Megjeleníthető az űrlap közvetlenül a sablonfájlokban található kóddal?

Igen. Használja a megtekintési kódot:

"" ) ; ?>

8 Az űrlapot nem küldik el, hiba jelenik meg a piros keretben, hogyan lehet javítani?

Vegye fel a kapcsolatot a szolgáltatóval, lehetséges, hogy a PHP nem engedélyezi a mail () függvény meghívását.

9 Az űrlap beküldésekor hibát kapok a narancssárga keretben, hogyan lehet javítani?

A narancssárga keret jelzi a spamet. A gyorsítótárazott beépülő modulok a spamvédelem téves pozitív eredményét okozhatják. Állítsa be a gyorsítótár-bővítményt a gyorsítótár-fájlok rendszeres tisztítására (24 óra elegendő).

10 Az e-mail beviteli mező másként néz ki, mint az űrlap többi mezője, hogyan javíthatom ki?

A beépülő modul HTML5 kódot használ az e-mail cím megadásához ( ahelyett ), és az ilyen kód gyakran nincs formázva a régi sablonokban. Változásokat kell végrehajtania stílusok.css sablonját, hozzáadva ott a bemenetválasztóhoz szükséges kódot.

11 Hogyan lehet felhasználó által csatolt fájlt beszúrni egy e-mailbe?

Ehhez használja a "Mellékletek:" speciális mezőt.

Tényleg megérdemli a figyelmet. Sok más népszerű beépülő modultól eltérően nem kényszeríti arra, hogy vásároljon Pro verzió - minden funkciója azonnal elérhető. A plugin népszerűsége (több mint 19 millió letöltés) megérdemelt - minden funkciója ellenére rendkívül könnyen konfigurálható, és még a motor kezdő felhasználói számára is elérhető WordPress.

De ne feledje – ez egy kapcsolatfelvételi űrlap-bővítmény, nem egy egyszerű űrlapbővítmény. Minden lehetőségével nem teszi lehetővé, hogy bármilyen feltétel alapján fejlett űrlapot hozzon létre. Fő célja kapcsolatfelvételi űrlapok létrehozása, semmi több. Dinamikus űrlapok létrehozásához, űrlapok közzétételéhez és hasonlókhoz használjon olyan bővítményeket, mint a Ninja Forms, ezek alkalmasabbak erre.

Ha bármilyen kérdése van a bővítmény beállításával kapcsolatban - kérdezze meg a megjegyzésekben, biztosan megpróbálok segíteni.


A beépülő modul szerzője: Takayuki Miyoshi
A kérdéses verzió: 3.9.1 kelt: 2014.07.31
Jelenlegi verzió: 5.1.4 kelt: 2019.08.04
Kompatibilis valamivel WordPress verzió: 4.9 és magasabb
Aktív bővítmények telepítése: 5 000 000+
Töltse le a bővítmény 5.1.4-es verzióját(összesen letöltött 121 112 956 egyszer)

Tetszett a bejegyzés? Feliratkozás a frissítésekre a vagy

Tetőfedéshez Szentpéterváron.

Sziasztok! Ma elmondom, hogyan kell elhelyezni visszajelzési űrlapWrendelésPress bővítmények és egyszerű kód használatával különböző utak. Tehát kezdjük azzal a ténnyel, hogy bár nincs visszajelzési űrlapom, valószínűleg a következő okok miatt lesz szüksége rá:

- Kényelem és hatékonyság. Ha elad, vagy biztosít fizetős szolgáltatások, akkor a visszajelzési űrlap egyszerűen létfontosságú az Ön számára. Képzelje el, hogy egy vásárló megtalálta a neki megfelelő terméket, de még mindig van néhány kérdése, amelyek kísértik. Ebben az esetben valószínűleg fel akarja venni Önnel a kapcsolatot néhány részlet tisztázása érdekében. Ha csak egy emailt hagyott meg az elérhetőségei közül, akkor ez nagy gondot jelenthet a vásárlónak, mert manapság már nem is olyan sokan leveleznek, de leginkább a közösségi oldalakon ücsörögnek.

Így néha előfordul, hogy az ügyfél egyszerűen leülhet egy másik számítógépről, amelyen nincs engedélyezve a levelezés, és nem emlékszik a jelszóra. Vagy például, miközben a postájába ment, kétségei támadtak afelől, hogy megbízhat-e benned egyáltalán, és szüksége van-e neki erre az apróságra, amit kínálsz. Mint látható, miközben az ügyfél az övéhez kúszik postafiók, nagy valószínűséggel meggondolja magát, vagy puszta lustaságból vonzóbb ajánlatot keres, ahol alacsonyabb lesz az ár és kényelmes visszajelzést kapnak a vásárlók.

- Az e-mail cím védelme. Ha valaha is vezetett saját levelezőlistát, akkor valószínűleg a következő tartalmú leveleket kapta: „Olcsón eladom az e-mail címeket” stb. Ezeket az e-maileket az internet minden pontjáról speciális botok (robotok) gyűjtik össze, amelyekre a későbbiekben spam leveleket küldenek. Ha nem szeretne közéjük tartozni, akkor sehol sem kell a postáról fényezni (megmutatni) a címét. Esetemben ennek már semmi értelme, hiszen a szappanom (mailom) több mint 3 éve internetezik és több mint 1000 oldalon van regisztrálva.

Egyébként hosszú ideig a spam elleni küzdelem érdekében sok webhelytulajdonos, aki még nem tudott a visszajelzési űrlapról, a levele helyett a képet hagyta el. Ebben az esetben a botok nem tudták hozzáadni az e-mailt a spam adatbázishoz, de ez kellemetlenséget okozott a látogatóknak. Kinek van kedve valakinek egy órára kibetűzni a postaládáját, amikor ma két klassz gomb van a "másolás" és a "beillesztés".

Visszajelzési űrlap-bővítmények a WordPresshez.

Az interneten ma már csak tengernyi különféle bővítmény található, amelyek visszajelzési űrlapot hoznak létre a látogatók számára. Sokan találkoztok ma ebben a cikkben.

1 ) Tehát bemutatom Önnek a Usernoise bővítményt.

Véleményem szerint ez a legmenőbb visszajelzési bővítmény, amely ideális számos online áruház és üzletember számára. Ez a forma felugró ablakként jelenik meg, és a jobb vagy bal oldali speciális gombra kattintva az oldal bármely oldaláról hívható.

A Usernoise bővítmény telepítése és konfigurálása.

5 ) A Contact Form 7 beépülő modul telepítése és konfigurálása.

Hogyan készítsünk visszajelzési űrlapot a WordPresshez más módon?

Lehet, hogy meglepődsz, de csak a legkisebb részét írtam le annak, hogyan készíthetsz visszajelzési űrlapot a WordPresshez. Hiába próbáltam magamévá tenni a mérhetetlenséget, nem sikerült. Tehát a visszajelzési űrlap a következő beépülő modulok közül többen is elkészíthető: Fast Secure Kapcsolatfelvételi űrlap , Kapcsolatfelvételi űrlap , Visual Form Builder , nForms - WordPress Form Builder , Mapped Contact Form , Ninja Forms . Ezen kívül vannak különféle szolgáltatások is, például a main-ip.ru és a smartoforms.ru.

Ennyi, ha bármi kérdésed van, tedd fel bátran.

Kapcsolatfelvételi űrlap 7
  • Az űrlap összes mezője (címkéje).
  • Az egyik mező kitöltésének módja: mail vagy telefon
  • Feltételes mezők a 7-es kapcsolatfelvételi űrlaphoz
  • Kapcsolatfelvételi űrlap 7 Egyéni érvényesítési kiegészítő

Az előző cikkben megismerkedtünk a Contact Form 7 pluginnal és annak beállításaival. És itt részletesen megvizsgáljuk az összes támogatott mezőtípust (űrlapsablon címkék) és mindegyik paraméterét, valamint az űrlapelemek stílusait (css osztályait). Ez az összes kapcsolatfelvételi űrlap 7 űrlapsablon címkéjének nem hivatalos dokumentációja.

A mező típusa határozza meg a nézetet HTML elem formák: szöveg, "rádió", "kiválasztás". A mező típusa az űrlapsablon címke nevében van megadva.

Példa a szövegmező címkéjére és az általa kiadott HTML-kódra:

Ezenkívül minden címkének (mezőnek) megvannak a maga beállításai (címke attribútumai). A címkebeállítások a cím és a mező neve után vannak megadva. Például adjunk hozzá egy osztály attribútumot az előző szövegmezőhöz:

Az űrlap sabloncímkéjének (mezőjének) szintaxisa:

Címkék (mezők) attribútumok

Ugyanazokat az attribútumokat (beállításokat) használhatja különböző űrlapcímkékben. Ezért annak érdekében, hogy ne ismételjük meg az egyes attribútumok leírását az egyes űrlapmezőknél, külön részben vesszük a leírásukat.

Azok az attribútumok, amelyek csak egy adott űrlapcímkére alkalmazhatók, minden címkéhez külön kerülnek megadásra.

* Jelölje * közvetlenül azután, hogy a mezőtípus kötelezővé teszi a mezőt.
Példa: id (vonal) Az azonosító neve. css id attribútum, amely a mező stílusára szolgál.
Példa: id:foo osztály (vonal) Az osztály neve. css osztály attribútum, amely a mező stílusára szolgál.
Példa: class:bar
Több osztály is megadható: minlength és maxlength (szám)

Ezek olyan HTML5-attribútumok, amelyek korlátozzák a karakterek bevitelét a mezőben, mind az alsó küszöb (minimum), mind a felső küszöb (maximum) által. A felhasználó nem írhat be kevesebb karaktert (minlength) vagy több karaktert (maxlength) a mezőbe, mint amennyit ezek az értékek határoznak meg.

Minlength esetén, ha a beírt szöveg kisebb, mint ez az érték, a felhasználó "Túl rövid a mező" figyelmeztetést kap. És fordítva a maximális hossz esetében.

Példák:
minhossz:10 -
max hossz:90-
mindkettőt egyszerre

Ennek eredményeként egy szöveges mezőt kapunk, amely figyelmeztetést ad, és a levél nem kerül elküldésre, ha 10-nél kevesebb vagy 140 karakternél több van beírva.

Ezek a paraméterek a következő mezőtípusokat támogatják: text , textarea , email , url , tel , quiz .

Van egy régi bejegyzés ezekhez a lehetőségekhez:

A maxlength paraméter kifejezetten elsőbbséget élvez, tehát ha hozzáadja a maxlength:150 -et, akkor a 140 átíródik 150-re.

méret (szám) A szövegmező szélessége, amelyet a monospace betűtípus karaktereinek száma határoz meg. Felülírható a CSS stílusokban a width attribútummal.
Példa: méret:50 -
Alapértelmezett: 40 alapértelmezett (karakterlánc/szám)

A mező alapértelmezett értéke.

Példa: default:value.

Ha az űrlapot kitöltő felhasználó jogosult, akkor alapértelmezés szerint helyettesítheti a profiladataiból vett értéket. Például, ha megadja az alapértelmezett:felhasználói_e-mail - attribútumot, akkor a mező automatikusan lecserélődik a - "az űrlapot megtekintő aktuális felhasználó e-mail címe" értékre...

Az alapértelmezett attribútum egyéb speciális mezői:

    alapértelmezett:post_meta- kapja meg annak a metamezőnek az értékét, amelynek kulcsa megegyezik a mező nevével. Például: egy űrlapmezőt jelenít meg, amelynek értéke a rekord metamező értéke a mymeta_key

    default:get- beállítja a GET paraméter értékét a mező nevével megegyező kulccsal: - http://example.com/?mykey=value

    alapértelmezett:post- beállítja a POST paraméter értékét a mezőnévvel megegyező kulccsal: - a POST-ban a mykey=value adatot adjuk át.

    alapértelmezett:shortcode_attr- beállítja a shortcode attribútum értékét a mező nevével megegyező kulccsal. Például az űrlapsablon címke a következő: , majd magának az űrlapnak a shorcode-jában a bejegyzés tartalmában való meghívásakor adja meg a mykey: attribútumot. Bővebben lentebb.

    Ezenkívül engedélyeznie kell a WordPress rövidkód-attribútumának nevét (mert a Wordpress kivágja az összes ismeretlen rövid kód attribútumot...). Ez egy szűrőn keresztül történik:

    Add_filter("shortcode_atts_wpcf7", "my_shortcode_atts_wpcf7", 10, 3); függvény my_shortcode_atts_wpcf7($out, $pairs, $atts)( if(isset($atts["mykey"])) $out["mykey"] = $atts["mykey"]; return $out; )

A jelölőnégyzethez jelölje be a rádiót, és válassza ki:

  • alapértelmezett:szám - alapértelmezett: 2- kiválasztja a lista második elemét...
  • alapértelmezett:szám_szám - alapértelmezett: 2_3- kiválasztja a lista második és harmadik elemét (többszörös kijelöléseknél és jelölőnégyzeteknél)...

További információ alapértelmezettés lehetőségei, olvasható a cikk végén.

Helyőrző vagy vízjel (vonal)

A helyőrző attribútumban megjelenítendő szöveg.

Ezt a lehetőséget kell használni az összes sabloncímke opció végén: , not

Használható vízjel helyőrző helyett az attribútum szinonimája (aliasa).

Akismet (vonal)

Spam-védelem. Telepített és aktivált Akismet bővítmény szükséges.

  • akismet:author -
  • akismet:author_email -
  • akismet:author_url -

Hogyan működik? Adatküldéskor a megadott mezők értékeit feldolgozza az akismet szerver, és ha nem mennek át az ellenőrzésen, a levél nem kerül elküldésre, és a felhasználó hibát lát:

Az üzenet eltűnik, ha valamelyik mezőre fókuszál.

Űrlapsablon címkék (mezők)

Az alábbiakban ismertetjük az űrlapsablonokban használható összes bővítménycímkét. Az ilyen címkék beviteli , textarea és kiválasztott HTML elemekké alakulnak.

A szövegmezők típusai: text , email , url , tel , textarea , valamint a count tag szorosan kapcsolódik a szövegmezőkhöz.

Kétféle numerikus mező létezik: szám és tartomány . Ezek HTML5-mezők, ezért a régebbi böngészők nem támogatják őket, hanem szövegmezőt jelenítenek meg.

szöveg

Egysoros szövegmező.

Támogatott opciók (attribútumok):

  • osztály
  • minhosszúságés max hossz
  • méret
  • helykitöltő
  • alapértelmezett- használható: user_login, user_first_name, user_last_name, user_nickname, user_display_name
  • akismet:author

email

A mező az e-mailek megadására szolgál.

Támogatott attribútumok:

  • osztály
  • minhosszúságés max hossz
  • méret
  • helykitöltő
  • akismet:author_email
  • alapértelmezett:felhasználói_e-mail vagy alapértelmezett: [email protected]

url

Internetcím (URL) megadására szolgáló mező.

Támogatott attribútumok:

  • osztály
  • minhosszúságés max hossz
  • méret
  • helykitöltő
  • akismet:author_url
  • alapértelmezett:felhasználói_url vagy alapértelmezett érték

tel

Egy mező a telefonszám megadásához.

Támogatott attribútumok:

  • osztály
  • minhosszúságés max hossz
  • méret
  • helykitöltő

textarea

Többsoros szöveg bevitelére szolgáló mező.

Támogatott attribútumok:

  • osztály
  • minhosszúságés max hossz
  • helykitöltő
  • (oszlopok)x(sorok)- ahol a cols a mező szélessége karakterekben, a sorok pedig a mező magassága szövegsorokban. 3 formátuma van: (cols)x(rows) , (cols)x és x(rows) .

Textarea esetén a mező értéke kétféleképpen adható meg:

  1. Alapértelmezett szöveg...

Ha a szövegterület tartalmaz html címkék, előfordulhat, hogy 500-as szerverhiba jelenik meg az űrlap elküldése után!

szám (karakterszám)

A count tag lehetővé teszi, hogy számlálót állítson be, amikor meg szeretné mutatni a felhasználónak, hogy hány karaktert írt be, vagy hány karakter maradt a maximális értékig (ha a paraméter maxlength).

A számláló aktiválásához be kell szúrni egy számláló címkét az űrlapsablonba annak a szövegmezőnek a nevével, amelynél a karaktereket számolni fogja.

A számlálócímke bárhol használható az űrlapsablonban.

Például van egy szövegmezőnk egy üzenethez:

Akkor ezt csináljuk:

A mező korlátozott – minimum 10 és maximum 140 karakter. Ebben az esetben a számláló megmutatja, hogy összesen hány karaktert írt be.

Néha kényelmesebb megmutatni, hogy hány karakter van még hátra a beíráshoz, mivel a felhasználó nem tud a maximális korlátról. Ehhez meg kell adni a le - opciót a címkében.

szám

Szám beírására szolgáló mező. Ha a mező fókuszált, az értékek az egér görgőjének elforgatásával módosíthatók.

Támogatja az attribútumokat:

  • osztály
  • helykitöltő
  • min
  • max

hatótávolság

Csúszka a megadott tartományon belüli számok kiválasztásához.

Támogatja az attribútumokat:

  • osztály
  • helykitöltő- csak olyan böngészőkben jelenik meg, amelyek nem támogatják az ilyen típusú mezőket, és helyette szöveges mezőt jelenítenek meg.
  • min- Beállítja az alacsonyabb értéket a számbevitelhez: min:20
  • max- Beállítja a számbevitel felső értékét: min:100
  • lépés- A csúszkák és a számbeviteli mezők számváltoztatási lépésének beállítása: min:5

jelölőnégyzet és rádió

  • Rádiógombok- ezek olyan kapcsolók, amelyekkel több lehetőség közül csak egyet választhat.
  • Jelölőnégyzetek- Ezek olyan jelölőnégyzetek, amelyek lehetővé teszik, hogy egyszerre több lehetőséget is kijelöljön.

Támogatott attribútumok:

  • alapértelmezett- A mező alapértelmezett értéke, például default:2 azt jelenti, hogy amikor a mező megjelenik, már a második válasz lesz kiválasztva. A jelölőnégyzetekhez több értéket is megadhat, például a következő alapértelmezett:1_2_3

    first_as_label- Alapértelmezés szerint először a jelölőnégyzet (rádiógomb), majd az ő felirata. Áthaladással adott paramétert, akkor kicseréled őket.

    use_label_element- Egy jelölőnégyzetet vagy rádiógombokat burkol egy címkébe, amely lehetővé teszi egy elem kiválasztását a nevére kattintva.

    kizárólagos- A paraméter megadásával csak 1 elem jelölhető be a jelölőnégyzetbe. Ez a funkció JavaScripten alapul. A rádiógombok sajátosságaik miatt nem támogatják az opciót.

    szabad_szöveg- Lehetővé teszi egy szövegmező hozzáadását az utolsó elemhez. Kitöltésre akkor válik elérhetővé, amikor az utolsó elemet kiválasztja, és a felhasználó kiegészítheti válaszát.

  • adat- Lekéri az értéket a világ országait tartalmazó listából, például data:countries .

Kína India San Marino

válassza ki

Lehetővé teszi a válaszlehetőségek kiválasztását egy legördülő listából. Két változatban használható:

Tulajdonságok:

  • osztály
  • alapértelmezett- alapértelmezett:2 vagy alapértelmezett:2_3_4
  • többszörös- Lehetővé teszi több válasz kiválasztását
  • szerepel_üres- Adja hozzá a "- - -" karakterláncot első válaszként
  • first_as_label
  • adat
  • tételeket- válaszlehetőségek

dátum

Naptári dátum kiválasztására szolgáló mező. Ez HTML5 típusú, régebbi böngészők nem támogatják.

Tulajdonságok:

  • osztály
  • helykitöltő
  • min- Egy lehetséges dátum alsó értéke, például min:2016-01-01 . A relatív dátumformátum támogatott, például ma+10 nap, ma-2 hét és így tovább.
  • max- Egy lehetséges dátum felső értéke, például min:2017-01-01 . A relatív dátumformátum támogatott, akárcsak a min.
  • lépés- Dátum módosítás lépése napokban, például lépés:3 . Ha az alsó érték 2016-01-01 és a lépés 3, akkor a következő lépésben a dátum 2016-01-04 és így tovább.

Amikor egy címkét beilleszt egy levélsablonba, a dátum ÉÉÉÉ-HH-NN (2016-12-25) formátumban kerül elküldésre a postára – ez nem vizuális. Ezért megadhat egy leíróbb sablont is, ehhez használja a [_formátum_(mezőnév) "(dátumformátum)"] konstrukciót.

[_formátum_a-dátum "É, d"]

reCAPTCHA (spam elleni védelem)

A 4.3-as verziótól kezdődően a 7-es kapcsolatfelvételi űrlap a reCAPTCHA szolgáltatással együtt lehetővé teszi a kéretlen levelek elleni küzdelmet. A reCAPTCHA használatához Google fiókkal kell rendelkeznie, ahol kulcsokat szerezhet be az API szolgáltatás használatához.

A kulcsok megszerzéséhez a következőkre lesz szüksége:

  1. Menj reCAPTCHA adminisztrációs panel.
  2. Regisztráljon egy webhelyet.
  3. Szerezze be a webhelykulcsot és a titkos kulcsot (ez két különböző kulcs: lehet egy webhelykulcs, de sok titkos kulcs van).

Tulajdonságok:

  • osztály
  • téma- Widget színséma. Lehet sötét vagy világos (alapértelmezett).
  • méret- Widget mérete. Lehet kompakt (kompakt) vagy normál (alapértelmezett).

Most az űrlapsablonban használja a .

Kvíz (kérdés-válasz)

Ebben a mezőben a felhasználónak feltesz egy kérdést, és meg kell válaszolnia, különben a levél nem kerül elküldésre. A mező akkor jelent meg, amikor a spam ellen level captchák segítségével küzdöttek (reCAPTCHA még nem volt). Az alfabetikus captchák használata korlátozásokat támasztott mind a szerveren (kötelező grafikai könyvtárak), és egy személyen (vizuális észlelési hibák). Ez a módszer megoldotta ezeket a hiányosságokat.

Tulajdonságok:

  • osztály
  • méret- A mező mérete és hossza. Az egyik érték elhagyható.

A példa azt mutatja, hogy a kérdést és a választ | . Teljesen bármilyen kérdést és választ írhat, például matematikai:

Több kérdés-felelet pár is megadható, a kérdés véletlenszerűen kerül kiválasztásra az űrlap minden egyes megjelenésekor:

Ebben a mezőben megadhatja a minlength és maxlength paramétereket:

Ha több kérdést tartalmazó kvízcímkét hoz létre a generátor segítségével, írjon minden kérdés-válasz párost egy új sorba.

rejtett

Rejtett mező – a felhasználó számára nem látható. Értékes információkat tárolhat. Az információk hozzáadhatók Javascript használatával, vagy létrehozhatók az alapértelmezett beállítással.

Tulajdonságok:

  • osztály
  • alapértelmezett- Itt adhat át egy paramétert, amely egy bizonyos szabály szerint lesz konvertálva. További információ az attribútum leírásában (opciók a cikk elején).

Beküldés

Űrlapadatok beküldésére szolgáló gomb (beküldés). Erre a gombra kattintva elküldi az összes űrlapadatot a szervernek.

Tulajdonságok:

  • osztály

Megadhatja a gomb szövegét:

Példa az összes támogatott paraméter használatára:

ajax-betöltő

Felhívjuk figyelmét, hogy a címke amelyben a letöltés ikon betöltődik, ha rákattint a beküldő űrlapra, az a beküldés gombbal együtt, pontosabban utána kerül fel.

Így például ha lecseréli a címkét egy kész HTML gombra. Erre néha szükség van, ha a gomb elrendezése nem megfelelő. Például, ha azt szeretné, hogy a küldés gomb így nézzen ki: