Tagged: ajax, CONTACT FORM, getresponse
I am trying to get GetResponse to work with Enfold. I have the following code that works:
<form class="av-form-labels-hidden" action="https://app.getresponse.com/add_subscriber.html" accept-charset="utf-8" method="post">
<fieldset>
<p class="first_form form_element form_element_three_fourth av-last-visible-form-element">
<input type="text" placeholder="Email address*" class="text_input is_email" name="email" />
<input name="name" value="website" type="hidden">
</p>
<p class="form_element form_element_fourth modified_width">
<input type="hidden" name="campaign_token" value="abc123" />
<input type="hidden" name="thankyou_url" value="http://mysite.com/thank-you/" />
<input type="submit" class="button" value="Sign Up!" />
</p>
</fieldset>
</form>
The problem is, for some of these classes to style properly, I need to add the class avia_ajax_form
to the form. If I do this, the styling looks perfect but the form stops working. I do like the jquery animations, etc, but I can live without it in exchange for my form to work.
I looked at recreating the styles in the custom section but that feels like a big job and got me thinking there must be a better way. Is there a better way, or some way to disable the ajax form code from running after I submit my form?