Step 1: Create Your Glossary Terms

1. Click the "Add Term" button in the Editor page
2. Fill in the word/phrase and its definition
3. Optionally add an image URL, reference link, and tags
4. Enable/disable case sensitivity as needed
5. Click "Save Term" to add it to your glossary

Step 2: Export Your Glossary

1. After adding all your terms, click "Export JSON"
2. A file named glossary-data.json will be downloaded
3. This file contains all your glossary terms and settings

Step 3: Get the Glossary Script File

You have TWO options to include the glossary script:

Option 1: Use CDN Link (Recommended - Easiest!)

No file download needed! Just reference the script from our CDN:

<script src="https://ai-4-id.b-cdn.net/rise-glossary.js" 
        data-auto-init="true" 
        data-data-url="glossary-data.json">
</script>

✅ Benefits: No file management, always up-to-date, faster loading

Option 2: Download and Upload Locally

If you prefer to host the file yourself or work offline:

1. Click the "Download JS" button in the Editor page
2. Save the rise-glossary.js file to your computer
3. Upload it along with your glossary-data.json file

<script src="rise-glossary.js" 
        data-auto-init="true" 
        data-data-url="glossary-data.json">
</script>

⚠️ Note: Make sure both files are in the same directory

Step 4: Upload Files to Your Platform

Works with any platform:

• Articulate Rise 360 / Storyline: Upload files to your course and add to a code block
• Adobe Captivate: Add files to the project and include script in HTML5 output
• iSpring Suite: Upload to web object or include in published package
• LMS (Moodle, Canvas, Blackboard): Upload to course files and embed script
• WordPress / Website: Upload to media library and add script to page
• SCORM/xAPI Packages: Include in your package and reference in main HTML

📦 Required Files:

• glossary-data.json - Your glossary terms (Required)
• rise-glossary.js - The glossary script (Required if using Option 2)
• HOW-TO-USE.txt - Quick reference guide (Optional, downloaded with export)
• Any image files you referenced (if using local paths)

Step 5: Add the Script to Your Course/Website

Using CDN (Recommended):

<script src="https://ai-4-id.b-cdn.net/rise-glossary.js" 
        data-auto-init="true" 
        data-data-url="glossary-data.json">
</script>

Using Local File:

<script src="rise-glossary.js" 
        data-auto-init="true" 
        data-data-url="glossary-data.json">
</script>

With Advanced Options:

<script src="https://ai-4-id.b-cdn.net/rise-glossary.js" 
        data-auto-init="true" 
        data-data-url="glossary-data.json"
        data-highlight-color="#007bff"
        data-popup-position="auto">
</script>

Step 6: Publish and Test

1. Preview or publish your course/website
2. Glossary terms will be automatically highlighted in the content
3. Hover over or click on highlighted terms to see definitions
4. Test on different devices and browsers for compatibility

Articulate Rise 360

Add a "Code Block" lesson, paste the script tag, and publish. Upload glossary files to Rise using the "Upload" option.

Articulate Storyline

Use "Execute JavaScript" trigger to load the script, or add to master slide. Include files in published output.

Moodle / Canvas LMS

Upload files to course resources, then add script tag using HTML editor in any page or label.

WordPress Website

Upload to Media Library, then add script tag using Custom HTML block or theme's footer injection.