Need help? Check out our Support site, then


WordPress.com Forums » Support

Placing "Constant Contact" form into WordPress Form

  1. iheartjohngs
    Member

    I am trying to update our forms page so that it automatically populates into our Constant Contact page (before we had to enter the form entries manually). Constant Contact lets up set up an HTML form that can be copy and pasted into our backend on WordPress. (See page at http://johngsdotcom.wordpress.com/2011/08/05/join-the-john-gs-mailing-list/)

    When I paste it into the HTML editor on WordPress, I can see the email field and the button for submission. But when I upload the file, it goes missing. I am supposed to be able to enter in an email address and then I will be directed to a more detailed contact form (which I can't even view because I cant get past this initial email entry page).

    Can you help? The "View Source" on the actual page is not matching the HTML I was given from Constant Contact. The HTML code I pasted in the backend editor is the following:

    <!-- BEGIN: Constant Contact Basic Opt-in Email List Form -->
    <div align="center">
    <table border="0" cellspacing="0" cellpadding="3" bgcolor="#ffffff" style="border:0px solid #ffffff;">
    <tr>
    <td align="center" style="font-weight: bold; font-family:Arial; font-size:12px; color:#000000;">Join Our Mailing List</td>
    </tr>
    <tr>
    <td align="center" style="border-top:0px solid #ffffff">
    <form name="ccoptin" action="http://visitor.r20.constantcontact.com/d.jsp" target="_blank" method="post" style="margin-bottom:2;">
    <input type="hidden" name="llr" value="qeceo7gab">
    <input type="hidden" name="m" value="1106908416144">
    <input type="hidden" name="p" value="oi">
    <font style="font-weight: normal; font-family:Arial; font-size:12px; color:#000000;">Email:</font> <input type="text" name="ea" size="20" value="" style="font-size:10pt; border:1px solid #999999;">
    <input type="submit" name="go" value="Go" class="submit" style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; font-size:10pt;">
    </form>
    </td>
    </tr>
    </table>
    </div>
    <!-- END: Constant Contact Basic Opt-in Email List Form -->
    <!-- BEGIN: SafeSubscribe -->
    <div align="center" style="padding-top:5px;">
    <img src="https://imgssl.constantcontact.com/ui/images1/safe_subscribe_logo.gif" border="0" width="168" height="14" alt=""/>
    </div>
    <!-- END: SafeSubscribe -->

    <!-- BEGIN: Email Marketing you can trust -->
    <div align="center" style="font-family:Arial,Helvetica,sans-serif;font-size:10px;color:#999999;">
    For Email Marketing you can trust
    </div>
    <!-- END: Email Marketing you can trust -->

    The blog I need help with is johngsdotcom.wordpress.com.

  2. iheartjohngs
    Member

    http://johngsdotcom.wordpress.com/2011/08/05/join-the-john-gs-mailing-list/

  3. timethief
    Member

    I'm sorry but the constant contact form cannot be used on free hosted WordPress.com blogs. Refer to accepted codes. Please see here for the contact form that you can use on your free hosted WordPress.com blog.

  4. iheartjohngs
    Member

    I looked thru this page and watched the tutorial. I did not find what I was looking for.

    Ideally I would like people who enter in the contact forms to automatically be created on a list directly to Constant Contact (the eblast management site we use to manage traffic to this page). But, you are saying that isnt an option?

    My second best option would be to have the form contacts be populated into an excel-like document. In this situation, we could then take the updated contact list and write over the old existing one on Constant Contact each time we want to do a blast. This adds an extra step, which is why I would prefer to be able to import something from Constant Contact in order to move contacts directly into our mailing list.

    Please advise.

  5. iheartjohngs
    Member

    I looked thru this page and watched the tutorial. I did not find what I was looking for.

    Ideally I would like people who enter in the contact forms to automatically be created on a list directly to Constant Contact (the eblast management site we use to manage traffic to this page). But, you are saying that isnt an option?

    My second best option would be to have the form contacts be populated into an excel-like document. In this situation, we could then take the updated contact list and write over the old existing one on Constant Contact each time we want to do a blast. This adds an extra step, which is why I would prefer to be able to import something from Constant Contact in order to move contacts directly into our mailing list.

    Please advise.

  6. timethief
    Member

    The support documentation makes it clear which codes are accepted and which will be stripped out by the software to preserve security and stability on this multiuser blogging platform. You can use constant contact on self hosted WordPress.ORG blog. For clarity I repeat you cannot use constant contact on a free hosted WordPress.COM blog. The contact form that you can use on a free hosted WordPress.COM blog is the one that I linked to above.
    Read this entry please: WordPress.COM vs WordPress.ORG: The Differences

  7. timethief
    Member

    Refer to accepted codes:

    If you are familiar with HTML, you’ll notice that codes such as embed, frame, iframe, form, input, object, textarea and others are missing from the above list. Those codes are not allowed on WordPress.com for security reasons. http://en.support.wordpress.com/code/

  8. raincoaster
    Member

    The best workaround we've found is to put it into a Google Document and link to it from your WP.com blog.

  9. timethief
    Member

    This Google docs link will be relevant if you choose to use the workaround raincoaster has provided.

  10. iheartjohngs
    Member

    OK. I am going to use Google to make an HTML page with the constant contact survey form code. Now I just need help with one more thing. I want to pull the navigation header from my page. If my homepage is http://www.john-gs.com, what would be the code for the header? I looked at the page source, but I saw a lot of code that may not have to do the header.

  11. timethief
    Member

    I want to pull the navigation header from my page.

    I'm not clear on what you mean but I do know that we cannot edit templates or themes on free hosted WordPress.com blogs, and we cannot use CSS editing to change functionality. We can only use it to change appearance.
    Please read this entry > WordPress.com vs WordPress.org: The Differences

  12. raincoaster
    Member

    Pull the navigation header? Into the emails? Yes, you'll have to go through the code line by line. Fortunately, header code is set in its own area, marked as "header".

  13. iheartjohngs
    Member

    What I want to do is take the top navigation bar (it has "John G's Restaurant" with pelican, then "Home" and Contact") and put it at the top of a google page I am creating. The reason I am creating a separate google page is because I need to set up a form that feeds directly into my constant contact account, but I am not able to do the on WordPress.

    I want users, after they are done doing the form, to be able to navigate back to my wordpress home page.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags