Kurti ir rodyti iškylančias formas

Published: 2026 m. liepos 16 d. · Last updated: 2026 m. liepos 21 d. · By Marcus Biel

Iškylanti forma rodoma virš jūsų svetainės turinio. Ji pateikia registracijos pasiūlymą lankytojui tiesiai prieš akis, o puslapis fone lieka savo vietoje.

Iškylančios formos naudingos naujienlaiškių pasiūlymams, nuolaidoms, registracijai į renginius, potencialių klientų pritraukimo pasiūlymams ir kitiems konkretiems raginimams veikti. Kadangi jos nutraukia įprastą naršymo patirtį, rodymo laikas ir dažnumas yra tokie pat svarbūs kaip ir dizainas.

Šiame vadove paaiškinami tik iškylančioms formoms skirti nustatymai. Išdėstymas, turinio blokai, prenumeratorių laukai, žymos, tipografija, sluoksniai ir registracijos srautai aprašyti pagrindiniame Registracijos formų kūrimo vadove.

Iškylančios formos kūrimas

Atidarykite „Signup Forms“, spustelėkite „Create Form“ ir pasirinkite „Popup“. Įveskite aiškų vidinį pavadinimą ir pereikite į kūrimo priemonę.

Taip pat galite redaguoti esamą iškylančią formą, spustelėję jos pavadinimą Signup Forms Overview puslapyje.

Naudokite pavadinimą, kuris paaiškina pasiūlymą arba vietą, pavyzdžiui, „Homepage Discount Popup“, „Webinar Registration Popup“ arba „Guide Download Popup“. Vidinis pavadinimas lankytojams automatiškai nerodomas.

Iškylančios formos šablono pasirinkimas

Iškylančiose formose siūloma tuščia forma, standartinė forma ir keturi sukurti šablonai:

• Švari nuolaida
• Jaukus vadovas
• Tamsus internetinis seminaras
• Švelni bendruomenė

Pasirinkite tokį šabloną, kurio dydis ir turinio struktūra tinka pasiūlymui. Vėliau galima pakeisti visą tekstą, laukus, spalvas, vaizdus, tarpus ir išdėstymą.

Iškylančios formos dizainas

Naudokite vizualinę kūrimo priemonę, kad išdėstytumėte iškylančią formą. Registracijos formą galite derinti su tekstu, vaizdais, vaizdo įrašais, sąrašais, mygtukais, socialinių tinklų nuorodomis, prenumeratorių skaitikliu, tarpais ir skirtukais.

Pagrindinė žinutė turėtų būti pakankamai trumpa, kad ją būtų galima iškart suprasti. Aiški antraštė, vienas trumpas paaiškinimas ir konkretus pateikimo mygtukas paprastai yra veiksmingesni nei kelios tarpusavyje konkuruojančios žinutės.

Pasirinkite registracijos formos bloką, kad sukonfigūruotumėte laukus, privalomą informaciją, paslėptas žymas, eigos indikatorių, prenumeratorių skaitiklį, įvesties laukus ir pateikimo mygtuką. Atidarykite „Page settings“, kad pakeistumėte bendrą iškylančios formos foną ir numatytąją išvaizdą.

Iškylanti forma rodoma virš svetainės ir turi uždarymo valdiklį. Aplink svarbų tekstą ir laukus palikite pakankamai vietos, kad forma būtų patogi naudoti mažame ekrane.

Iškylančios formos elgsenos konfigūravimas

Pasirinkite registracijos formos bloką ir atidarykite „Widget Settings“. Šiame skyriuje nustatoma, kada rodoma iškylanti forma ir kaip dažnai lankytojas gali ją matyti.

Rodymo delsa

„Display Delay“ nustato, kiek sekundžių Maildroppa laukia prieš parodydama iškylančią formą įterptame svetainės puslapyje.

Įveskite 0, kad forma būtų rodoma be papildomos delsos. Naudokite didesnę reikšmę, kai lankytojams reikia laiko perskaityti puslapį prieš pasirodant pasiūlymui. Kūrimo priemonė priima iki 86 400 sekundžių delsą.

Delsą pasirinkite atsižvelgdami į puslapį. Trumpa delsa gali tikti konkrečiam kampanijos puslapiui, o ilgesnė gali mažiau trikdyti straipsnyje.

Rodymo dažnumas

„Display Frequency“ nustato laikotarpį, po kurio iškylanti forma gali būti dar kartą parodyta tam pačiam lankytojui. Galimos parinktys:

• Visada
• Kartą per valandą
• Kartą per dieną
• Kartą per savaitę
• Kartą per mėnesį

Parinktį „Always“ naudokite atsargiai. Iškylanti forma, kuri nuolat pertraukia tą patį lankytoją, gali erzinti. Bendrai svetainės pasiūlai dažnai geriau pradėti nuo kasdienio arba kassavaitinio dažnumo.

Dažnumas išsaugomas lankytojo naršyklėje. Todėl testuojant kitoje naršyklėje, privačiame naršymo lange arba išvalius naršyklės saugyklą rezultatas gali skirtis.

Išėjimo ketinimo naudojimas

Įjunkite „Exit Intent Popup“, kai iškylanti forma turėtų būti atidaryta lankytojui iškėlus žymeklį už puslapio srities ribų, o tai rodo, kad jis gali ketinti išeiti.

Įjungus išėjimo ketinimą, forma laukia tokio elgesio, užuot rodoma po įprastos delsos. Pasirinktas rodymo dažnumas vis tiek neleidžia jos parodyti dar kartą per greitai.

Išėjimo ketinimas nustatomas pagal žymeklio judėjimą, todėl daugiausia aktualus stalinių ir nešiojamųjų kompiuterių naršyklėse. Jutikliniai įrenginiai neteikia tokio pat išėjimo signalo. Visada pasirūpinkite, kad mobiliųjų įrenginių lankytojai galėtų rasti registracijos pasiūlymą pačiame puslapyje arba naudodami kitą tinkamą formą.

Iškylančios formos atidarymas rankiniu būdu iš puslapio elemento

Iškylanti forma gali būti atidaryta lankytojui spustelėjus konkretų svetainės mygtuką, vaizdą arba nuorodą. Tai yra rankinis spustelėjimo paleidiklis. Jis skiriasi nuo „Exit Intent Popup“, kuris reaguoja lankytojui iškėlus žymeklį už puslapio ribų.

Rankinį spustelėjimo paleidiklį sukonfigūruokite ir įdiekite taip:

1. Atidarykite iškylančią formą Signup Form Builder.
2. Spustelėkite registracijos formos bloką drobėje ir dešinėje atidarykite „Settings“.
3. Išskleiskite „Widget Settings“ ir įjunkite „Open popup when a customer clicks a page element“.
4. Spustelėkite „Save changes“.
5. Grįžkite į Signup Forms Overview ir suaktyvinkite iškylančią formą, jei ji neaktyvi.
6. Tos iškylančios formos eilutėje spustelėkite „Show Code Snippet“.

Dialogo lange pateikiamos dvi jūsų svetainėje reikalingos reikšmės:

1. Nukopijuokite visą kodą iš kortelės „JavaScript“ ir įtraukite jį į svetainės puslapį, kuriame turi būti pasiekiama iškylanti forma.
2. Po kodu nukopijuokite ID, rodomą po užrašu „Add this ID to element from which you want to manually trigger Popup“.
3. Tą tikslią reikšmę įtraukite į mygtuko, vaizdo arba nuorodos, kuri turi atidaryti iškylančią formą, id atributą.

ID formatas:

maildroppa-popup-btn-[form-id]

Pavyzdžiui:

<button id="maildroppa-popup-btn-[form-id]">Gauti vadovą</button>

„JavaScript“ įkelia iškylančią formą. ID susieja ją su pasirinktu puslapio elementu. Abu turi būti tame pačiame paskelbtame puslapyje. Lankytojui spustelėjus elementą su tuo tiksliu ID, Maildroppa scenarijus atidaro iškylančią formą.

Jei jūsų svetainės mygtukas jau turi kitos iškylančių langų sistemos suteiktą ID, pakeiskite jį Maildroppa paleidiklio ID, kai spustelėjimą turi valdyti Maildroppa. Nedėkite Maildroppa iškylančios formos į antrą iškylantį langą, kurį suteikia svetainės kūrimo priemonė.

Kiekvieną HTML ID puslapyje naudokite tik vieną kartą. Jei tą pačią iškylančią formą turi atidaryti keli elementai, paprašykite svetainę įgyvendinančio asmens susieti šiuos elementus nedubliuojant to paties ID.

Registracijos srauto prijungimas

Peržiūrėkite kūrimo priemonės antraštėje priskirtą registracijos srautą. Jis valdo tiesioginį atsaką po pateikimo, „Double Opt-in“ el. laišką ir rezultatą po patvirtinimo.

Galite pasirinkti esamą srautą, jį redaguoti arba sukurti atskirą šiai iškylančiai formai skirtą srautą. Atskiras srautas naudingas, kai pasiūlymui reikia nuosavos patvirtinimo žinutės arba potencialaus kliento pritraukimo pasiūlymo pristatymo.

Peržiūra ir išsaugojimas

Spustelėkite „Preview“, kad patikrintumėte iškylančios formos dizainą ir elgseną nekeisdami svetainėje naudojamos versijos. Peržiūrėkite išdėstymą, uždarymo valdiklį, laukų tvarką, vietą tikrinimo pranešimams ir atsaką po pateikimo.

Kai iškylanti forma paruošta, spustelėkite „Save changes“. Tada grįžkite į Signup Forms Overview.

Iškylančios formos aktyvinimas ir automatinis įdėjimas

Jei iškylanti forma dar neaktyvi, suaktyvinkite ją trijų taškų veiksmų meniu. Tada spustelėkite „Show Code Snippet“ ir nukopijuokite visą kodą iš kortelės „JavaScript“.

Įdėkite scenarijų į kiekvieną svetainės puslapį, kuriame turi būti pasiekiama iškylanti forma. Kode yra unikalus formos ID, o scenarijus įkelia dabartinę išsaugotą jos konfigūraciją.

Kortelėje „HTML“ pateikiamas sugeneruotas žymėjimas pasirinktinėms realizacijoms. Jei jį naudojate, atidžiai išbandykite visą elgseną ir pateikimo veiksmus, nes svetainės kodas ir stiliai gali paveikti rezultatą.

Šis skyrius taikomas, kai iškylanti forma turi atsidaryti automatiškai pagal rodymo delsą arba išėjimo ketinimo elgseną. Jei mygtukas, vaizdas arba nuoroda turi atidaryti formą spustelėjus, vadovaukitės

.

Bendrąsias įdėjimo instrukcijas rasite Įterptos formos kūrimas ir įdėjimas.

Iškylančios formos testavimas svetainėje

Įdėję kodą išbandykite iškylančią formą tikrame svetainės puslapyje:

1. Patikrinkite sukonfigūruotą delsą.
2. Išbandykite uždarymo mygtuką ir spustelėjimą už formos ribų.
3. Jei įjungta, iškelkite žymeklį už puslapio ribų ir išbandykite išėjimo ketinimą.
4. Jei įjungta, spustelėkite sukonfigūruotą puslapio elementą ir išbandykite rankinį paleidiklį.
5. Patikrinkite išdėstymą siaurame ekrane.
6. Pateikite formą ir užbaikite „Double Opt-in“ procesą.
7. Patikrinkite prenumeratorių ir paslėptas žymas Maildroppa sistemoje.

Dažnumo nustatymas gali neleisti formai vėl pasirodyti atliekant pakartotinius bandymus. Kai reikia švaraus testinio apsilankymo, naudokite privatų naršymo langą arba išvalykite atitinkamą naršyklės saugyklą.

Iškylančios formos atnaujinimas arba išjungimas

Norėdami atnaujinti iškylančią formą, atidarykite ją Maildroppa sistemoje, redaguokite dizainą arba elgseną, peržiūrėkite ir spustelėkite „Save changes“. „JavaScript“ fragmentas ir toliau naudos tą patį formos ID.

Norėdami laikinai sustabdyti jos rodymą, veiksmų meniu pasirinkite „Deactivate“. Išjungus formą, ji ir ankstesnių ataskaitų duomenys išsaugomi. Jei scenarijus arba paleidiklio elementas nebereikalingi, pašalinkite juos iš svetainės.