Facebooki liitumisvormi lisamise jaoks saad saad app-i siit: https://apps.facebook.com/static_html_plus/


App-is vali FB lehekülg, millele soovid liitumisvormi lisada.


 Siin on näidiskood:

<html>
  <head>
    <title>Smaily FB subscribe app</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <link rel="stylesheet" type="text/css" href="https://sendsmaily.com/klient/fb/styles.css">
  </head>

  <body>
    <div id="page" class="lang-et">
      <div id="header">
        <div class="left"><a href="#"><img src="MUUDA!/logo.jpg" alt="" title=""></a></div>
        <div class="clear"></div>
      </div>

      <div id="content" class="rounded shadow">
        <img src="MUUDA!/banner.jpg" border="0" width="475"/>
        <div id="primary">
          <h2>Uudiskirjaga liitumine</h2>
          <p>Uudiskirjaga liitumiseks täida allolevad väljad</p>

          <form action="https://MUUDA!.sendsmaily.net/api/opt-in/" method="post" autocomplete="off">
            <input type="hidden" name="key" value="MUUDA!" />
            <input type="hidden" name="autoresponder" value="MUUDA!" />
            <!-- input type="hidden" name="language" value="EE" / -->
            <!-- input type="hidden" name="success_url" value="http://www.MUUDA!.ee/html" / -->
            <!-- input type="hidden" name="failure_url" value="http://www.MUUDA!.ee/viga.html" / -->
            <input type="hidden" name="FB" value="1" />
            <table cellspacing="5" cellpadding="0" width="100%"><tbody>
               <tr>
                 <td width="27%" style="text-align: right;">e-mail:</td>
                 <td width="3%"></td>
                 <td width="70%"><input type="text" name="email" value="" style="width: 100%" /></td>
               </tr><tr>
                 <td style="text-align: right;">Eesnimi:</td>
                 <td></td>
                 <td><input type="text" name="eesnimi" value="" style="width: 100%" /></td>
               </tr><tr>
                 <td style="text-align: right;">Perenimi:</td>
                 <td></td>
                 <td><input type="text" name="perenimi" value="" style="width: 100%" /></td>
               </tr>
             </table>
             <p></p>
          </div>

          <div class="split"></div>
          <div class="padding" style="text-align: right;">
            <p><button class="primary" type="submit">Liitu! →</button></p>
            <div style="overflow:hidden;height:0px;">
              <input type="text" name="re-email" value="" />
            </div>
            <div class="clear"></div>
          </form>
        </div>

        <style type="text/css">
          body { background: #edece8; }
          #header .left { padding: 30px 30px 20px; }
          #header .right, #footer { display: none; }
          #content .padding p.right { width: 100%; text-align: center; }
          #content h1 { font-family: Arial, Helvetica, sans-serif; font-size: 24px; }
          #content h2 { font-family: Arial, Helvetica, sans-serif; }
          button.primary { border: 1px solid #f37733; background: #f37733; text-shadow: 0 -1px 0 #b00014; }
        </style>
      </div>
    </div>
  </body>
</html> 


Kui soovid kujunduses muudatusi teha (nt nupu värvust muuta), siis võta meiega ühendust! Ka keeruliste lahendussoovide puhul saame Sind aidata!