With SALESmanago you can create a form that can be used to gain anonymous contacts that landed on your website.
Check how to set up forms – click here >>
With the use of SALESmanago form, the contact will be directly dropped into your account as a monitored contact. From that moment you will be informed about the contact’s new visits to the website, their interests and time spent on your page. In the next step, using automation rules, you will be able to apply various automations based on the contact’s behavioral profile.
The form can be embedded on the website as <iframe> or sidebar. To do that, you only need to generate the code of the form created, and insert it in the required place on your website.
Check how to set up iframe – click here >>
Check how to set up sidebar – click here >>
The form can also be set up as a pop-up, that you can create via SALESmanago: Communication -> Forms -> Pop-ups.
Check how to set up pop-ups – click here >>
Check the most common forms you can use with SALESmanago. In order to do that, copy the html code and paste it into the editor after switching to the html mode.
Form preview
HTML Code
<html> <head> <title>Formularz-2</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style> /* all */ ::-webkit-input-placeholder { color: rgb(0, 0, 0); font-size: 12px; font-family: 'Arial'; text-align: center; font-weight: normal; } ::-moz-placeholder { color: rgb(0, 0, 0); font-size: 12px; font-family: 'Arial'; text-align: center; font-weight: normal; } /* firefox 19+ */ :-ms-input-placeholder { color: rgb(0, 0, 0); font-size: 12px; font-family: 'Arial'; text-align: center; font-weight: normal; } /* ie */ input:-moz-placeholder { color: rgb(0, 0, 0); font-size: 12px; font-family: 'Arial'; text-align: center; font-weight: normal; } </style> </head> <body style="overflow: hidden;" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <!-- Save for Web Slices --> <table id="Tabela_01" style="width: 600px;" border="0" cellspacing="0" cellpadding="0"> <tbody> <tr> <td style="border-right: 1px solid #242b4e;" rowspan="8" width="282" height="337"> <p style="font-family: Arial; font-size: 20px; color: #5f6156; font-weight: bold; margin: 10px 10px 20px 10px; text-align: center;">NEWSLETTER</p> <p style="font-family: Arial; font-size: 15px; color: #5f6156; font-weight: normal; margin: 0px 10px 10px 10px; text-align: center;">Lorem ipsum</p> </td> <td width="318" height="94"> <p style="font-family: Arial; font-size: 15px; color: #5f6156; font-weight: normal; margin: 10px 10px 10px 10px; text-align: center;">Lorem ipsum</p> </td> </tr><!-- Formularz --> <tr> <td width="318" height="35"> <p style="font-family: Arial; font-size: 14px; color: #5f6156; font-weight: normal; margin: 0px 0px 0px 0px; text-align: center;">Name:</p> </td> </tr> <tr> <td align="center" width="318" height="35"><input id="sm-form-name" style="font-size: 13px; font-family: Arial; color: #717171; background-color: #edecec; border: 1px solid #242b4e; width: 280; height: 30px; padding-left: 10px; padding-right: 10px;" title="Name" type="text" name="sm-form-name" /></td> </tr> <tr> <td width="318" height="35"> <p style="font-family: Arial; font-size: 14px; color: #5f6156; font-weight: normal; margin: 0px 0px 0px 0px; text-align: center;">E-mail:</p> </td> </tr> <tr> <td align="center" width="318" height="35"><input id="sm-form-email" style="font-size: 13px; font-family: Arial; color: #717171; background-color: #edecec; border: 1px solid #242b4e; width: 280; height: 30px; padding-left: 10px; padding-right: 10px;" title="Email" type="text" name="sm-form-email" /></td> </tr> <tr> <td width="318" height="36"> <p style="font-family: Arial; font-size: 14px; color: #5f6156; font-weight: normal; margin: 0px 0px 0px 0px; text-align: center;">Trade:</p> </td> </tr> <tr> <td align="center" width="318" height="35"><input id="sm-cst.branza" style="font-size: 13px; font-family: Arial; color: #717171; background-color: #edecec; border: 1px solid #242b4e; width: 280; height: 30px; padding-left: 10px; padding-right: 10px;" title="Trade" type="text" name="sm-cst.branza" /></td> </tr> <tr> <td align="center" width="318" height="35">$submit$</td> </tr> </tbody> </table><!-- Placeholdery --> <script type="text/javascript">// <![CDATA[ document.getElementsByName('sm-form-email')[0].placeholder='E-mail'; document.getElementsByName('sm-form-name')[0].placeholder='Name'; document.getElementsByName('sm-cst.branza')[0].placeholder='Trade'; // ]]></script> <!-- End Save for Web Slices --> </body> </html>
Form containing detail
Save detail as: sm-cst.nazwa_detalu, np. sm-cst.trade. Remember to fill out ‘Custom fields’ in the form settings.
The detail will be displayed in the ‘Details’ tab on the contact card.
Form preview:
HTML code:
<html> <head> <title>Formularz-2</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style> /* all */ ::-webkit-input-placeholder { color: rgb(0, 0, 0); font-size: 12px; font-family: 'Arial'; text-align: center; font-weight: normal; } ::-moz-placeholder { color: rgb(0, 0, 0); font-size: 12px; font-family: 'Arial'; text-align: center; font-weight: normal; } /* firefox 19+ */ :-ms-input-placeholder { color: rgb(0, 0, 0); font-size: 12px; font-family: 'Arial'; text-align: center; font-weight: normal; } /* ie */ input:-moz-placeholder { color: rgb(0, 0, 0); font-size: 12px; font-family: 'Arial'; text-align: center; font-weight: normal; } </style> </head> <body style="overflow: hidden;" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <!-- Save for Web Slices --> <table id="Tabela_01" style="width: 600px;" border="0" cellspacing="0" cellpadding="0"> <tbody> <tr> <td style="border-right: 1px solid #242b4e;" rowspan="8" width="282" height="337"> <p style="font-family: Arial; font-size: 20px; color: #5f6156; font-weight: bold; margin: 10px 10px 20px 10px; text-align: center;">NEWSLETTER</p> <p style="font-family: Arial; font-size: 15px; color: #5f6156; font-weight: normal; margin: 0px 10px 10px 10px; text-align: center;">Lorem ipsum</p> </td> <td width="318" height="94"> <p style="font-family: Arial; font-size: 15px; color: #5f6156; font-weight: normal; margin: 10px 10px 10px 10px; text-align: center;">Lorem ipsum</p> </td> </tr><!-- Formularz --> <tr> <td width="318" height="35"> <p style="font-family: Arial; font-size: 14px; color: #5f6156; font-weight: normal; margin: 0px 0px 0px 0px; text-align: center;">Name:</p> </td> </tr> <tr> <td align="center" width="318" height="35"><input id="sm-form-name" style="font-size: 13px; font-family: Arial; color: #717171; background-color: #edecec; border: 1px solid #242b4e; width: 280; height: 30px; padding-left: 10px; padding-right: 10px;" title="Name" type="text" name="sm-form-name" /></td> </tr> <tr> <td width="318" height="35"> <p style="font-family: Arial; font-size: 14px; color: #5f6156; font-weight: normal; margin: 0px 0px 0px 0px; text-align: center;">E-mail:</p> </td> </tr> <tr> <td align="center" width="318" height="35"><input id="sm-form-email" style="font-size: 13px; font-family: Arial; color: #717171; background-color: #edecec; border: 1px solid #242b4e; width: 280; height: 30px; padding-left: 10px; padding-right: 10px;" title="Email" type="text" name="sm-form-email" /></td> </tr> <tr> <td width="318" height="36"> <p style="font-family: Arial; font-size: 14px; color: #5f6156; font-weight: normal; margin: 0px 0px 0px 0px; text-align: center;">Trade:</p> </td> </tr> <tr> <td align="center" width="318" height="35"><input id="sm-cst.branza" style="font-size: 13px; font-family: Arial; color: #717171; background-color: #edecec; border: 1px solid #242b4e; width: 280; height: 30px; padding-left: 10px; padding-right: 10px;" title="Branza" type="text" name="sm-cst.branza" /></td> </tr> <tr> <td align="center" width="318" height="35">$submit$</td> </tr> </tbody> </table><!-- Placeholdery --> <script type="text/javascript">// <![CDATA[ document.getElementsByName('sm-form-email')[0].placeholder='E-mail'; document.getElementsByName('sm-form-name')[0].placeholder='Name'; document.getElementsByName('sm-cst.branza')[0].placeholder='Trade'; // ]]></script> <!-- End Save for Web Slices --> </body> </html>
Submit your review | |