This section shows how to install your Course Search widget on your website.

1. Navigate to your Website’s Home Page on a browser.

2. Right-Click anywhere on the page.

3. Select Inspect.

The Inspect menu will be displayed.

4. Navigate to the Console tab.

5. Copy the Sample Script given here:

(function () { var req = new XMLHttpRequest(); req.open('GET', '<YOURCCWEBADDRESS> /frontend/frontend/finder_html', false); req.send(null); document.querySelector('#eventForm').outerHTML = req.responseText; var script = document.createElement('script'); script.src = '<YOURCCWEBADDRESS> /engine/shared/js/finder_menu.js'; document.head.appendChild(script); }());

CODE

6. Paste it below in the Console tab. A security warning may be displayed.

Within the script above make sure to replace <YOURCCWEBADDRESS> with your actual CourseCo Web address. This will have been given to you already.

  • Make sure to either add a DIV with id=eventForm on your page where you want the search form to appear or change document.querySelector('#eventForm') with correct id in the script displayed above page

  • The finder should have the same styling, data, and functionality as the one on your CourseCo site.

The search widget will be installed successfully.

If you have any difficulties installing your search widget, contact CourseCo for assistance.