Solved

Configuring Autoresponder with Confirmation Page in WordPress

Posted on 2009-07-14
12
619 Views
Last Modified: 2012-06-21

I use iContact as my autoresponder provider and although I have been able to have iContact generate HTML code for creating my webform, I still need to have the submit button take the visitor to the confirmation page of my WordPress website: http://www.empoweredtoprofit.com
 
I am in the process of adding content, but the pages that I upload through the WP C-panel are not seen once the submit button is clicked. I get the WP theme pages which are not suitable. I need my confirmation page to be seen immediately after submission. Can someone revise the code?

This is my confirmation page link:  http://empoweredtoprofit.com/wp-content/uploads/2009/07/thankyou-conf-dreamsmanisto.htm

<style type="text/css">
#SignUp .signupframe {
  border: 1px solid #000000;
  background: #AFF2E5;
  color: #555011;
  font-family: Arial, Helvetica, sans-serif;
}
</style>
<script type="text/javascript" src="http://app.icontact.com/icp/loadsignup.php/form.js?c=517920&l=23242&f=3076"></script>
<a href="http://www.icontact.com" style="font-family: Arial, Helvetica, sans-serif;"><font size="2">Email Marketing by iContact</font></a>

Open in new window

0
Comment
Question by:empowered2p
  • 7
  • 5
12 Comments
 
LVL 31

Expert Comment

by:gwkg
ID: 24848650
Are you saying that you want the flow to go like this

Sign Up Form > Confirmation Page > Submit to iContact

If that is correct, do you want the confirmation page to look like a page/post inside your theme, or just a separate page with its on html and styling?
0
 
LVL 31

Expert Comment

by:gwkg
ID: 24848746
Scratch the last part of my question, I reread your question.

Did you set that link in iContact as the link to your thank you page?

iContact.com appears to be down at the moment, I can't login and confirm where you set it up, but you set that page inside of iContact.so it creates a hidden form field in the html of the form the javascript creates.

<input type="hidden" name="redirect" value="http://empoweredtoprofit.com/wp-content/uploads/2009/07/thankyou-conf-dreamsmanisto.htm" />

There is no way to add that code outside of iContact if you are using iContact's javascript to create your form.

0
 

Author Comment

by:empowered2p
ID: 24851624
Hi gwkq:

The theme and styling of the page is not important as obtaining the form results from the page that has iContact generated form code. The order should be: Sign-up form > iContact > Conf page.

It makes sense that the code cannot be revised outside of iContact's coding because I need to collect the information from sign-ups for the database in iContact. Once iContact receives the form results and add it to the database, (click submit), it would be great to have my plain confirmation page show up after submission so that the visitor can continue on to the affiliate site to complete purchase. If you need my logon info, send your email to clientservices.js@gmail.com and I will send it to you. But I am hoping to learn how to do it.

Thank you very much.
0
Master Your Team's Linux and Cloud Stack

Come see why top tech companies like Mailchimp and Media Temple use Linux Academy to build their employee training programs.

 

Author Comment

by:empowered2p
ID: 24851677
I really do appreciate your help.
0
 

Author Comment

by:empowered2p
ID: 24851724
Also, the symbol } on line 7, is that a break between paragraphs like "br" in html?
0
 
LVL 31

Expert Comment

by:gwkg
ID: 24852121
No, the } is a closing bracket for the { on line 4 that declares some basic styling rules.

Is icontact.com working for you today?   I've tried from home and work and am getting a Network Timeout error so it wouldn't matter which login I tried.... their web site isn't showing.

All the javascript is doing is pulling your form's html from icontact and displaying it in your browser.  Personally, I use the hrml code they provide and make it xhtml compliant.  Mainly because I don't want icontact slowing down the loading time of my site if there is a problem loading that script.


0
 

Author Comment

by:empowered2p
ID: 24856228
Actually, iContact has worked all day, everyday. I have not had any problems.

Ok. I will try to make it xhtml compliant but how to do that with Word Press? I can do it with Dreamweaver because it does it for me.

Also, will making it xhtml compliant take the form directly to the conf page upon submission while providing the form results to iContact?
0
 
LVL 31

Assisted Solution

by:gwkg
gwkg earned 500 total points
ID: 24858758
I still can't login to icontact.  Every webpage on the internet works for me except icontact.com so someone else is going to have to help you with step by step instructions.  I'll have a broken computer screen by the end of the day if this keeps up.

Here is what I can answer...

Making the form xhtml won't make the form go to your thank you page... changing the value in the hidden field with name="redirect" will.

<input type="hidden" name="redirect" value="http://empoweredtoprofit.com/wp-content/uploads/2009/07/thankyou-conf-dreamsmanisto.htm" />

You are skipping over a section when you set up your form in icontact, though.  The javascript version of the form will do the same thing if you enter an alternative url for the redirect.

There is also a place to enter a custom url for your error page, during setup.

You should probably just 'live chat' with someone from icontact support... they will guide you to the section you are overlooking during setup.

Hope that helps!
0
 

Author Comment

by:empowered2p
ID: 24859275
Great! Thanks! I think it will. I will let you know by the end of the day.
0
 

Author Comment

by:empowered2p
ID: 24860191
If it is any consolation, you are sane. iContact servers are down.
I am thinking of going with Aweber or InfusionSoft. Will instructions be the same for these
autoresponder providers?
0
 

Accepted Solution

by:
empowered2p earned 0 total points
ID: 24862187
It worked! Thanks a million. You are brilliant!! I hope the universe gives you the desires of your heart. This query is now closed. Again, thanx!
0
 
LVL 31

Expert Comment

by:gwkg
ID: 24894180
Thank you for your kind words
0

Featured Post

3 Use Cases for Connected Systems

Our Dev teams are like yours. They’re continually cranking out code for new features/bugs fixes, testing, deploying, testing some more, responding to production monitoring events and more. It’s complex. So, we thought you’d like to see what’s working for us.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

"In order to have an organized way for empathy mapping, we rely on a psychological model and trying to model it in a simple way, so we will split the board to three section for each persona and a scenario and try to see what those personas would Do,…
An enjoyable and seamless user experience can go a long way on an eCommerce site. While a cohesive layout and engaging copy play roles in creating a positive user experience, some sites neglect aspects that seem marginal but in actuality prove very …
The viewer will learn how to count occurrences of each item in an array.
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

772 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question