WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Inserting code for GetResponse Sign up form in WordPress (5 posts)

  1. return2earth
    Member
    Posted 4 years ago #

    I have a getresponse account at basic level which allows me to create a basic signup form with html code.

    I want to put a getresponse sign-up form in my blog. I'm using Suffusion Theme. There is a facility on getrespose but I'd have to upgrade and can't afford that right now.

    I've found a few widgets, but none to download and install directly to WordPress.

    Is there any way I can insert the getresponse code into a sidebar as a signup form in myblog

    http://www.pierresoleil.com/ourblog

    I'm hosted by Bluehost.

  2. equalmark
    Member
    Posted 4 years ago #

    Not sure what the code is you have but if it is just HTML you should be able to insert it into the relevant place in your themes sidebar.php file.

  3. return2earth
    Member
    Posted 4 years ago #

    THANKS. Yes it it is html. I had no idea I could insert code into the themes sidebar file. thanks for the pointer...

    Here's the code I entered and it didn't work
    I am not too up on code, but as there are two sidebars, I'm wondering if I need more code like I saw in the sidebar.php file

    /CODE/<!--sidebox start --> or does the ! mean this is just a comment?

    <style type="text/css">
    <!--
    #webFrmID { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 12px; color: #666;}
    #webFrmID .cntBox { position: relative; left: 50%; width: auto; float: left; clear: both; text-align: left; margin: 5px 0 12px 0; }
    #webFrmID .cntBox .box { position: relative; left: -50%; float: left; padding: 0; }
    #webFrmID .chikLet { margin: 0 0 5px 0; padding: 0; height: 24px; }
    #webFrmID .chikLet li, .chikLet li span { background: url(http://www.getresponse.com/images/core/icons/gr_chicklet.png) left top no-repeat; display: block; height: 24px; }
    #webFrmID .chikLet li { margin: 0; padding: 0 0 0 24px; float: left; line-height: 24px; }
    #webFrmID .chikLet li span { background-position: right bottom; padding: 0 8px 0 4px; float: left; }
    #webFrmID .clearer { width: 100%; height: 0.1px; font-size: 0.1px; clear: both; line-height: 0.1px; }
    -->
    </style>
    <div id="webFrmID">
    <form accept-charset="utf-8" action="http://www.getresponse.com/cgi-bin/add.cgi" style="width: 250px; font-family: verdana; background-color: #ffffff; margin: 5px;"><input type="hidden" name="custom_http_referer" id="custom_http_referer" value=""/>
    <div id="webform_title" style="line-height:21px; padding: 7px 20px 7px 20px; font-size: 21px; color: #ffffff; background-color: #278DE2; border: 1px solid #278DE2;">
    Free E-book! 101 Guide to Creating a more Earth-Based Lifestyle
    </div>
    <div style="font-family: tahoma; border: 1px solid #DEDEDE;">
    <div style="font-size: 12px; color: #4C4B4B; padding: 16px; padding-bottom: 12px;">

    </div>
    <hr style="height: 1px; border: 0; background-color: #F0F0F0; color: #F0F0F0; margin: 0 20px 0 20px;"/>
    <ul id="fields" style="list-style: none; margin: 0; font-size: 12px; color: #7B7B7B; padding: 15px 30px 15px 30px;">
    <li id="subscriber_name-field" style="padding: 4px 0 5px 0; margin: 0; background: none; width: 100%;">
    <label style="float: left;" for="subscriber_name">Name :</label>
    <input style="float: right; border: 1px solid #AEB186; width: 140px;" id="subscriber_name" name="subscriber_name" type="text" value=""/>
    <div style="clear: both;"/>

    <li id="subscriber_email-field" style="padding: 4px 0 5px 0; margin: 0; background: none; width: 100%;">
    <label style="float: left;" for="subscriber_email">Email :</label>
    <input style="float: right; border: 1px solid #AEB186; width: 140px;" id="subscriber_email" name="subscriber_email" type="text" value=""/>
    <div style="clear: both;"/>

    <ul style="list-style: none; margin: 0; font-size: 12px; color: #7B7B7B; padding: 15px 30px 15px 30px; text-align: center;">
    <li style="padding: 4px 0 5px 0; margin: 0; background: none; width: 100%;">
    <script language="javascript">
    function new_freecap()
    {
    if (document.getElementById)
    {
    thesrc = document.getElementById("freecap").src;
    document.getElementById("freecap").src = thesrc + "/";
    }
    else
    {
    alert("Sorry, cannot autoreload image\\nPlease reload the page and new Captcha will be loaded.");
    }
    }
    </script>

    <img src="http://www.getresponse.com/captcha.jpg/word118514" id="freecap"/>
    Refresh
    Enter security code
    (ignore red letters)
    <input style="border: 1px solid #AEB186; width: 140px; margin-top: 8px;" type="text" name="word" size="14" id="word" />

    <input type="hidden" name="confirmation_url" id="confirmation_url" value="http://www.alternativeresearchconsortium.org/thanks_signup.html"/>
    <input type="hidden" name="error_url" id="error_url" value=""/>
    <input type="hidden" name="campaign_name" id="campaign_name" value="alternativeliving"/>
    <input type="hidden" name="custom_ref" id="custom_ref" value=""/><hr style="height: 1px; border: 0; background-color: #F0F0F0; color: #F0F0F0; margin: 0 20px 0 20px;"/>
    <div style="text-align: center; padding-bottom: 18px; padding-top: 10px">
    <input id="webform_submit" style="cursor: hand; font-family: verdana; font-size: 18px; color: #FFFFFF; background-image: url(http://www.getresponse.com/images/common/templates/webforms/grey_button.png); border: 0; width: 140px; height: 33px; margin: 10px;" type="submit" value="Illuminate me"/>
    <div class="cntBox">
    <div class="box">
    <ul class="chikLet"><li class="chikLetGr"><span>4 subscribers</span>
    </div>
    </div>

    <div class="clearer"></div>
    </div>
    </div>
    </form>
    </div>
    <script type="text/javascript">var el=document.getElementById("custom_http_referer");if(el != null){el.value = document.location};</script>//CODE

  4. return2earth
    Member
    Posted 4 years ago #

    Well,I found a widget that links a short sign upform to getresponse. It's good but has no 'captcha'. So eventually I added that and compromised by making a page and calling it 'free e-books' it shows up on the top nav tab and that's good enough

    All about creating a more earth-based life in the anticipation of peak oil shortages.

    thanks for helping... will make this resolved

  5. Kate Anderson
    Member
    Posted 4 years ago #

    You can download the free Autoresponder WP plugin at http://www.Codebanter.com .. works like a charm :)

Topic Closed

This topic has been closed to new replies.

About this Topic