Need help? Check out our Support site, then


iContact HTML sign up form

  1. Hello!

    I've created a iContact sign-up html form and when I copied it into the text widget it does not create form, it shows the html code instead. Please advise. Thanks!

    I have seen this form by another company (Constant Contact) work beautifully on this blog http://mayracalvani.wordpress.com/

    Please let me know how to accomplish this.

    Thank you!!
    Sheen

    This is the code iContact gave to me:

    <style type="text/css">
    .link,
    .link a,
    #SignUp .signupframe {
    color: #0e4ceb;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    }
    .link,
    .link a {
    text-decoration: none;
    }
    #SignUp .signupframe {
    border: 1px solid #000000;
    background: #ffffff;
    }
    #SignUp .signupframe .required {
    font-size: 10px;
    }
    </style>
    <script type="text/javascript" src="http://app.icontact.com/icp/loadsignup.php/form.js?c=1022688&l=24042&f=6837"></script>
    <span class="link">Email Marketing You Can Trust</span>

    The blog I need help with is nutritionalrhythm.wordpress.com.

  2. thesacredpath
    Staff

    The site linked to your username, http://www.agapeoils.com/ , is not a wordpress.COM site, it is self-hosted so you will have to head over to http://wordpress.ORG/support/ for help with that site.

  3. Hi there,

    It looks like your question was already answered here. So, no, unfortunately you cannot use the iContact form on a blog hosted with WordPress.com.

    If you absolutely have to have this form, you might consider moving to a self-hosted WordPress blog. This article provides a good explanation of the benefits of both WordPress.org and WordPress.com.

  4. Hi there! I'm not sure how the link to my other site was included! :) The site in question is http://nutritionalrhythm.wordpress.com/

    My other question was how did the other blog (http://mayracalvani.wordpress.com/) incorporate the html form code? I'm just looking to do the same thing.

    Thank you!
    Sheen

  5. thesacredpath
    Staff

    They didn't use the javascript iContact code. What is in that text widget at the top of their sidebar is all plain HTML. It could be that iContact has plain HTML code available that you can use, I don't know, but I do know that we cannot use javascript here, and they are not using javascript in that widget.

  6. thesacredpath
    Staff

    BTW, this is what is linked to your username, http://www.agapeoils.com/ , and since you did not post a link with your original post to the site you were talking about (we volunteers do not see what you selected when you made the post) that was all we had to go on.

  7. Ah! At least one mystery has been solved (regarding my domain name). Thank you thesacredpath (I love your name!).

    I went to a site that iContact recommended to convert their automatic signup java code to html and was given this code, but it still doesn't work: (I know VERY little about coding...) Any ideas will be much appreciated! Thank you! Sheen

    <style type="text/css">
    .link,
    .link a,
    .signupframe
    {
    color: #0e4ceb;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    }
    .link,
    .link a {
    text-decoration: none;
    }
    .signupframe {
    border: 1px solid #000000;
    background: #ffffff;
    }
    .signupframe .required {
    font-size: 10px;
    }
    </style>
    <form method="post" class="iContactForm" action="http://app.icontact.com/icp/signup.php" name="icpsignup" id="icpsignup6837" accept-charset="UTF-8" onsubmit="return verifyRequired6837();" >
    <div><input type="hidden" name="redirect" value="http://www.icontact.com/www/signup/thanks.html" />
    <input type="hidden" name="errorredirect" value="http://www.icontact.com/www/signup/error.html" />

    <div class="SignUp">
    <table width="260" class="signupframe" border="0" cellspacing="0" cellpadding="5">
    <tr>
    <td valign="top" align="right">
    <span class="required">*</span> Email
    </td>
    <td align="left">
    <input type="text" size="10" name="fields_email" />
    </td>
    </tr>
    <tr>
    <td valign="top" align="right">
    <span class="required">*</span> First Name
    </td>
    <td align="left">
    <input type="text" size="10" name="fields_fname" />
    </td>
    </tr>
    <tr>
    <td valign="top" align="right">
    <span class="required">*</span> Last Name
    </td>
    <td align="left">
    <input type="text" size="10" name="fields_lname" />
    </td>
    </tr>
    <input type="hidden" name="listid" value="45211" />
    <input type="hidden" name="specialid:45211" value="UAB8" />

    <input type="hidden" name="clientid" value="1022688" />
    <input type="hidden" name="formid" value="6837" />
    <input type="hidden" name="reallistid" value="1" />
    <input type="hidden" name="doubleopt" value="0" />
    <tr>
    <td> </td>
    <td><span class="required">*</span> = Required Field</td>
    </tr>
    <tr>
    <td> </td>
    <td><input type="submit" name="Submit" value="Submit" /></td>
    </tr>
    </table>
    </div>
    </form>
    </div><script type="text/javascript">

    var icpForm6837 = document.getElementById('icpsignup6837');

    icpForm6837.action = "https://app.icontact.com/icp/signup.php";
    function verifyRequired6837() {
    if (icpForm6837["fields_email"].value == "") {
    icpForm6837["fields_email"].focus();
    alert("The Email field is required.");
    return false;
    }
    if (icpForm6837["fields_fname"].value == "") {
    icpForm6837["fields_fname"].focus();
    alert("The First Name field is required.");
    return false;
    }
    if (icpForm6837["fields_lname"].value == "") {
    icpForm6837["fields_lname"].focus();
    alert("The Last Name field is required.");
    return false;
    }

    return true;
    }
    </script>

  8. My other question was how did the other blog (http://mayracalvani.wordpress.com/) incorporate the html form code? I'm just looking to do the same thing.

    Thank you!
    Sheen

  9. thesacredpath
    Staff

    Form code is not allowed here, so that will not work either. Look at that other site. There is no place to fill in an email address or name or anything. It is not form code. Basically they have a link to iContact so that the person can sign up. The text in that widget, "Join our FREE Email Mailing List" is simply a link to a signup for that person's site over at iContact. When you click on that link, it takes you to the iContact website and to a signup page right on the iContact website for that particular account/site.

  10. Thank you!! You're awesome. I don't know the first thing about code so I'll take you at your word. :)

    Enjoy!
    Sheen

  11. You are welcome.

Topic Closed

This topic has been closed to new replies.

About this Topic