Embed a Maze

How to embed a Maze

Embed directly into any Learning Management System (LMS) lesson, multimedia activity, with an iFrame or lightbox. Our player adapts to embedded view when &reducemargin=true is in the link to reduce the scroll. Add &removeheader=true to remove the header or if credits and/or the timer is enabled the header will appear in the top center as a small tab the learner can see their score or remaining time.

Create an embedded maze link so that you can embed a Maze into your website or LMS.

Live Embedded Maze Example

Configure the player view using options set directly in the Maze link.

URL Variable Values Description
removemargin true or false Recommended for embedding, if set to 'true' it will removes all the margins in the player to adapt to the iframe
removeheader true or false Add &removeheader=true to remove the header. If credits and/or the timer is enabled the header will appear in the top center as a minimalist tab.
Name Text (String), 80 Char Name or ID of the learner saved with the learner's records in Mazetec analytics
Email Email format. Validates "@" and "." This is the learner's email that is saved with the learner's record.
  1. Open the Maze editor and click "Publish"
  2. Add the version, click next
  3. Add a tag to the link so you remember which link will be hosted on their website. You can also filter their results in the analytics. Click "next" to open the Distribute Link modal.
  4. Configure Embed Link options, if necessary.
  5. Copy the embed code. The iframe code is on the right side.
  6. Paste the embed link into your website or LMS.

Reduce scroll in an embedded view

There are several ways you can reduce the scroll in an embedded Maze.

  1. Add &reducemargin=true to the link to reduce the scroll.
  2. Add &removeheader=true to remove the header or if credits and/or the timer is enabled the header will appear in the top center as a small tab the learner can see their score or remaining time.
  3. Minimize font size within the content design.

If your looking for learner data integration see the Custom integration guide

Last modified on February 12, 2021
Related Articles