purlhub

Support Center

Interactive Personalization / Auto Registration

Last Updated: Dec 27, 2012 03:44PM MST

On-The-Fly pURL creation - purlHub is one of the few solutions that offer this feature, out-of-the-box.  With ordinary static purl solutions, organic traffic to your landing pages completely side-steps your personalized marketing strategy.  If not properly setup, anonymous visitors and organic traffic can even adversely effect conversion rates on personalized landing pages.  purlHub solves this issue by providing a complete toolkit supporting identification of anonymous visitors and special-treatment hooks.  As well as, the ability to create new pURLs in your campaign directly from your landing page, personalize the visit, and continue the flow of your marketing campaign.  Organic traffic becomes personalized traffic.
 

As a default mode of operation, purlhub turns on automatic profile creation for each anonymous submission from Landing Pages integrating the purlHub JSAPI.  This is can be convenient safeguard, but shortcuts personalization and interactive opportunities.  Fundamental personalized marketing principles and strategies suggest that each point of personalized interactivity, increases the level of intimacy of the User Experience and strengthens personal connection with the prospect.  Supporting this concept, a good design practice - builds the personalized landing page from the perspective of the anonymous visitor first.  Presenting anonymous visitors with a "Lets get to know each other" greeting and a simple FORM collecting the visitors name, provides basic level of interactive personalization and establishes a dialog with the visitor.  purlHub will intelligently remember and recall these scenarios, and subsequent visits and page navigation, using the newly created profile to address the visitor each time.  That's a simple example; many more creative and complex scenarios are fully supported by purlHub.
 

Additionally, setting up a custom FORM for on-the-fly registration and interactive personalization allows greater control over the profile and purlCode.  Integrating a profile FORM into your landing page requires the following:

  • Create a FORM on your landing page.
     
  • Identify the FORM as a profile form to for purlHub integrate with.
     
  • Flag the input fields to attach to the profile.
     
  • Add a "show form" process to the purlHub callback hooks.

The first step is adding the FORM to your landing page.  You'll want to set up this FORM initially hidden from view.   We'll do this with inline style, setting the display to none.

<form method="post" style="display: none;">
   <h3>Welcome!  Lets get to know each other first...</h3>
   <br />

   <p>
      We're purlHub.com, what's your name? <br />
      <input type="text" name="firstName" />
      <input type="text" name="lastName" />
   </p>

   <button type="submit">Submit</button>
</form>

Next, we'll need to identify the FORM for JSAPI integration as a profile FORM.  We do this by setting the FORM's ID attribute to the default profile form identifier prefix "phProfileForm".

<form id="phProfileForm" method="post" style="display: none;">

Then we need to flag the inputs.  We'll add a purlHub Class Flag to each input to designate these inputs for purlHub data capture.

<input name="firstName" class="phProfileData-firstName" />

    <input name="lastName"  class="phProfileData-lastName" />

At this point the FORM is setup and integrated with purlHub.  When a visitor fills in the form and hits submit, a new profile will be created in your purlHub campaign and bound to the visitor enabling personalization on any page of the microsite.  But the FORM is completely hidden from view by default, unseen for visitors arriving with a purlCode.  The final step is to show this FORM under anonymous conditions.  We'll do this by attaching custom functionality to purlHub's onAnonymous callback hook, using some simple jQuery code.

<SCRIPT type="text/javascript">
	var options = {
	   pageName: 'My pURL Landing Page',
	   serviceToken: '{your campaign service token}',
	   onAnonymous: function(){
	      $('#phProfileForm').show();
	   }
	};
	purlService.init(options);
</SCRIPT>

And that's a basic set up.   You'll likely want to add things like input validation, and perhaps make the form a modal dialog.  All of which are well supported by additional jQuery plugins and tools, entirely up the the creativity of the landing page designer.

 

Contact Us

  • Post a Public Question
  • Ask the Community
  • Email Us

Recent Discussions

Ajax-loader-small