GoSignMeUp offers an Embedding feature where you can put the searchable course catalog in to your own web site.

Once you have a web page that you want to embed the GoSignMeUp Course Catalog in to, the process is pretty straight forward; you will just copy/paste the GSMU embed code in to it.

The easiest thing to do is just create a table so you can also center or left-align the catalog - code example is below;

<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">

 <tr>

   <th scope="row">&nbsp;</th>

 </tr>

</table>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    

Once you have a place to put the embed code, its easy to copy/paste it in to your web page.  First, from the Course Grid, find the Settings | Public Management | Edit Layout screen.

At the top of the page bar you will see the Get Embed Script option under the Site embedding button.

Click the Get Embed Script option under the Site embedding button to reveal the Embed window code.  Select this code and Copy it (Ctrl+C)

In the HTML code, within your new table, Paste (Ctrl+V) your embed script code in to your web page HTML.  In our example we replaced the blank space placeholder (&nbsp;) with the code.

The assembled code example is below;

<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">

 <tr>

   <th scope="row"><iframe id="gsmu-embedded" scrolling="no" frameborder="none" height="500" width="920" style="border: none; margin: 0;"></iframe>

<script type="text/javascript">var ie=(function(){var a,v=3,div=document.createElement('div'),all=div.getElementsByTagName('i');while(div.innerHTML='<!--[if gt IE '+(++v)+']><i></i><![endif]-->',all[0]);return v>4?v:a}());(function(){var c=document.getElementById('gsmu-embedded');var d=location.protocol+'//'+'the-promise.gosignmeup.com/landing/embedded';c.src=d;if(!window.publicnetComponentReceiver){window.publicnetComponentReceiver=function(a){var b;if(typeof(ie)!=undefined&&ie<9){b=a.data}else{b=a.data.height}document.getElementById('gsmu-embedded').style.height=b+'px'}}if(window.removeEventListener){window.removeEventListener('message',window.publicnetComponentReceiver)}else if(window.detachEvent){window.detachEvent('onmessage',window.publicnetComponentReceiver)}if(window.addEventListener){window.addEventListener('message',window.publicnetComponentReceiver)}else if(window.attachEvent){window.attachEvent('onmessage',window.publicnetComponentReceiver)}})();</script></th>

 </tr>

</table>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    

Because of the script, you will not see anything until your web page is pushed up (FTP'd) to your web site and previewed in a browser.  When you do, the embed code will contact the GoSignMeUp servers and populate the frame with your courses in the catalog format.  

If your web site is powered by Wordpress, you will need to install a plugin that allows script to work/display on your page. PageView is such a plug in (click for link)

Download the plugin

Unzip

Copy to your /wp-content/plugins directory

Activate plugin

Because you control your own web site, GoSignMeUp can not make changes to your embedded page.  For example, you may need a 'scrolling =true' or something on your side in the container you are putting the embed code in if it is too small and cuts things off.  To eliminate horizontal scrolling issues try using a width value in your frame  (should be wider than 960 pixels).  You might also try adding a height value to your frame as well.