Here's the app: https://apps.facebook.com/static_html_plus/


In the app you have to choose the Facebook page where you want to add the signup form. 

Sample code:

 

<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="CHANGE!/logo.jpg" alt="" title=""></a></div>
        <div class="clear"></div>
      </div>

      <div id="content" class="rounded shadow">
        <img src="CHANGE!/banner.jpg" border="0" width="475"/>
        <div id="primary">
          <h2>Newsletter signup</h2>
          <p>To subscribe to the newsletter, please fill the fields below</p>

          <form action="https://CHANGE!.sendsmaily.net/api/opt-in/" method="post" autocomplete="off">
            <input type="hidden" name="key" value="CHANGE!" />
            <input type="hidden" name="autoresponder" value="CHANGE!" />
            <!-- input type="hidden" name="language" value="EE" / -->
            <!-- input type="hidden" name="success_url" value="http://www.CHANGE!.ee/html" / -->
            <!-- input type="hidden" name="failure_url" value="http://www.CHANGE!.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;">First name:</td>
                 <td></td>
                 <td><input type="text" name="firstname" value="" style="width: 100%" /></td>
               </tr><tr>
                 <td style="text-align: right;">Last name:</td>
                 <td></td>
                 <td><input type="text" name="lastname" 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> 



Contact us, if you want to change the design of the form! Together we can find a solution!