Embedded email sign up form on non-LO CMS

Heather Dauphiny 2 · January 2016

Good morning - I am hoping someone can help me figure out how to create/embed a sign-up form to join our email list. i would like to embed it on our Foundation website which is in its own CMS. How do I do this so that we collect the information in our LO system?

Thanks in advance!

Heather

Ryan O'Keefe · January 2016

Hey Heather,

Every Luminate site comes with a pagebuilder page that is called snippets. You can use this page to embed survey widgets on external websites for your registration flow. http://orhefo.convio.net/site/PageServer?pagename=convio_snippets

You will need to know which survey it's set to default register and then it will pass them to a longer form. If you are familiar with html, you can also grab the code and place it within your own styles for your website so that it looks and feels like part of your site.

Two things, make sure you short survey that is connected to the snippet has only the required fields being asked, and secondly make sure it's redirecting upon completion to a longer registration form if you are looking to collect more than just email address.

Kent Gilliam has posted a good community article with best practices on registration flow if you wish to read more: https://community.blackbaud.com/forums/viewtopic/1/2099?post_id=2099#p2099

Philip Nawrocki · January 2016

Hi Ryan,

Is there anything special we need enabled for this?

I searched for "snippets" on our site and there is no pagebuilder page named that.

Thanks,

Phil

Heather Dauphiny 2 · January 2016

Thank you so much, Ryan! This made my life so much easier!

Happy Friday!

Ryan O'Keefe · January 2016

Philip Nawrocki:

Hi Ryan,

Is there anything special we need enabled for this?

I searched for "snippets" on our site and there is no pagebuilder page named that.

Thanks,

Phil

Hey Phil,

Depending on your deployment, this page could have been removed or archived. Don't know the reasons why. That said the snippet code isn't to hard to decipher. Below is a snippet for a basic email address only field submit. Note, you will have to update the area where it says enter survey id here with your current survey. We typically make this a short survey with only one question required (email) and have the form redirect to a longer form upon submittal. You can add more fields into the form if you wish.

<form method="POST" action="http://cmf.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="[Enter Survey ID Here]" /><input type="text" name="cons_email" id="cons_email" value="Email Address" size="14" maxlength="255" onfocus="if(this.value == 'Email Address'){this.value='';}" onblur="if(this.value == ''){this.value='Email Address';}" /><span style="display:none"><input type="text" name="denySubmit" id="denySubmit" value="" alt="This field is used to prevent form submission by scripts." />Please leave this field empty</span><input type="submit" name="ACTION_SUBMIT_SURVEY_RESPONSE" id="ACTION_SUBMIT_SURVEY_RESPONSE" value="Submit" class="Button" /></form>

Chris Butler · January 2016

Hello!

I do this through a popup light box on our WordPress website during house building campaigns with the following code:

Basically it's just mapping the fields similar to an import.

<form action="siteURL" method="POST">

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

                    <input id="SURVEY_ID" name="SURVEY_ID" type="hidden" value="1162" />

                    <input id="cons_email" name="cons_email" type="text" value="Email address..." size="14" maxlength="255" onfocus="if(this.value == 'Email address...'){this.value='';}" onblur="if(this.value == ''){this.value='Email address...';}" />

                    <span style="display: none;">

                    <input id="ACTION_SUBMIT_SURVEY_RESPONSE" class="Button" name="ACTION_SUBMIT_SURVEY_RESPONSE" type="submit" value="Submit" />

                  </form>

Tamara Perkins · June 2016

Hello,

I am trying to figure out how to embed both the email sign-up and donation form from eTapestry onto our organization's website. I was told it was a simple embed file, but I'm not seeing anything about online forms in my eTapestry dashboard and menus. We have the eTapestry version through TechSoup so it is the starter version. However, it said that these basic tools come with it. Do I have to access it in a special way? Can you tell me where to look? Thank you!

Bonnie Schlobohm 2 · September 2017

We've discovered that our first survey, the one that only requires an email, is being used by bots to submit thousands of email addresses to our site. We need to remove that first step from our registration process. I would like to set it up so when a person enters their email address and clicks our JOIN button, they are taken to the second form with the email address pre-filled in. They don't actually get added to our database until they complete any other required fields and submit the form. Can anyone point me in the direction of where to find the code to give to my website developer?

Embedded email sign up form on non-LO CMS

Comments

Categories