We are using Wordpress for our website and would like to add an email sign up form on our homepage.

Joshua Oehler

Our website designer said it would work best if she could get the raw code for the survey. Does blackbaud provide this?

Erik Leaver

Hi Joshua-

 

Here's the code we are using.  Few notes:

 

1) You'll need to set up a survey in Luminate first that contains the fields you want for your email form (we ask for email & zip). You'll need to know the ID number of the survey.

 

2) You'll want to change the site in the first line of the code to your site and change the Survey_ID in the 3rd line.

 

3) Your designer will want to change all of the styling & the id and classes.

 

You can see this in practice at endgenocide.org

 

 

<form id="mail-updates" method="post" action="http://sdc.convio.net/site/Survey">

<input type="hidden" name="cons_info_component" id="cons_info_component" value="t">

<input type="hidden" name="SURVEY_ID" id="SURVEY_ID" value="2460">

<span class="f-btn"></span>



<input type="text" name="cons_email" id="cons_email" value="Email Address" onfocus="if(this.value=='Email Address') {this.value=''};" onblur="if(this.value==''){this.value='Email Address'};">



<input id="zip" type="text" name="cons_zip_code" value="Zip Code" onfocus="if(this.value=='Zip Code') {this.value=''};" onblur="if(this.value==''){this.value='Zip Code'};">



<span style="display: none;">

<input alt="This field is used to prevent form submission by scripts." id="denySubmit" name="denySubmit" type="text" value="">Please leave this field empty</span>



<button type="submit" class="f-btn btn btn-primary" name="ACTION_SUBMIT_SURVEY_RESPONSE"><i class="icon-chevron-right icon-white"></i></button>



</form>

Joshua Oehler

Erik Leaver:

Hi Joshua-

 

Here's the code we are using.  Few notes:

 

1) You'll need to set up a survey in Luminate first that contains the fields you want for your email form (we ask for email & zip). You'll need to know the ID number of the survey.

 

2) You'll want to change the site in the first line of the code to your site and change the Survey_ID in the 3rd line.

 

3) Your designer will want to change all of the styling & the id and classes.

 

You can see this in practice at endgenocide.org

 

 

<form id="mail-updates" method="post" action="http://sdc.convio.net/site/Survey">

<input type="hidden" name="cons_info_component" id="cons_info_component" value="t">

<input type="hidden" name="SURVEY_ID" id="SURVEY_ID" value="2460">

<span class="f-btn"></span>



<input type="text" name="cons_email" id="cons_email" value="Email Address" onfocus="if(this.value=='Email Address') {this.value=''};" onblur="if(this.value==''){this.value='Email Address'};">



<input id="zip" type="text" name="cons_zip_code" value="Zip Code" onfocus="if(this.value=='Zip Code') {this.value=''};" onblur="if(this.value==''){this.value='Zip Code'};">



<span style="display: none;">

<input alt="This field is used to prevent form submission by scripts." id="denySubmit" name="denySubmit" type="text" value="">Please leave this field empty</span>



<button type="submit" class="f-btn btn btn-primary" name="ACTION_SUBMIT_SURVEY_RESPONSE"><i class="icon-chevron-right icon-white"></i></button>



</form>

Thanks Erik, this is helpful.

Joshua Oehler

Erik Leaver:

Hi Joshua-

 

Here's the code we are using.  Few notes:

 

1) You'll need to set up a survey in Luminate first that contains the fields you want for your email form (we ask for email & zip). You'll need to know the ID number of the survey.

 

2) You'll want to change the site in the first line of the code to your site and change the Survey_ID in the 3rd line.

 

3) Your designer will want to change all of the styling & the id and classes.

 

You can see this in practice at endgenocide.org

 

 

<form id="mail-updates" method="post" action="http://sdc.convio.net/site/Survey">

<input type="hidden" name="cons_info_component" id="cons_info_component" value="t">

<input type="hidden" name="SURVEY_ID" id="SURVEY_ID" value="2460">

<span class="f-btn"></span>



<input type="text" name="cons_email" id="cons_email" value="Email Address" onfocus="if(this.value=='Email Address') {this.value=''};" onblur="if(this.value==''){this.value='Email Address'};">



<input id="zip" type="text" name="cons_zip_code" value="Zip Code" onfocus="if(this.value=='Zip Code') {this.value=''};" onblur="if(this.value==''){this.value='Zip Code'};">



<span style="display: none;">

<input alt="This field is used to prevent form submission by scripts." id="denySubmit" name="denySubmit" type="text" value="">Please leave this field empty</span>



<button type="submit" class="f-btn btn btn-primary" name="ACTION_SUBMIT_SURVEY_RESPONSE"><i class="icon-chevron-right icon-white"></i></button>



</form>

Hi Erik,

Is the site in #2 that you refer to our homepage address? So, the first line of the code would be:  

<form id="mail-updates" method="post" action="http://azchildren.org/">

Erik Leaver

Joshua Oehler:

Hi Erik,

Is the site in #2 that you refer to our homepage address? So, the first line of the code would be:  

<form id="mail-updates" method="post" action="http://azchildren.org/">

So you'll need to set up a survey first.

 

A "survey" (from the main menu, Content -> surveys)

You'll need to create a survey that is an email sign up form. See https://convio.adobeconnect.com/_a836067539/signup_form/ for some help on forms. This tutorial is for making a signup form to be hosted on Convio. So you won't need to know all the steps but will be helpful for you.

 

Once this is set up note the survey number.

 

And your top code will look like this:

<form id="mail-updates" method="post" action="http://YOURSITENAME.convio.net/site/Survey">

<input type="hidden" name="cons_info_component" id="cons_info_component" value="t">

<input type="hidden" name="SURVEY_ID" id="SURVEY_ID" value="YOURSURVEYNUMBER">

 

Our survey requires zip and we also employ a hidden field to catch submissions by bots. You may or may not need those.

And as noted, we use some javascript which you may or may not want to use.