Juhendid

Voog kodulehele Smaily liitumisvormi lisamine

Voog kodulehele saab Smaily uudiskirjaga liitumise vormi lisada kasutades kas maandumislehtede tööriistaga loodud vormi või näidis opt-in koodi.

Uudiskirjaga liitumise vormi lisamine nupuga

Oma Smaily kontol saad luua ja kujundada maandumislehtede tööriistaga uudiskirjaga liitumise vormi. Vaata lähemalt maandumislehtede loomise juhenditest.

Nupu lisamine ja vormi linkimine

  1. Kliki nupul “Muuda saiti”
  2.  Vali leht, millele soovid uudiskirjaga liitumise vormi lisada
  3. Lisa soovitud kohta teksti element
  4. Kirjuta tekstikasti uudiskirjaga liitumise nupu tekst, näiteks “Liitu uudiskirjaga”
  5. Selekteeri kogu tekst ning menüüs kliki “Stiilid” nupule (¶)
  6. Vali rippmenüüst “Nupp”
  7. Kliki lehel loodud nupu peale ning lisa trellide (#) asemele Smailys loodud maandumislehe link.
  8. Salvesta muudatused. Eelvaate alt saad kontrollida, kuidas uudiskirjaga liitumise nupp välja näeb ning kas see suunatakse korrektselt.

Kui on kasutusel kujundus, kus stiilide valikus ei ole nupu vormindust siis saad vormi lisada “video” nupu taha. Liitu uudiskirjaga nupu saad lisada järgmiselt:

  1. Kliki nupul “Muuda saiti”
  2. Vali leht, millele soovid uudiskirjaga liitumise vormi lisada
  3. Lisa soovitud kohta teksti element
  4. Teksti elemendi vorminduse menüüs kliki “Lisa video” ikoonile
  5. Avanenud lahtrisse kopeeri all olev kood
  6. <a href=”MAANDUMISLEHE_URL” class=”custom-btn”>Liitu uudiskirjaga</a>
  7. href= jutumärkide vahele lisa Smailys loodud maandumislehe link (url) ja seejärel kliki “Sisesta” nupule
  8. Salvesta muudatused. Eelvaate alt saad kontrollida, kuidas uudiskirjaga liitumise nupp välja näeb ning kas see suunatakse korrektselt.

Maandumislehe vormi lisamine iframe'i abil

  1. Kliki nupul “Muuda saiti”
  2. Vali leht, millele soovid uudiskirjaga liitumise vormi lisada
  3. Lisa soovitud kohta teksti element
  4. Teksti elemendi vorminduse menüüs kliki “HTML lähtekood” ikoonile (</>)
  5. Avanevas aknas lisa all olev kood
  6. <iframe src=”MAANDUMISLEHE_URL” title=”Liitu uudiskirjaga”></iframe>
  7. href= jutumärkide vahele lisa Smailys loodud maandumislehe link (url) ja seejärel kliki “Muuda” nupule
  8. Smailys loodud maandumisleht kuvatakse lehe sees. Saad vormi kuvamise laiust ja kõrgust muuta, klikid vormi peale ning sikutad vormi ääres olevatest mummukestest.
  9. Salvesta muudatused. Eelvaate alt saad kontrollida, kuidas uudiskirjaga liitumise nupp välja näeb ning kas see suunatakse korrektselt.

Uudiskirjaga liitumise vormi lisamine koodiga

Kui soovid kujundada uudiskirjaga liitumise vormi endale sobivamaks ning lisada väljasid või neid muuta, saab kasutada ka opt-in näidiskoodi vormi lisamiseks.

Koodi saad lisada, kas koodi elementi või teksti elemendi kaudu koodina.

Vaikimisi stiilidega vormi kood:

<form action="https://<domain>.sendsmaily.net/api/opt-in/" method="post" autocomplete="off">
  <div style="display:none">
    <input type="hidden" name="key" value="XDcsks...3sz" />
    <input type="hidden" name="autoresponder" value="1" />
    <input type="hidden" name="source" value="web" />
    <input type="hidden" name="success_url" value="http://www.domeen.ee/ok" />
    <input type="hidden" name="failure_url" value="http://www.domeen.ee/error" />
    <input type="text" name="re-email" value="" />
  </div>
  <div class="form_area">
    <div class="form_fields">
      <div class="form_field form_field_required  ">
        <label class="form_field_label" for="email">E-mail</label>
        <input class="form_field_textfield form_field_size_medium" name="email" type="email" value="" />
      </div>
      <div class="form_field">
        <label class="form_field_label" for="name">Nimi</label>
        <input class="form_field_textfield form_field_size_medium" name="name" type="text" value="" />
      </div>
     </div>
    <div class="form_submit">
      <input class="form_submit_input" name="commit" type="submit" value="Liitu" />
    </div>
  </div>
</form>
Parameeter Väärtus
domain Smaily konto alamdomeeni nimetus, näiteks kui url on demo.sendsmaily.net siis alamdomeeni nimetus on demo
key API võti, mille leiab Smaily konto seadete alt.
autoresponder Olemasoleva automaatika töövoo ID, mille kaudu saadetakse uudiskirjaga liitumis kinnitus. Valikuline.
success_url Õnnestunud päringu suunamis aadress. Kohustuslik.
failure_url Ebaõnnestunud päringu suunamis aadress. Kohustuslik.
source Varjatud parameeter, mis antakse kontakti liitumisel kontaktiga kaasa. Source parameetriga saate määrata kontakti liitumise asukohta (web, koduleht, FB vms).