Getresponse opt-in form help

1 replies
  • WEB DESIGN
  • |
I have created a squeeze page and want to add my custom 'submit button' to the page. However, I can't understand how to link it so that get response web form works.

I have tried adding it so many times and I don't know were am I making the mistake. Can anybody help me here?

Thanks
#form #getresponse #optin
  • Profile picture of the author aspetg
    The best way to explain this is to give you the concept because every optin form is different. So here we go..

    First you need to copy your Get Response Webform code in the "HTML" version without the "CSS" after you have created the webform.

    When you are in the Publish Tab right after you have created your Ger Response webform select

    1) "Show HTML Code".

    2) Then make sure you turn OFF the option that says Include css styles.

    3) Now copy all the code inside into notepade.

    4) Next Go To Your Optin Page and view the source code

    5) If your optin page is using Cascading Style Sheets then you need to figure out what
    are your "<div></div>" tags are. So if you have a graphic image that "wraps" your submit button then the <div> tag might say

    <div class="af-element buttonContainer">

    Now take this <div> (your optin page might have a different looking <div> tag) tag and past it right BEFORE the Get Response code wher it says

    <input type="submit" class="wf-button" name="submit" value="FREE INSTANT ACCESS!" style="display: inline !important; width: 298px !important;"></input>


    then right after that put a closing </div> tag.

    If you want a custom grafic to "wrap" your submit button then you gotta add the
    "src= http\\myimagesfolder\YourCustomGraphic.gif" attribute to your input tag.

    So for example

    <input type="submit" class="wf-button" name="submit" value="GET INSTANT ACCESS!" style="display: inline !important; width: 298px !important;" "src= http:\\myimagesfolder\YourCustomGraphic.gif"></input>

    You might need to do the same thing for the email input tag.

    Find your <div></div> tags that wrap around your

    "<input class="text" name="fields_email" value="Email Address" type="text" />

    in your optin page.

    Then copy over those <div></div> tags in the begging and in the end of the Get Response code where it says

    <input class="wf-input wf-req wf-valid__email" type="text" name="email"></input>

    then close the tag with a end </div>

    NOW THIS PART IS TRICKY!!!

    You may need to add an extra attribute to your Get Response input tag so your
    text fields matches up with the form.

    For example.

    In the Get Response code:

    <div class="someemailclass">

    <input class="wf-input wf-req wf-valid__email ADD EXTRA CLASS NAME HERE FOUND IN YOUR CSS.STYLES " type="text" name="email"></input>
    </div>

    Now take ALL the Get Response code
    past it over all the code in your OPTIN page where it says

    <form>

    .... some code
    .... some code
    .... some code
    .... some code

    </form>

    This might take a few tries so I suggest you save the original copy of your optin page and the Get Response code.

    I am assuming you are going to use an HTML editor for this if not you can download Komposer it free.

    Hope this help!
    {{ DiscussionBoard.errors[9572029].message }}

Trending Topics