Working Contact Form & Aweber integration

Comments

6 comments

  • Avatar
    Frank McLoughlin

    Hi Chrissy,

     

    You can add an Autoresponder by using an iFrame. I did this a day or two ago and it works just fine. If you don't use the iFrame the form never loads.

     

    Frank

    0
    Comment actions Permalink
  • Avatar
    brick&mobile Support

    Working on it....

    For now, check this out - https://brickandmobile.zendesk.com/entries/20712627-adding-a-custom-form-from-wufoo

    0
    Comment actions Permalink
  • Avatar
    Jacob Pinkham

    Frank,

    Is Aweber able to use an iframe? I cant seem to find the option in there.

    Jacob 

    0
    Comment actions Permalink
  • Avatar
    Frank McLoughlin

    Hi Jacob - 

    • Essentially, what you need to do is create the form using your Aweber account.
    • Copy the html code of the autoresponder.
    • Create an html document with the autoresponder code, name it (e.g., iframe.html).
    • Upload it to one of your own website's hosting accounts (e.g., yourdomain.com/iframe.html).
    • Then, on your mobile site where you want the form to show up, select a Generic Content module (or whatever it's called - servers are currently updating), select html and paste this code: <iframe src="blank.html" height="100" width="200">You need a Frames Capable browser to view this content.</iframe>  substituting the full iframe URL for blank.html and adjusting the height and width dimensions to your specifications.

    Do this and your lead capture form should load on your mobile site. 

    Please let me know if this explanation suffices and if you are successful or not!

    Thanks,

    Frank

     

    0
    Comment actions Permalink
  • Avatar
    Frank McLoughlin

    Hi Tony,

    My apologies for the delay in responding, but I was back in Ireland for the hols. I'll get this done over the next few days.

    Cheers,

    Frank

    0
    Comment actions Permalink
  • Avatar
    Frank McLoughlin

    Here's the link to a short video showing how to create a lead capture form using an iFrame: http://youtu.be/ICeJm_hEo_k

    Couple of things:

    1. The code for the iFrame is as follows: 

    <iframe src="**Full URL to uploaded Autoresponder Code**" height="100" width="200">You need a Frames Capable browser to view this content.</iframe>

    1. By adding the following code between the <head> tags of the autoresponder code, it will render correctly for all mobile devices (so I'm told!): 

    <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=2.0, user-scalable=no" />

    1. One thing I discovered is that the generic Thank You page (provided by Aweber) sent to the subscriber to confirm their subscription doesn't render well on a mobile. There is an option to create your own Thank You page which I would recommend you do for your clients to get around this. (I only have experience with Aweber and can't speak to GetResponse, etc.).

    Get back to me with any questions.

    Cheers,

    Frank

    0
    Comment actions Permalink

Please sign in to leave a comment.