Table of Contents

For Gnosis clients with a Gnosis Portal Website separate from their main website.

Overview

You may add a button or link on any or all pages on your main website to have visitors register themselves in your Gnosis database.  To do this, have your web developer customize and add this code below to your main website.  

This will cause a dialog window to open on the page you are currently on that accepts the person’s name and email address and adds it to your database.  When complete, the person will be left on the page they were originally viewing.

How To

NOTE: Elements below that can or must be customized are shown in red.

 

Pre-requisite: Make sure that your pages have jQuery loaded before the scripts below.

<!-- NOTE: JQuery is required only if not already available on the page. -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"
type="text/javascript">
</script>

Firstly, add to the page the visual element that will invoke the registration dialog.

<!-- Add to the page the element that will invoke the registration dialog, 
which can be a div, button, link, etc.-->

<button class="register">Register</button>


Next, somewhere below the invoking element above, add the following.

<!-- Load gnosisRemote from your gnosis site. Must have ‘gnosisRemote’ as the script id. -->
<script id="gnosisRemote"
src="//YOUR_ORG_ID.gnosishosting.net/connect4/resources/scripts/gnosisRemote.min.js"
type="text/javascript">
</script>

Then:

For more recent Gnosis Portal sites (v1.4.713 and later) (see below for the location of the website version), use

<script type="text/javascript">
//<!--
//Attach the popup register dialog to the elements that will invoke it.
//In this example:
// The element has a class called “.register”
// The frame name will be “Register”
gnosisRemoteLoader(false, "Register", "https://YOUR_ORG_ID.gnosishosting.net/Portal/RemoteRegister", ".register")
//--> </script>

For older versions (v1.4.712 and earlier) (see below for the location of the website version) use.

<script type="text/javascript" >
//<!--
//Set your document.domain to your sites domain name
document.domain = 'example.com'
//Initialize gnosisRemote in ‘no bootstrap’ mode (for bootstrap mode, set param to true)
var gnosisRemote = gnosisRemoteLoader(false)
//Attach the popup register dialog to the elements that will invoke it.
//In this example, the element is called “Register”.  
//The URL must be protocol relative to prevent cross sub-domain failure. - use // not http://

$('.register').gnosisFrame('Register',"//YOUR_ORG_ID.gnosishosting.net/Portal/RemoteRegister")
//-->
</script>

The Org ID

In the scripts above, the token "YOUR_ORG_ID" should be replaced with the organization id of your system.  Your System's Org ID is available on the login box of Gnosis Pro:

 

Website Version

In order to select the appropriate website version code, you will need to determine your version.  To do this, in Gnosis Pro, go to Settings | Administration | Website & System Admin | Website, System & User Status.  On the screen that appears, you will see the website version displayed in the top section.

 

Styling The Popup

The popup window is available on the website CMS system used by Gnosis.  The page is called "Remote Register" and is located at the bottom of the Guest Portal web page tree in the CMS. This page can be edited to add local CSS for the popup's styling.  If you do not have access to the CMS to edit the page, Connect4 Support would be happy to upload your CSS styling to that page.

 

 

See Also:

 

Comments

0 comments

Please sign in to leave a comment.