Soron belüli feliratkozó űrlap

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.

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

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

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

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