Adding Registration/Signup to Your Main Website

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.  

There are two methods available to do this:

• Calling a Gnosis sign-up form to pop up and accept registration (described below)
• Adding and styling a Wordpress Plugin on your Wordpress web site.

To add a Gnosis sign-up form that pops up and accepts registration, have your web developer customize and add the code described below to your main website.  

Gnosis Pop-Up Form Option

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.

JQuery

Pre-requisite: Ensure your pages have jQuery loaded before the Gnossi 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>

Gnosis Scripts

Firstly, add to the page the link or button that will invoke the registration dialog. As illustrated below, the link or button must have a class named 'gnosisRegister'.

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

Next, add the following somewhere below the link or button described above.

<!-- 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, finally, add the following code block, which will connect your link or button to the GnosisRemote Register script.

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

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:

• Manage the Web Portal - Composite CMS Basics