Kapcsolati űrlap létrehozása a Contact Form 7 segítségével a weboldalad számára

A bemutató összes videója

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.

Kapcsolatfelvételi űrlap létrehozása a Contact Form 7 segítségével a weboldaladhoz

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.

Kapcsolati űrlap létrehozása a weboldaladhoz a Contact Form 7 használatával

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.

Kapcsolati űrlap létrehozása a Contact Form 7 segítségével a weboldaladhoz

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.

Kapcsolati űrlap létrehozása a weboldalad számára a Contact Form 7 segítségével

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.

Kapcsolati űrlap létrehozása a Contact Form 7 segítségével a weboldaladhoz

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.

Kapcsolatfelvételi űrlap létrehozása a weboldaladhoz a Contact Form 7 segítségével

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.

Kapcsolatforma létrehozása a weboldaladhoz a Contact Form 7 segítségével

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.

Kapcsolati űrlap létrehozása a Contact Form 7 segítségével a weboldaladhoz

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.

Kapcsolatfelvételi űrlap létrehozása a weboldaladhoz a Contact Form 7 segítségével

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.

Kapcsolati űrlap létrehozása a weboldaladhoz a Contact Form 7 segítségével

Ö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.