Jonnym53 Posted June 13, 2017 Share Posted June 13, 2017 (edited) Hi all. Not been here for a while but I'm now in need of some help. I'm trying to understand what and how to replace some code in a squeeze page. the code i'm trying to replace with new is because I have found the page is being spammed by a spam bot and I have new code to add a capcha addition to the sequence which should stop it. The page is hosted, along with lots more, at Hostgator, the code comes from I-Contact form builder. I have it saved on my desktop. The page code, currently, looks like this: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>Secrets to professional dog training</title> <meta name="description" content="Comprehensive website detailing the secrets that professional dog trainers use to get dogs to behave just the way they wish."> <meta name="keywords" content="dog,dogs,training,dogtraining,secrets,professional dog training,dog behaviour,train your dog."> <meta name="robot" content="index,follow"> <meta name="copyright" content="Copyright © 2012 my-dogtrainingsecrets. All Rights Reserved."> <meta name="generator" content="www.onlinemetatag.com"> <!-- MetaTags - Online Meta Tag http://www.onlinemetatag.com --> <!-- Create your meta tag and increase your website position on search engines! --> <style type="text/css"> .auto-style25 { background-color: #FFFFFF; } .auto-style35 { text-align: center; font-family: Verdana; font-weight: 700; font-style: italic; font-size: medium; } .auto-style36 { font-style: normal; font-weight: normal; } .auto-style37 { text-align: center; font-size: x-small; } .auto-style38 { border: 1px solid #000000; text-align: center; background-color: #FFFFE8; } .auto-style39 { text-align: left; } .auto-style40 { font-size: x-small; } </style> </head> <body leftmargin="190" topmargin="70" style="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255);" alink="#00ffff" link="#0000ee" marginheight="0" marginwidth="0" vlink="#551a8b"> <center> <p style="margin-top: 0pt; margin-bottom: 0pt;"> </p> </center> <table style="text-align: left; margin-left: auto; margin-right: auto; width: 890px; height: 592px;" border="12"> <tbody> <tr> <td> <center> <p style="margin-top: 0pt; margin-bottom: 0pt;" align="center"><font style="background-color: rgb(255, 255, 255); font-size: 21pt;" face="Impact"> Need to Train Your Dog? </font> </p> <font color="#000000"> </font> <p style="margin-top: 7px; margin-bottom: 10px;" align="center"><font color="#000000"><font style="font-size: 32pt;" face="Impact">"Learn How to Train Your Dog Like a Professional in No Time At All"</font></font></p> </center> <table class="auto-style25" style="width: 669px; height: 348px;" align="center" cellpadding="7"> <tbody> <tr> <td valign="top"> <table style="width: 90%;" align="center"> <tbody> <tr> <td class="auto-style35" style="width: 592px;" valign="top"> <font color="#000000" face="Verdana, Arial, Helvetica"> <strong>"That's right. You Too Can Learn To Train Your Dog To Be As Obedient as a Crufts Champion. This <big style="font-weight: bold; color: rgb(255, 0, 0);">Free!</big> Report will Show You How!"<br> <br> </strong> <span class="auto-style36">Simply enter your primary email address in the form<br> below to <strong>get instant access</strong>...<br> </span><strong><br> </strong><strong> </strong> <table style="width: 90%;" class="auto-style25" align="center"> <tbody> <tr> <td class="auto-style25"> <img src="images/s3-green_l.png" style="float: right;" height="129" width="120"></td> <td class="auto-style38" style="width: 257px;"> <form method="post" action="https://app.icontact.com/icp/signup.php" name="icpsignup" id="icpsignup1839" accept-charset="UTF-8" onsubmit="return verifyRequired1839();"><input name="redirect" value="http://my-dogtrainingsecrets.com/articles/how-to-train-your-dog-quickly-and-effectively/" type="hidden"> <input name="errorredirect" value="http://my-dogtrainingsecrets.com/articles/how-to-train-your-dog-quickly-and-effectively/" type="hidden"><input name="listid" value="44525" type="hidden"><input name="specialid:44525" value="CUIP" type="hidden"><input name="clientid" value="871932" type="hidden"><input name="formid" value="3813" type="hidden"> <input name="reallistid" value="1" type="hidden"><input name="doubleopt" value="0" type="hidden"> <table class="signupframe" border="0" cellpadding="5" cellspacing="0" width="260"> <tbody> <tr> <td valigh="top" class="auto-style39" style="width: 101px;">First Name </td> <td align="left"> <input name="fields_fname" type="text"></td> </tr> <tr> <td aligh="top" class="auto-style39" style="width: 101px;"> <span class="required">*</span> Email </td> <td align="left"> <input name="fields_email" type="text"></td> </tr> <tr> <td style="width: 101px;"> </td> <td class="auto-style40">* = Required Field</td> </tr> <tr> <td style="width: 110px;"> </td> <td><input name="Submit" value="Get Instant Access" type="submit"></td> </tr> </tbody> </table> </form> <script type="text/javascript"> var icpForm1839 = document.getElementById('icpsignup1839'); if (document.location.protocol === "https:") icpForm1839.action = "https://app.icontact.com/icp/signup.php"; function verifyRequired1839() { if (icpForm1839["fields_email"].value == "") { icpForm1839["fields_email"].focus(); alert("The Email field is required."); return false; } return true; } </script></td> <td class="auto-style25"> <img src="images/s3-green_r.png" style="float: left;" height="129" width="120"></td> </tr> </tbody> </table> <br> <table style="width: 63%;" align="center"> <tbody> <tr> <td> <img src="images/nospaming.png" height="17" width="40"></td> <td class="auto-style37">Your privacy is protected. Your information will never be shared. We hate spam too! </td> </tr> </tbody> </table> <br> </font></td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </body> </html> The Code I'm trying to add has 2 versions. I think the long one is meant to be posted as HTML on a web page. The short version is: <script type="text/javascript" src="//app.icontact.com/icp/core/mycontacts/signup/designer/form/automatic?id=102&cid=871932&lid=7416"></script> The long version is: <script type="text/javascript" src="//app.icontact.com/icp/static/form/javascripts/validation-captcha.js"></script> <script type="text/javascript" src="//app.icontact.com/icp/static/form/javascripts/tracking.js"></script> <link rel="stylesheet" type="text/css" href="//app.icontact.com/icp/static/human/css/signupBuilder/formGlobalStyles.css"> <style type="text/css" id="signupBuilderAdvancedStyles"> </style> <style type="text/css" id="signupBuilderStyles"> #ic_signupform .elcontainer { background: #ffffff; text-align: left; max-width: 300px; padding: 10px 10px; border-radius: 0px; border: 1px solid #000000; font-size: 12px; color: #226699; font-family: arial; } #ic_signupform .elcontainer.center-aligned .formEl { margin-right: auto; margin-left: auto; } #ic_signupform .elcontainer.right-aligned .formEl { margin-left: auto; } #ic_signupform .form-header { display: none; background: #ffffff; margin-top: -10px; margin-left: -10px; margin-right: -10px; margin-bottom: 10px; /* using padding on purpose */ padding-top: 30px; padding-right: 10px; padding-bottom: 30px; padding-left: 10px; border-radius: calc(0px - 1px) calc(0px - 1px) 0 0; text-align: center; font-size: 150%; color: #333333; border-bottom: 1px solid #dddddd; } #ic_signupform .elcontainer.inline-label-left .formEl.fieldtype-input label, #ic_signupform .elcontainer.inline-label-left .formEl.fieldtype-dropdown label, #ic_signupform .elcontainer.inline-label-left .formEl.fieldtype-radio h3, #ic_signupform .elcontainer.inline-label-left .formEl.fieldtype-checkbox h3, #ic_signupform .elcontainer.inline-label-right .formEl.fieldtype-input label, #ic_signupform .elcontainer.inline-label-right .formEl.fieldtype-dropdown label, #ic_signupform .elcontainer.inline-label-right .formEl.fieldtype-radio h3, #ic_signupform .elcontainer.inline-label-right .formEl.fieldtype-checkbox h3 { width: 30%; } #ic_signupform .elcontainer.inline-label-left .formEl.fieldtype-radio h3, #ic_signupform .elcontainer.inline-label-left .formEl.fieldtype-checkbox h3, #ic_signupform .elcontainer.inline-label-right .formEl.fieldtype-radio h3, #ic_signupform .elcontainer.inline-label-right .formEl.fieldtype-checkbox h3 { line-height: 3em; } #ic_signupform .elcontainer.tight.inline-label-left .formEl.fieldtype-radio h3, #ic_signupform .elcontainer.tight.inline-label-left .formEl.fieldtype-checkbox h3, #ic_signupform .elcontainer.tight.inline-label-right .formEl.fieldtype-radio h3, #ic_signupform .elcontainer.tight.inline-label-right .formEl.fieldtype-checkbox h3 { line-height: 2em; } #ic_signupform .elcontainer.generous.inline-label-left .formEl.fieldtype-radio h3, #ic_signupform .elcontainer.generous.inline-label-left .formEl.fieldtype-checkbox h3, #ic_signupform .elcontainer.generous.inline-label-right .formEl.fieldtype-radio h3, #ic_signupform .elcontainer.generous.inline-label-right .formEl.fieldtype-checkbox h3 { line-height: 4em; } #ic_signupform .elcontainer.inline-label-left .formEl input[type="text"], #ic_signupform .elcontainer.inline-label-left .formEl select, #ic_signupform .elcontainer.inline-label-left .formEl.fieldtype-radio .option-container, #ic_signupform .elcontainer.inline-label-left .formEl.fieldtype-checkbox .option-container, #ic_signupform .elcontainer.inline-label-right .formEl input[type="text"], #ic_signupform .elcontainer.inline-label-right .formEl select, #ic_signupform .elcontainer.inline-label-right .formEl.fieldtype-radio .option-container, #ic_signupform .elcontainer.inline-label-right .formEl.fieldtype-checkbox .option-container { width: 70%; } #ic_signupform .elcontainer.hidden-label .formEl.required:before { color: #000000; } #ic_signupform .elcontainer .formEl { font-size: 1em; } #ic_signupform .elcontainer .formEl.fieldtype-input label, #ic_signupform .elcontainer .formEl.fieldtype-dropdown label, #ic_signupform .elcontainer .formEl.fieldtype-radio h3, #ic_signupform .elcontainer .formEl.fieldtype-checkbox h3 { font-size: 100%; font-weight: bold; color: #226699; } #ic_signupform .elcontainer .formEl.fieldtype-input input[type="text"], #ic_signupform .elcontainer .formEl.fieldtype-dropdown select { background-color: #ffffff; border: 1px solid #666666; border-radius: 0px; } #ic_signupform .elcontainer .formEl.fieldtype-input input[type="text"], #ic_signupform .elcontainer .formEl.fieldtype-dropdown select, #ic_signupform .elcontainer .formEl.fieldtype-radio label, #ic_signupform .elcontainer .formEl.fieldtype-checkbox label { font-size: 100%; } #ic_signupform .elcontainer .formEl input[type="text"]::-moz-placeholder { color: #bdbdbf; font-family: inherit; } #ic_signupform .elcontainer .formEl input[type="text"]::-webkit-input-placeholder { color: #bdbdbf; font-family: inherit; } #ic_signupform .elcontainer .formEl input[type="text"]:-ms-input-placeholder { color: #bdbdbf; font-family: inherit; } #ic_signupform .elcontainer .formEl input[type="text"], #ic_signupform .elcontainer .formEl select, #ic_signupform .elcontainer .formEl .option-container label { color: #000000; font-family: inherit; } #ic_signupform .elcontainer.inline-button .submit-container { display: inline-block; box-sizing: border-box; right: -.5em; padding: 0 1em 0 0; position: relative; vertical-align: bottom; margin-bottom: 1em; } #ic_signupform .elcontainer.inline-button.tight .sortables { margin-bottom: -.5em; } #ic_signupform .elcontainer.inline-button .sortables { margin-bottom: -1em; } #ic_signupform .elcontainer.inline-button.generous .sortables { margin-bottom: -1.5em; } #ic_signupform .elcontainer .submit-container { text-align: center; } #ic_signupform .elcontainer .submit-container input[type="submit"] { background: #ffffff; border: 1px solid #666666; border-radius: 0px; line-height: 1em; padding: 9px 53px; color: #666666; font-size: 100%; font-family: inherit; width: auto; }</style> <form id="ic_signupform" captcha-key="6Leg3ykTAAAAAOl-32RMwHSsbwyZA5j84VGnmfnV" captcha-theme="light" method="POST" action="https://app.icontact.com/icp/core/mycontacts/signup/designer/form/?id=102&cid=871932&lid=7416"><div class="elcontainer tight inline-label-right left-aligned inline-button"><div class="form-header"><h3>Form Heading</h3></div><div class="sortables"><div class="formEl fieldtype-input" style="display: inline-block; width: 100%;" data-validation-type="1" data-label="First Name"><label>First Name<span class="indicator required">*</span></label><input placeholder="" name="data[fname]" type="text"></div><div class="formEl fieldtype-input required" style="display: inline-block; width: 100%;" data-validation-type="1" data-label="Email"><label>Email<span class="indicator required">*</span></label><input placeholder="" name="data" type="text"></div><div class="formEl fieldtype-checkbox required" dataname="listGroups" style="display: none; width: 100%;" data-validation-type="1" data-label="Lists"><h3>Lists<span class="indicator required">*</span></h3><div class="option-container"><label class="checkbox"><input alt="" name="data[listGroups][]" value="44525" checked="checked" type="checkbox">My-dogtrainingsecrets.com</label></div></div><div class="submit-container"><input value="Submit" class="btn btn-submit" type="submit"></div></div><div class="hidden-container"></div></div></form><img src="//app.icontact.com/icp/core/signup/tracking.gif?id=102&cid=871932&lid=7416"/> The page can be viewed at http://www.my-dogtrainingsecrets.com I really am lost as HTML is not my forte so I could do with some help to understand and implement . Look forward to hearing from someone soon. Thanks J Morris UK. Edited June 13, 2017 by Jonnym53 Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now