# Soron belüli feliratkozó űrlap

> Vízszintes feliratkozó űrlap az oldal tartalmába ágyazva: importálás, hírlevél-szolgáltatás összekötése és beillesztés az oldalra.

A soron belüli (inline) feliratkozó űrlap közvetlenül az oldal tartalmában gyűjt e-mail-feliratkozókat: nincs felugró ablak és nincs átirányítás, csak egy vízszintes űrlap ott, ahol szükséged van rá. Készíthetsz egy kész sablonból, és összekötheted a hírlevél-szolgáltatásoddal.

## 1. Az űrlap betöltése

Ha van kész, exportált feliratkozó-űrlapod JSON-fájlja, importáld:

1. Nyisd meg a **Fluent Forms Pro → Eszközök** oldalt.
2. A bal oldali sávban válaszd az **Űrlapok importálása** pontot.
3. A fájlválasztóval tallózd ki a JSON-fájlt.
4. Kattints az **Űrlapok importálása** gombra.

Sablonból is indulhatsz, lásd [Űrlap készítése](https://hub.hellowp.io/hu/plugins/fluentformpro/urlapok-letrehozasa-urlap-keszitese/).

## 2. A hírlevél-szolgáltatás összekötése

1. Nyisd meg az importált űrlapot a szerkesztőben.
2. Lépj a **Beállítások és integrációk** fülre.
3. Válaszd ki a hírlevél-szolgáltatásodat az **Integrációk beállítása** oldalon, például Mailchimp, Kit (korábban ConvertKit) vagy FluentCRM. Az integrációt a fiókod adataival állítsd be.
4. Mentés után másold ki az űrlap rövidkódját a szerkesztő jobb felső sarkából.

Az integrációk bekapcsolásáról az [Integrációk és modulok](https://hub.hellowp.io/hu/plugins/fluentformpro/integraciok/) fejezet ír.

## 3. Az űrlap beillesztése az oldalra

Nyisd meg az oldalszerkesztőt (vagy a sablonszerkesztőt) ott, ahol az űrlapot meg akarod jeleníteni.

1. **Szakasz:** vegyél fel egy új szakaszt, és adj neki világos hátteret, középre igazítással.

```css
.section {
    background-color: #f0f0f0;
    align-items: center;
}
```

2. **Címsor:** tegyél a szakaszba egy `<h2>` vagy `<h3>` címsort, például ezzel a stílussal:

```css
.heading {
    color: #566d8f;
    font-size: 20px;
}
```

3. **Rövidkód:** adj a szakaszhoz egy rövidkód-blokkot, és illeszd be az űrlap rövidkódját. A jobb elrendezésért a tárolót is formázhatod:

```css
.shortcode {
    margin-top: 20px;
    width: 100%;
    max-width: 600px;
}
```

4. Mentsd az oldalt.

Az oldalon ezután élesben megjelenik a vízszintes feliratkozó űrlap a beállított megjelenéssel.