# MailChimp-feliratkozási űrlap

> A MailChimp API-kulcs és a lista azonosítójának beszerzése, és a Subscribe Form widget beállítása az Elementorban.

A **Subscribe Form** widget feliratkozási űrlapot tesz az oldalra, amely a látogatók e-mail-címét egy MailChimp-listára (a MailChimp új nevén: audience, „közönség”) küldi. Ehhez két adat kell a MailChimp-fiókból: az API-kulcs és a lista azonosítója.

## Követelmények

- Elementor (az ingyenes változat is elég).
- Egy MailChimp-fiók, legalább egy listával.

## Az API-kulcs és a lista azonosítójának beszerzése

### Fiók létrehozása

Ha még nincs MailChimp-fiókod:

1. Nyisd meg a MailChimp oldalát, és kattints a **Sign Up** gombra.
2. Válaszd ki a számodra megfelelő csomagot, és add meg az e-mail-címedet, a felhasználónevedet és a jelszavadat.
3. A MailChimptől kapott levélben kattints az **Activate Account** gombra.
4. Add meg a személyes adataidat és a címedet, és jelöld meg, mire szeretnéd használni a MailChimpet.
5. Igazold vissza a fiókodat. Utána a fiók elkészül.

### API-kulcs létrehozása

1. A MailChimp-fiókodban nyisd meg az **Extras → API Keys** oldalt, görgess lejjebb, és kattints a **Create A Key** gombra.
2. Az **API Key Name** mezőbe írd be a kulcs nevét.
3. Kattints a **Generate Key** gombra, majd a **Copy To Clipboard** gombbal másold a vágólapra a kulcsot.

### A lista azonosítója

1. A MailChimp-fiókodban nyisd meg az **Audience** oldalt, és válaszd ki a listát (a listának adj nevet, ha még nincs).
2. Másold ki a lista egyedi azonosítóját (Audience ID).

## Az adatok megadása a bővítményben

1. Nyisd meg a **Crocoblock → JetPlugins Settings** oldalt, a bal oldali listában a **JetElements** csoportot, azon belül az **Integrations** aloldalt.
2. A **MailChimp** blokkban a **MailChimp API-kulcs** mezőbe illeszd be a kulcsot.
3. A **MailChimp-lista ID-ja** mezőbe illeszd be a lista azonosítóját.
4. Ha azt szeretnéd, hogy a feliratkozók megerősítő e-mailt kapjanak, kapcsold be a **Dupla megerősítéses feliratkozás** kapcsolót.

A beállítások maguktól mentődnek.

![A JetElements integrációs beállításai a MailChimp mezőkkel](./kepek/integraciok.webp)

*A JetElements integrációs beállításai a MailChimp mezőkkel* (https://minta-bolt.hu/wp-admin/admin.php?page=jet-dashboard-settings-page&subpage=jet-elements-integrations-settings)

A kép közepén a **MailChimp** blokk látszik a két mezővel és a dupla megerősítés kapcsolójával.

A JetElements és a JetPopup bővítmény ugyanazt a MailChimp-kulcsot használja: ha az egyiknél megadtad, a másiknál is elérhető.

## A Subscribe Form widget

1. Nyisd meg az oldalt az Elementorral, és keresd meg a **Subscribe Form** widgetet az elemek panelén.
2. Húzd az oldalra a kívánt helyre.

Alapból az űrlap két elemet tartalmaz: egy e-mail-mezőt és egy küldés gombot.

![Az oldalra tett Subscribe Form widget: e-mail-mező és Feliratkozás gomb](./kepek/integraciok-feliratkozas-elo.webp)

*Az oldalra tett Subscribe Form widget: e-mail-mező és Feliratkozás gomb* (https://minta-bolt.hu/widget-teszt-2/)

A képen a widget alapállapota látszik, a **Feliratkozás** gombbal az e-mail-mező mellett.

### Tartalom fül, Mezők

| Beállítás | Mit csinál | Alapérték |
| --- | --- | --- |
| **Beviteli mező helyőrzője** | A mezőben, a beírás előtt látszó szöveg, például a várt formátum | E-mail |
| **Küldés gomb szövege** | A küldés gomb felirata | Feliratkozás |
| **Küldésikon hozzáadása** | Ikon a gombon; bekapcsolás után ki is választhatod az ikont | Nem |
| **További mezők használata** | További mezőket adhatsz az űrlaphoz, például keresztnevet, vezetéknevet, címet vagy telefonszámot | Nem |
| **Elrendezés** | A gomb helye: a mezők mellett (**Beágyazott**) vagy alattuk | Beágyazott |

A **További mezők használata** bekapcsolása után a mezők listája jelenik meg. A tételeket másolhatod és törölheted, az **Elem hozzáadása** gombbal pedig újat veszel fel.

![A további mezők listája: keresztnév, vezetéknév, cím és telefonszám](./kepek/integraciok-feliratkozas-tovabbi-mezok.webp)

*A további mezők listája: keresztnév, vezetéknév, cím és telefonszám* (https://minta-bolt.hu/wp-admin/post.php?post=5&action=elementor)

A listában minden tétel mellett ott van a másolás és a törlés gomb, alul az **Elem hozzáadása** gomb.

### Tartalom fül, Beállítások

![A Subscribe Form Beállítások blokkja két kapcsolóval](./kepek/integraciok-feliratkozas-beallitasok.webp)

*A Subscribe Form Beállítások blokkja két kapcsolóval* (https://minta-bolt.hu/wp-admin/post.php?post=5&action=elementor)

| Beállítás | Mit csinál | Alapérték |
| --- | --- | --- |
| **Átirányítási URL használata?** | Bekapcsolva megadhatsz egy címet, ahová a látogató a feliratkozás után kerül | Nem |
| **Céllista ID használata?** | Bekapcsolva megjelenik egy listaazonosító-mező, és a widget az oda írt listára gyűjti a feliratkozókat az integrációs beállításokban megadott lista helyett | Nem |

### Stílus fül

A **Stílus** fülön az űrlap kinézetét állíthatod: elrendezés, szélesség, háttér, szín, belső és külső margó, lekerekítés, szegély, árnyék, szövegszín és betűtípus.

Ne felejts el a panel alján a **Közzététel** vagy **Frissítés** gombra kattintani.