Have you ever wondered when you see an AWeber form submit data to AWeber in a fraction of a second without leaving the page? Have you ever wanted such forms on your site as well? I will tell you step by step to get your AWeber form submitted exactly like that.
Have you ever wondered when you see an AWeber form (See my AWeber Review) submit data to AWeber in a fraction of a second without leaving the page? Have you ever wanted such forms on your site as well? I will tell you step by step to get your AWeber form submitted exactly like that.
Generate AWeber Form and grab the HTML code for the form.
1. HTML
In the HTML code Find <form and just before the <form add an invisible IFrame.
And after the <form add the target window and id to the form tag
target="AweberFormSubmitFrame" id="before"
So finally out code will look like this.
If you already have a target for form in the code by AWeber as target=”_new”, you can remove it.
Now when user submits the form we want to hide the form with a message to the user.
So just after the closing form tag i.e. </form> add the thanks message to the user.
You can customize the message content as you want.
2. JavaScript
We need to add JavaScript code to the submit button code i.e. when user clicks the submit button we validate the data and then send it to AWeber.
So after <input name=”submit” add
onClick="return _submit_form(this.form);"
so it becomes.
<input name="submit" onClick="return _submit_form(this.form);"
Now finally at the end add the following JavaScript code
This is it and you can see the working example of my AWeber form here.
If you come across any issues getting this done right share your issues in comments below but do mention the URL where you are facing the issue and and I will be more than happy to help.
Readers who read this article also read …
