7 {{ upvoteCount | shortNum }}
7 {{ upvoteCount | shortNum }}

Need help with opt-in form code integration--please

by Dr Rani
5 replies
  • WEB DESIGN
    • |
Hi
I am adding an office autopilot opt in form code to a video squeeze page template (the template I bought here on WF) and it looks perfect but its not working in the right way. You can submit the optin form without even entering the name and email address which should be the "required" field to generate leads.
When I used a "smart form code" that is without any style, it works like above and can be submitted without filling up the form in all browser I tried.

Then I generated a new form from Office autopilot which included style and added that code to the squeeze page when I found it worked perfectly in Firefox but still has the same problem in IE.
Any help please on how to fix this?

Here is my smart form code without any style:
<div class='moonray_forms moonray_smart_form'>
<form action="https://forms.moon-ray.com/v2.4/form_processor.php?" id="moonray_forms_740" method="post" data-captcha="false">
<input type="hidden" name="uid" value="p2c7847f11" />
<input type="hidden" name="contact_id" id="contact_id_740" value="" />
<input type="hidden" name="redirect" value="http://12freevideosS2.theleanyou.co" />
<input type="hidden" name="tags" value="2;" />
<input type="hidden" name="sequence" value="2;" />
<input type="hidden" name="owner_" value="1" />
<input type="hidden" id="afft_740" name="afft_" value="" />
<input type="hidden" id="aff_740" name="aff_" value="" />
<input type="hidden" id="sess_740" name="sess_" value="" />
<input type="hidden" id="ref_740" name="ref_" value="" />
<input type="hidden" id="own_740" name="own_" value="" />
<input type="hidden" id="oprid_740" name="oprid" value="" />

<fieldset class="moonray_form_format_labels_inside">
<!-- EDITABLE PARTS BELOW -->
<div class="moonray_form_field_wrapper"><input type="text" name="firstname" value="First Name" label="First Name" class="moonray_input required text" size="30"/></div><div class="moonray_form_field_wrapper"><input type="text" name="email" value="E-Mail" label="E-Mail" class="moonray_input required text" size="30"/></div>

</fieldset>
<input type="submit" value="Submit">
<!-- EDITABLE ENDS (DO NOT EDIT CONTENTS BELOW)-->
</form>




I am adding this code to my video squeeze page template inside
<div id="formcenter">.............
</div>
#code #form #integrationplease #optin
  • Profile picture of the author dengkane
    It seems that you want to add required validation to the form, and this needs some javascript codes, you can check this web page, and it teaches you how to do this:

    JavaScript Form Validation
    Signature
    Do You Know the Most Helpful E-books Voted by Many Internet Marketers? Worth $189, FREE TODAY, Click to Download...
    {{ DiscussionBoard.errors[7227969].message }}
  • Profile picture of the author dsouravs
    If its custom coded the way you show it then you can hire somebody who know PHP and JS if you yourself are not a programmer...

    Best IMO is I always use MC or Aweber

    Thank you
    Signature

    I can convert your Non-Responsive website to Responsive website ... How sweet is that? :)

    {{ DiscussionBoard.errors[7228167].message }}
    • Profile picture of the author Dr Rani
      Thank you for your reply but the fun part is that when I try to use the naked form code itself and see it in different browser (just the code below), it does not allow submission without filling up the email but when I am adding this code to my squeeze page and using different browser, its easily submitted without any entry. The squeeze page template has a form center <div id="formcenter">.............</div> and I am adding the form code inside that. So the form itself does not need extra validation code to be added but when its added to the template-----is there something not compatible in the template? Any idea?
      {{ DiscussionBoard.errors[7230112].message }}
  • Profile picture of the author DustonMcGroarty
    Not sure whose templates you purchased (maybe mine, I have two different WSO's offering templates), but you really only need to add the form elements, not the div's. So, I would just copy and paste the names and values of your input fields into the template you bought. That's how I tell my customers to do it with mine.
    Signature
    ==> Free: Affiliate Marketing Case Studies & Tutorials
    {{ DiscussionBoard.errors[7230844].message }}
    • Profile picture of the author Dr Rani
      Originally Posted by DustonMcGroarty View Post

      Not sure whose templates you purchased (maybe mine, I have two different WSO's offering templates), but you really only need to add the form elements, not the div's. So, I would just copy and paste the names and values of your input fields into the template you bought. That's how I tell my customers to do it with mine.
      Thank you for your reply. No its not yours but I will check yours now. to see if they work better.
      I bought John Leonard's. I have tried each and everything, adding the elements and values or adding the complete form code, nothing is working in all browser. Its fine in Firefox but mess up in IE and others.
      Finally I am adding this form directly to the Fanpage iframe. But I have another problem there, I can't align the sign up boxes to the center of the page. I can align the submit button to the center but not the "First Name" and "Email" fields. Any idea?


      <div class='moonray_forms moonray_smart_form'>
      <form action="https://forms.moon-ray.com/v2.4/form_processor.php?" id="moonray_forms_740" method="post" data-captcha="false">
      <input type="hidden" name="uid" value="p2c7847f11" />
      <input type="hidden" name="contact_id" id="contact_id_740" value="" />
      <input type="hidden" name="redirect" value="http://12freevideosS2.theleanyou.co" />
      <input type="hidden" name="tags" value="2;" />
      <input type="hidden" name="sequence" value="2;" />
      <input type="hidden" name="owner_" value="1" />
      <input type="hidden" id="afft_740" name="afft_" value="" />
      <input type="hidden" id="aff_740" name="aff_" value="" />
      <input type="hidden" id="sess_740" name="sess_" value="" />
      <input type="hidden" id="ref_740" name="ref_" value="" />
      <input type="hidden" id="own_740" name="own_" value="" />
      <input type="hidden" id="oprid_740" name="oprid" value="" />

      <fieldset class="moonray_form_format_labels_inside">
      <!-- EDITABLE PARTS BELOW -->
      <div class="moonray_form_field_wrapper"><input type="text" name="firstname" value="First Name" label="First Name" class="moonray_input required text" size="30"/></div><div class="moonray_form_field_wrapper"><input type="text" name="email" value="E-Mail" label="E-Mail" class="moonray_input required text" size="30"/></div>

      </fieldset>
      <input type="submit" value="Submit">
      <!-- EDITABLE ENDS (DO NOT EDIT CONTENTS BELOW)-->
      </form>

      Thank you for taking the time to reply me.
      {{ DiscussionBoard.errors[7242299].message }}

Trending Topics