Install the Code.org Integration for Canvas

Note: Encountering issues with our new integrations? You can reach out to support via this link.

This guide is for users with administrator privileges who would like to install Code.org's LTI 1.3 integration for Canvas LMS. This will allow your Canvas users to leverage our Single Sign-On and Roster Sync features. This process should take ~5 minutes.

If you are using Canvas Beta or a custom-hosted Canvas, check out this guide.

Video Walkthrough (Opens in New Tab)

Installing Code.org for Canvas

Step 1: Create an LTI Key

From the Canvas Admin menu, select Developer Keys
Click the Add Developer Key button, and select the + LTI Registration option
Enter the following URL: https://studio.code.org/lti/v1/dynamic_registration
Supply your email address and click "Create Registration"
Click "Enable and Close"

Step 2: Copy your ClientID

After creating your LTI Key, you will be redirected to your table of Developer Keys.

Navigate to the Code.org LTI Key you just created
Ensure your LTI Key is enabled via the setting in the "State" column
Copy the 18-digit numerical code under the "Details" column, e.g.: 000000000123456789 - this is your ClientID

Step 3: Install the ClientID

Now that you have a ClientID, you can add the Code.org integration to a Course - or globally for your LMS.

Navigate to the Settings page of your Course, or your Admin settings if installing this integration globally
Click the Apps tab
Click View App Configurations
Click the Add App button
Select By Client ID in the Configuration Type drop-down menu
Paste your Client ID copied from Step 3
Click Submit
Click the Install button to confirm your installation

Adding the LMS Integration to your Canvas Course

To install Code.org in your Canvas course, first ensure the LTI Key is enabled from the admin panel. Next, select Code.org from the External Tool dialogue when adding an Item to your App Modules. Code.org must be configured to open in a new tab, and will not work in an iFrame.

Click the plus icon to add content to a module

Select "External Tool" and "Launch Code.org" from the list (values will auto-populate)

Congratulations on installing the Code.org LMS Integration for Canvas!

Frequently Asked Questions

Does the Code.org Integration for Canvas create new Code.org accounts?

On launching from Canvas, you have the option to create a new Code.org account, or link to an existing account. If you create a new account via Canvas, you can still continue to use any existing accounts on Code.org, even if they use the same email address.

I installed the Code.org integration multiple times, which one should I use?

Please ensure that your Canvas implementation only has one Code.org integration installed. When you click "Launch Code.org" - a new account is created for you that is tied to the integration from which you launch. If you click "Launch Code.org" on a new integration - a new account will again be created. At this time, merging these two accounts is not possible. You may of course, place the same Code.org integration across your courses as many times as desired.

Can I sync my Canvas rosters to Code.org?

Absolutely! Check out our roster syncing guide here.

Can I sync my Code.org grades to Canvas?

Unfortunately this feature is not yet available.

I'm getting an error when I try to launch Code.org

Most launch errors are from the Code.org Integration not being installed correctly at the LMS level. Please work with your administrator to ensure the steps in the above article are completed. Or, contact us for help.

I'm getting a failed to load error on the Code.org iFrame

iFrame placements are not currently supported. Instead, please ensure your External Tool is configured to open in a new tab.

I need more help!

If your questions are not covered in the above article, please contact us via this link.

Check out our other guides below to learn how to make the most of your integration: