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.

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.

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.

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>

Smaily opt-in näidiskood