# Contact Form 7 widget

> Kapcsolatfelvételi űrlap készítése a Contact Form 7 bővítménnyel, és megjelenítése az Elementor Contact Form 7 widgetjével.

A **Contact Form 7** widget a Contact Form 7 bővítménnyel készített űrlapot jeleníti meg az Elementor-oldalon, és az Elementor szerkesztőjében stílusozhatóvá teszi.

## Követelmények

- A **Contact Form 7** és a JetElements bővítmény telepítve és aktiválva.
- Elementor.

A widget csak aktív Contact Form 7 mellett jelenik meg az elemek panelén.

## 1. lépés: az űrlap elkészítése

1. A WordPress-vezérlőpulton nyisd meg a **Kapcsolat** menüt, és kattints a **Kapcsolatfelvételi űrlap hozzáadása** gombra.
2. Az **Űrlap** fülön egy kész sablont látsz: név, e-mail-cím, tárgy és üzenet mező, valamint a küldés gomb. Ez a klasszikus kapcsolatfelvételi űrlap. A sablont a mező fölötti gombokkal (**szöveg**, **e-mail**, **URL**, **telefon**, **szám**, **dátum**, **szövegterület**, **legördülő menü**, **jelölőnégyzetek**, **rádiógombok**, **elfogadás**, **kvíz**, **fájl**, **küldés**) szerkesztheted.
3. A címmezőben nevezd el az űrlapot.
4. Ha szeretnéd, az **E-mail**, az **Üzenetek** és a **További beállítások** fülön módosítsd a levélsablont, az üzeneteket és a további beállításokat.
5. Kattints a **Mentés** gombra.

![A Contact Form 7 űrlapszerkesztője a sablonnal és a mezőgombokkal](./kepek/integraciok-contact-form-7-urlap.webp)

*A Contact Form 7 űrlapszerkesztője a sablonnal és a mezőgombokkal* (https://minta-bolt.hu/wp-admin/admin.php?page=wpcf7&post=33&action=edit)

A képen a négy fül (**Űrlap**, **E-mail**, **Üzenetek**, **További beállítások**) és a jobb oldali **Mentés** gomb látszik.

## 2. lépés: az űrlap az oldalon

1. Nyisd meg az oldalt az Elementorral, keresd meg a **Contact Form 7** widgetet, és húzd az oldalra.
2. A **Tartalom** fül **Űrlap** blokkjában az **Űrlap kiválasztása** listából válaszd ki az elkészített űrlapot.

![A Contact Form 7 widget Űrlap blokkja az űrlap kiválasztásával](./kepek/integraciok-contact-form-7-beallitasok.webp)

*A Contact Form 7 widget Űrlap blokkja az űrlap kiválasztásával* (https://minta-bolt.hu/wp-admin/post.php?post=5&action=elementor)

A panelen az **Űrlap kiválasztása** lista látszik; alatta a bonyolultabb elrendezéshez ajánlott Layout Builder eszközre mutató megjegyzés.

Az űrlap alapból formázatlanul, fehér háttéren jelenik meg.

## Az űrlap kinézete

1. Az űrlap hátterét a szakasz (vagy konténer) szerkesztésével állíthatod: kattints a **Szakasz szerkesztése** lehetőségre, és a **Stílus** fül **Háttér** blokkjában válassz képet, videót vagy színátmenetet.
2. Magát az űrlapot a Contact Form 7 widget **Stílus** fülén formázhatod.
3. A panel alján kattints a **Közzététel** gombra.