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!