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!
Facebooki liitumisvormi lisamine
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!