How to Embed a Bitmoji Classroom in Schoology

Start adding an assignment

1. Open your Schoology course.
2. Select Materials in the left sidebar.
3. Click Add Materials.
4. Select Add Assignment.

You will not create an assignment. This step only unlocks the embed option.

Open the Resource menu

In the assignment creation window, find the toolbar above the description field. Click the Resource button.

Insert your Bitmoji classroom from Google Drive

1. In the Attach From Resources window, select the Apps tab on the left.
2. Choose Google Drive Resource App.
3. Find your Bitmoji Classroom file in the list.
4. Click the gear icon next to the file.
5. Select Insert Embed.

Cancel the assignment

Do not complete or save the assignment. Cancel or close the assignment creation window. This unlocks the embed option for use in Updates.

Go to the Updates section

In your course, click the Updates tab in the left sidebar.

Remove a previous post (optional)

If needed, click the Remove link under your last update to delete it.

Embed a Bitmoji classroom in Schoology Updates

1. In the update post box, click the Resource button.
2. Open the Apps tab and select Google Drive Resource App.
3. Find your Bitmoji Classroom file.
4. Click the gear icon next to the file and select Insert Embed.

Review the default embed

The classroom now appears in the update, but the default embed has some drawbacks:

• The slide appears small.
• There is significant white space on the sides.
• A navigation bar below the slide lets students skip or move linearly through slides.

To make the classroom larger and have students reach slides only through your interactive links, generate a custom embed code from Google Slides instead of using the default Schoology embed.

Open your Bitmoji classroom in Google Slides

Open a new browser tab and go to your Bitmoji Classroom presentation in Google Slides.

Open Publish to the web

In Google Slides, click the File menu in the top left corner. Select Publish to the web.

Configure the embed settings

In the Publish to the web dialog:

• Click the Embed tab.
• Set the slide size to Medium (960x569), or choose your preferred size.
• Set auto-advance to every 1 minute, or choose your preferred interval.
• Leave Start slideshow as soon as the player loads unchecked if you do not want auto-advancement.
• Check or uncheck Restart the slideshow after the last slide based on your preference.
• Copy the generated <iframe> embed code from the box below the settings.

Confirm the publishing status

If you have not already, click Publish to the web at the bottom of the dialog so your slides are available for embedding. Confirm that the status shows as published.

Return to Updates in Schoology

Go to your course in Schoology and open the Updates section where your Bitmoji classroom is embedded.

Open the browser's Inspect tool

Right-click inside the text box that contains your embedded Bitmoji classroom. From the context menu, select Inspect to open the developer tools.

Use the element selector

If you are not comfortable navigating HTML, use the element selector. It is the icon in the top left of the developer tools panel and often looks like a cursor or target.

Click the selector, then click the text box in Schoology that contains your classroom. The matching HTML is highlighted in the developer tools.

Find the body section

The developer tools panel shows the HTML structure of the page. You are not editing the website itself, only the content of the text box for your post.

Look for the <body> section, which typically contains the content of your update.

Expand the paragraph tags

Inside <body>, look for <p> (paragraph) tags. Click the dropdown arrows to expand them and reveal their contents.

Identify the iframe

Find the <iframe> tag, which is your current embed code. Confirm it is the correct one by checking that it contains a link to your Google Slides presentation. This is the code you will replace.

Edit the iframe as HTML

1. Make sure the developer tools are open and the correct <iframe> tag is highlighted.
2. Right-click the <iframe> tag in the HTML panel.
3. Select Edit as HTML.

The current embed code becomes editable in place.

Paste your custom embed code

Delete the existing embed code and paste the Google Slides embed code you copied. The code is pasted directly into the HTML, replacing or adding to existing content as needed. An example looks like this:

<iframe src="https://docs.google.com/presentation/d/e/2PACX-1vR6rB5iQ5IlT2fOjY2kA3ubZ3n3K2d6dcam0b4pEpSeU4X-ubC4b1G6PLs_jH548/embed?start=false&loop=false&delayms=3000" frameborder="0" width="960" height="569" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe>

Review the Updates page

After pasting the code, check the Updates page to confirm the presentation appears as expected. If it looks too small or not as intended, adjust the width and height attributes in the iframe code.

Embedding Google Slides this way may display a navigation bar at the bottom of the presentation, which students can use to click through slides. This bar is a default feature of the Google Slides embed and cannot be removed through standard embed options.

Close the developer tools

To exit the developer tools, click the X button in the top right corner of the panel. This returns you to the standard Schoology interface.

Post the announcement

When you are satisfied with the placement and appearance of the embedded presentation, click Post to publish the update to your course. If prompted, select the sections or groups to post to by checking the appropriate boxes.

Verify the announcement

Confirm that the update with the embedded Google Slides presentation appears at the top of your Schoology course. It should be prominently displayed, with the embedded presentation and any additional content you included.

Check your resources and links

Confirm that all intended resources and links, such as assignments, Zoom links, and email, are clearly displayed and accessible to students within the announcement.