Juhendid

Pop-up vormi lisamine kodulehele

Kuidas lisada uudiskirjaga liitumise pop-up'i kodulehele?

Pop-up lahendus on lihtne ja kiire viis, kuidas kasvatada oma uudiskirjaga liitujate baasi pakkudes neile mingit väärtust nende meiliaadressi eest. Siin lehel on välja toodud detailne kirjeldus, kuidas lisada pop-up liitumisvorm oma kodulehele.

Pop-up liitumisvormi saad oma kodulehele lisada kasutades Smaily maandumislehtede abil loodud vorme ning kolmanda osapoole teenust. Mõned näited pop-upi loomise teenusest:

Smailys maandumislehe loomine

Loo Smailys maandumislehe tööriistaga uus uudiskirjaga liitumise vorm ning kujundada täpselt selliseks nagu soovid.

Iframe koodi ettevalmistamine

  1. Kopeeri allolev kood kuhugi (näiteks wordi, märkmetesse), kus saad seda hiljem lihtsasti muuta.
    <iframe width="600" height="600" style="width: 600px; height: 600px; border: 0px;" src="LISA_SIIA_OMA_MAANDUMISLEHE_URL"></iframe>
  2. Ava oma loodud maandumislehe vorm uues aknas.
  3. Vajuta klahvikombinatsiooni Ctrl + Shift + C. Avaneb brauseri tööriistade liides ning sinu hiir on nüüd aktiveeritud. Kui hiirega vormi peal ringi liigud siis tõstetakse esile erinevaid maandumislehe elemendid.
  4. Pildil on välja toodud kaks numbrit, millest vasakpoolne on viitab elemendi laiusele ning parempoolne elemendi kõrgusele. Need numbrid on olulised selleks, et määrata kui suur iframe raam peab olema, et vorm ilusti ära mahuks.

Antud pildil on vormi laius 500px. Kui soovid mingil määral tausta ümber paistma jätta, saad laiusele lisada piksleid juurde. Näiteks, saad määrata kogu laiuseks 600px.

Kõrguse saad kätte, kui liigu aktiveeritud hiirega vormi kõrvale taustale. Antud näitel on selleks: 367px. Kui panna kõrgusele tausta juurde, on kogu kõrgus 400px.

Antud näitel on iframe kood järgmine:

<iframe width="500" height="367" style="width: 500px; height: 367px; border: 0px;" src="https://demo.sendsmaily.net/landing-pages/ba244eea-1627-4521-9e4a-acc4ed5231d6/html/"></iframe>

Pop-upi loomine Poptini näitel

  1. Mine lehele https://www.poptin.com/
  2. Loo endale kasutaja või logi sisse olemasolevale.
  3. Vali vasakult menüüst “Popups”.
  4. Vajuta nupule “New poptin”.
  5. Vali oma eesmärk (“What’s your goal?”) – Sobib suurepäraselt valik “Grow email list”.
  6. Järgmiseks vali mall, millele pop-upi ehitama hakata. Antud näites on valitud tühi vorm “Build your own Popup” ning seejärel klikitud nupule “Customize”.
  7. Avanevas aknas määra enda jaoks pop-up lahenduse nimi ning domeeni alla sisesta oma kodulehe url, millele soovid pop-up lahenduse lisada.
  8. Seejärel avaneb poptini töölaud, kus saab hakata ehitama pop-upi.
  9. Kustuta ära ebavajalik tekstielement.
  10.  Antud näitel on pop-up laius ja kõrgus määratud vastavalt iframe mõõtudele (600 ja 600).
  11. Otsi vasakul menüüst üles kategooria “add elements” ning kliki seal HTML elemendi peale. See lisatakse automaatselt pop-upile.
  12. Kliki hiirega HTML elemendi peale (malli peal) ning vali avanevast menüüst “change HTML”.
  13. Avanevasse aknasse kopeeri ettevalmistatud iframe’i kood ja kliki “Save”.
  14. Säti paika html aken ehk sikuta see täismõõtu.
  15. Kliki ekraani allosas “preview” nupule, et vaadata pop-upi eelvaadet.

Pop-upi seadistamine

Kui visuaalne pool on olemas siis saab seadistada pop-upi kuvamist.

  1. Vasakul menüüs on kategooria “Advanced settings”, kus all saab paika panna – entry effect’i, exit effect’i jne.
  2. Kui need on seadistatud siis vajuta üleval paremas nurgas “next” nupule.
  3. Avaneb menüü display triggerite valikutega ehk siin saad määrata pop-upi kuvamise reeglid.
  4. Kui need on seadistatud, kliki nupule “Publish”.
  5. Mine vasakult menüüst uuesti Popupide lehele ning kliki just loodud pop-upi nimele.
  6. Üleval menüüs kliki “Installation code” nupule ning vali millisele kodulehe platvormile koodi soovid lisada. Mina valisin “Any website”, kopeerisin sealt koodi ning see kood tuleb kodulehe arendajale anda, et see lisataks kodulehe koodi </head> tagi ette. Muudel juhtudel järgi juhendeid, mis on välja toodud.
Menüü