9 {{ upvoteCount | shortNum }}
9 {{ upvoteCount | shortNum }}

Need a little html help adding this optin form with iContact

by JohnOnFire
7 replies
  • WEB DESIGN
    • |
found a nice little optin template laying around
on my computer but I have no idea how to make
it work with icontact

you can view it at secretfatlossformula.com/2/

I know I need to add some of my icontact code
I'm just not sure where. I've tried several different
things but haven't got anything to work yet.

Thanks for any input you have
#adding #form #html #icontact #optin
  • Profile picture of the author rhinocl
    I would suggest making your form from whateber interface icontact provides.

    Copy the code they give you.
    Remove everything but the fields and form action
    Now paste in all the code from the other form that you like, that controls the appearance.
    Signature
    cheap search engine optimization
    {{ DiscussionBoard.errors[7965817].message }}
    • Profile picture of the author JohnOnFire
      Thank you so much for responding

      hmmm, okay i've removed what appears to me to be everything but the fields and form action and I end up with this:

      secretfatlossformula.com/2/test2.html

      the one on the left works but the styled one on the right does not.

      Obviously I need to remove something more and change something else.


      Originally Posted by rhinocl View Post

      I would suggest making your form from whateber interface icontact provides.

      Copy the code they give you.
      Remove everything but the fields and form action
      Now paste in all the code from the other form that you like, that controls the appearance.
      {{ DiscussionBoard.errors[7965959].message }}
      • Profile picture of the author David V
        Originally Posted by JGotti View Post

        ...the one on the left works but the styled one on the right does not....
        You do not have a form "action" and you did not move the hidden fields either.
        Should look more like this:

        Code:
        <form method="post" action="https://app.icontact.com/icp/signup.php" name="icpsignup" id="icpsignup9493" accept-charset="UTF-8" onsubmit="return verifyRequired9493();">
<input type="hidden" name="redirect" value="http://www.secretfatlossformula.com/gift/thanks.html">
<input type="hidden" name="errorredirect" value="http://www.secretfatlossformula.com/gift/oops.html">
<input type="text" name="name" class="name_field" value="Enter Your First Name" onFocus="if(this.value == 'Enter Your First Name'){ this.value = ''; this.style.color= '#1a1a1a'; }" onBlur="if(this.value == ''){ this.value = 'Enter Your First Name'; this.style.color= '#818181'; }" />
<input type="text" name="email" class="email_field" value="Enter Your Email Address" onFocus="if(this.value == 'Enter Your Email Address'){ this.value = ''; this.style.color= '#1a1a1a'; }" onBlur="if(this.value == ''){ this.value = 'Enter Your Email Address'; this.style.color= '#818181'; }" />
<input type="hidden" name="listid" value="120631">
<input type="hidden" name="specialid:120631" value="UB9C">
<input type="hidden" name="clientid" value="929680">
<input type="hidden" name="formid" value="9493">
<input type="hidden" name="reallistid" value="1">
<input type="hidden" name="doubleopt" value="0">
<input type="submit" name="submit" value="" class="opt_btn" />
</form>
        Any time you are trying to take autoresponder form code and integrate it with another more styled form layout, you need to first strip the autoresponder code of any styling.
        You'll keep the form "action" and hidden fields.
        In the code above, you may not even need the "id", test it and see.
        {{ DiscussionBoard.errors[7966262].message }}
        • Profile picture of the author JohnOnFire
          Thank u i will try and post back

          Originally Posted by David V View Post

          You do not have a form "action" and you did not move the hidden fields either.
          Should look more like this:

          Code:
          <form method="post" action="https://app.icontact.com/icp/signup.php" name="icpsignup" id="icpsignup9493" accept-charset="UTF-8" onsubmit="return verifyRequired9493();">
<input type="hidden" name="redirect" value="http://www.secretfatlossformula.com/gift/thanks.html">
<input type="hidden" name="errorredirect" value="http://www.secretfatlossformula.com/gift/oops.html">
<input type="text" name="name" class="name_field" value="Enter Your First Name" onFocus="if(this.value == 'Enter Your First Name'){ this.value = ''; this.style.color= '#1a1a1a'; }" onBlur="if(this.value == ''){ this.value = 'Enter Your First Name'; this.style.color= '#818181'; }" />
<input type="text" name="email" class="email_field" value="Enter Your Email Address" onFocus="if(this.value == 'Enter Your Email Address'){ this.value = ''; this.style.color= '#1a1a1a'; }" onBlur="if(this.value == ''){ this.value = 'Enter Your Email Address'; this.style.color= '#818181'; }" />
<input type="hidden" name="listid" value="120631">
<input type="hidden" name="specialid:120631" value="UB9C">
<input type="hidden" name="clientid" value="929680">
<input type="hidden" name="formid" value="9493">
<input type="hidden" name="reallistid" value="1">
<input type="hidden" name="doubleopt" value="0">
<input type="submit" name="submit" value="" class="opt_btn" />
</form>
          Any time you are trying to take autoresponder form code and integrate it with another more styled form layout, you need to first strip the autoresponder code of any styling.
          You'll keep the form "action" and hidden fields.
          In the code above, you may not even need the "id", test it and see.
          {{ DiscussionBoard.errors[7966435].message }}
        • Profile picture of the author JohnOnFire
          Thank you for posting that new html.

          Bummer but that didn't seem to fix it.

          What do you mean by I don't have a "form action".

          What would that look like.

          I posted everything from the html that icontact gave me and just removed the styling stuff


          Originally Posted by David V View Post

          You do not have a form "action" and you did not move the hidden fields either.
          Should look more like this:

          Code:
          <form method="post" action="https://app.icontact.com/icp/signup.php" name="icpsignup" id="icpsignup9493" accept-charset="UTF-8" onsubmit="return verifyRequired9493();">
<input type="hidden" name="redirect" value="http://www.secretfatlossformula.com/gift/thanks.html">
<input type="hidden" name="errorredirect" value="http://www.secretfatlossformula.com/gift/oops.html">
<input type="text" name="name" class="name_field" value="Enter Your First Name" onFocus="if(this.value == 'Enter Your First Name'){ this.value = ''; this.style.color= '#1a1a1a'; }" onBlur="if(this.value == ''){ this.value = 'Enter Your First Name'; this.style.color= '#818181'; }" />
<input type="text" name="email" class="email_field" value="Enter Your Email Address" onFocus="if(this.value == 'Enter Your Email Address'){ this.value = ''; this.style.color= '#1a1a1a'; }" onBlur="if(this.value == ''){ this.value = 'Enter Your Email Address'; this.style.color= '#818181'; }" />
<input type="hidden" name="listid" value="120631">
<input type="hidden" name="specialid:120631" value="UB9C">
<input type="hidden" name="clientid" value="929680">
<input type="hidden" name="formid" value="9493">
<input type="hidden" name="reallistid" value="1">
<input type="hidden" name="doubleopt" value="0">
<input type="submit" name="submit" value="" class="opt_btn" />
</form>
          Any time you are trying to take autoresponder form code and integrate it with another more styled form layout, you need to first strip the autoresponder code of any styling.
          You'll keep the form "action" and hidden fields.
          In the code above, you may not even need the "id", test it and see.
          {{ DiscussionBoard.errors[7967117].message }}
  • Profile picture of the author David V
    Can you post the 2 separate codes your trying to merge? Use pastie

    This is the Form Action:
    <form method="post" action="https://app.icontact.com/icp/signup.php" name="icpsignup" id="icpsignup9493" accept-charset="UTF-8" onsubmit="return verifyRequired9493();">


    EDIT:
    Can't be certain without seeing the original code, but you may need to change the "name" for the Name and Email fields to:
    For Name- name="fields_fname"
    For Email- name="fields_email"

    The form seems to work ok but it's not reading the email entered.
    {{ DiscussionBoard.errors[7967133].message }}
    • Profile picture of the author JohnOnFire
      no need for pastie, your solutioin for change the fields worked:

      For Name- name="fields_fname"
      For Email- name="fields_email"

      THANK YOU AGAIN SO MUCH.

      Seriously I really do appreciate it.

      Originally Posted by David V View Post

      Can you post the 2 separate codes your trying to merge? Use pastie

      This is the Form Action:
      <form method="post" action="https://app.icontact.com/icp/signup.php" name="icpsignup" id="icpsignup9493" accept-charset="UTF-8" onsubmit="return verifyRequired9493();">


      EDIT:
      Can't be certain without seeing the original code, but you may need to change the "name" for the Name and Email fields to:
      For Name- name="fields_fname"
      For Email- name="fields_email"

      The form seems to work ok but it's not reading the email entered.
      {{ DiscussionBoard.errors[7967422].message }}

Trending Topics