Analit · balionline.hu útmutató

Hogyan kösd össze a kezdőoldali hírlevél-űrlapot Mailchimp-pel?

A kezdőoldal hírlevél-feliratkozó űrlapja (a sötét háttéren, a lap alján) technikailag fel van készítve a Mailchimp-küldésre – a form maga küld egy háttér-POST-ot Mailchimp felé, csak a 3 azonosítót kell kicserélni benne a saját Mailchimp listád valós adataira. Ez kb. 5 perc, és nem igényel Mailchimp API-kulcsot.

Miért nincs ez már kész? A Mailchimp fiókodba (info@analit.hu) belépéskor kétlépcsős azonosítás (SMS/e-mail kód) aktiválódott, amit csak a fiók tulajdonosa tud visszaigazolni. Emiatt a beállítást a te bejelentkezéseddel kell elvégezni – az alábbi lépések pontosan ehhez kellenek.
1

Jelentkezz be a Mailchimp fiókba

mailchimp.com → Log In

Használd az info@analit.hu fiókot.

2

Nyisd meg az Audience (Közönség) → Signup forms (Feliratkozási űrlapok) menüt

A bal oldali menüben: Audience → válaszd ki a listát (ha csak egy van, ez lesz az alapértelmezett) → Signup forms → Embedded form (Beágyazott űrlap).

3

Másold ki a form kódját

A Mailchimp itt megjelenít egy kész HTML kódrészletet. Ebből 3 dolog kell:

Mit keress a Mailchimp kódjábanHova kerül nálunk
action="https://XXXX.list-manage.com/subscribe/post?u=...&id=...&f_id=..." A form action attribútuma (a teljes URL-t másold be)
A rejtett „bot-trap” mező neve, pl. name="b_a1b2c3_d4e5f6" A rejtett input name attribútuma nálunk (üresen kell hagyni az értékét!)
4

Illeszd be a WPCode snippet-be

wp-admin → Code Snippets → #512 „home dynamic” (analit_homepage)

Keresd meg a <form id="newsletter-form"> részt, és cseréld ki benne a 3 helyőrzőt:

  • REPLACE_WITH_U_ID → a Mailchimp u= paraméterének értéke
  • REPLACE_WITH_LIST_ID → a Mailchimp id= paraméterének értéke
  • REPLACE_WITH_F_ID → a Mailchimp f_id= paraméterének értéke

Ugyanezt a u és id értéket illeszd be a rejtett bot-trap mező nevébe is (name="b_REPLACE_WITH_U_ID_REPLACE_WITH_LIST_ID" → name="b_<u>_<id>"), és cseréld le az analit.usX tartományrészt (usX) a Mailchimp kódjában szereplő valós szerver-azonosítóra (pl. us21).

5

Mentsd el és teszteld

Kattints a Frissítés/Update gombra a snippet szerkesztőjében, majd a balionline.hu kezdőoldalán töltsd ki és küldd el a hírlevél űrlapot egy teszt e-mail címmel. Pár másodpercen belül meg kell jelennie a feliratkozónak a Mailchimp Audience → All contacts listájában.

Hogyan működik technikailag? Az űrlap egy láthatatlan <iframe>-be küldi el magát (target="mc-embed-frame"), így az oldal nem töltődik újra és nem navigál el a Mailchimp oldalára – a látogató a kezdőlapon marad, és egy „Köszönjük a feliratkozást!” üzenetet lát a gomb alatt.
Fontos: a rejtett bot-trap mezőt (position:absolute; left:-5000px) soha ne töltsd ki és ne töröld – ez védi a listát a robot-feliratkozásoktól. Ha a mező neve nem egyezik pontosan a Mailchimp saját nevével, a Mailchimp spam-gyanúsként dobhatja a feliratkozást.