Az alábbiakban részletes útmutatót kapsz egy Kapcsolati űrlap létrehozásához a népszerű Contact Form 7 bővítménnyel. Megtanulod, hogyan telepítsd a bővítményt, hogyan konfiguráld az egyszerű, funkcionális kapcsolati űrlapot, és hogyan illeszd be a weboldaladra. Kezdjük is el!
Legfontosabb megállapítások
- A Contact Form 7 segítségével gyorsan és egyszerűen készíthetsz kapcsolati űrlapokat.
- A testreszabható mezők lehetővé teszik, hogy specifikus információkat kérj a felhasználóktól.
- A létrehozott űrlap egyszerűen beilleszthető egy oldalra vagy bejegyzésbe egy rövidkóddal.
1. lépés: Kapcsolati űrlap létrehozása
Először is, menj a WordPress admin területeden a „WPFs” részhez. Itt lehetőséged van arra, hogy megnézd az összes meglévő űrlapot, vagy új űrlapot hozz létre. Válaszd az „Új űrlap hozzáadása” opciót, hogy létrehozz egy új kapcsolati űrlapot.

Az űrlap konfigurációs képernyőjén landolsz, ahol testre szabhatod az űrlapot. Válaszd ki a kapcsolati űrlap sablonját. Általában egy egyszerű kapcsolati űrlap elegendő, de létrehozhatsz űrlapot hírlevél feliratkozásokhoz is, ha erre szükséged van.

2. lépés: Mezők testreszabása
Most itt az ideje, hogy a saját kívánságaid szerint alakítsd az űrlapot. Eldöntheted, hogy mely mezőkre van szükséged. Ebben az esetben hozzáadjuk a név, e-mail cím és üzenet mezőket. Az informálisabb érzés érdekében válaszd ki a megfelelő elrendezést, például állítsd be teljes szélességre.

Ha több információt szeretnél kérni a felhasználóidtól, hozzáadhatsz jelölőnégyzeteket is. Például érdemes integrálni egy jelölőnégyzetet az adatvédelmi irányelvekhez, és világosan jelezni, hogy a felhasználó ezt elolvasta és elfogadta.

Ne felejtsd el a jelölőnégyzetet kötelező mezőként megjelölni, így a felhasználó nem hagyhatja figyelmen kívül. Ezzel biztosítod, hogy minden szükséges információ be legyen töltve, mielőtt az űrlapot elküldik.

3. lépés: Az űrlap mentése
Miután konfiguráltad az összes szükséges mezőt, el kell menteni az űrlapot. Ellenőrizd a weboldal adminisztrátorának küldött értesítéseket is, amikor valaki a kapcsolati űrlapon keresztül jelentkezik.

Itt beállíthatod a feladó nevét és a beérkezett üzenetek válasz címét. Győződj meg róla, hogy minden mező helyesen jelenik meg, amikor mented az értesítést.
4. lépés: Megerősítő üzenet beállítása
A megküldött űrlap után megjelenő megerősítő üzenet éppolyan fontos. Személyre szabott üzenetet adhat meg, amely megjelenik a felhasználóknak a kapcsolatuk benyújtása után.

5. lépés: Kapcsolati űrlap beillesztése egy oldalba
Most, hogy az űrlap elkészült és konfigurálva van, be kell illesztened egy weboldaladba. Hozz létre egy új oldalt a WordPressben, és válaszd az Elementor szerkesztőt.

Keresd meg a WP elemet, és illeszd be a kapcsolati űrlapot a rövidkód segítségével. Most már képes kell legyél az űrlapot megjeleníteni az oldalon.

6. lépés: A kapcsolati űrlap tesztelése
Fontos, hogy most teszteld az űrlapot, hogy megbizonyosodj róla, hogy minden működik. Töltsd ki a mezőket információkkal, és kattints a „Küldés” gombra. Ügyelj arra, hogy a megerősítő üzenet helyesen jelenjen meg, és ellenőrizd, hogy az e-mail az adott címekre megérkezik-e.

Összefoglalás - Kapcsolati űrlap létrehozása a Contact Form 7-tel
Ezzel az útmutatóval megtanultad, hogyan hozz létre egy kapcsolati űrlapot a Contact Form 7 bővítménnyel. Az összes lépést részletesen leírtuk, az űrlap mezőinek konfigurálásától a weboldaladra való beillesztésig.
GYIK
Hogyan telepíthetem a Contact Form 7 bővítményt?A bővítményt közvetlenül a WordPress irányítópultján a „Bővítmények” > „Telepítés” résznél keresheted és telepítheted.
Testreszabhatom a űrlap dizájnját?Igen, az űrlap dizájnját testreszabhatod, ha a szélességet, a színeket és a mezőket a kívánságaid szerint formázod.
Hogyan kapom meg az üzeneteket a kapcsolati űrlapból?Az üzeneteket a beállított értesítési e-mail címre küldik.