Skip to main content

Embedding Navigatr Content in Your Website

Embed any badge, activity, or pathway from Navigatr directly on your website. Follow our step-by-step guide to copy the iframe code and go live.

Written by Support Desk

You can embed any badge, activity, or pathway from Navigatr, including ones you have earned or are taking part in. The embed displays the entity’s public information (name, image, description, and tags), plus configurable extras like Earn Badge or Badge Steps.


Steps to embed content

  1. Open Navigatr and log in.

  2. Go to your profile and select Badges, Activities, or Pathways.

  3. Choose the piece of content you would like to embed.

  4. Click the Share button at the top right-hand side of the screen.

    The Share this badge screen with the Share button highlighted
  5. Choose Embed from the share menu and toggle the elements you would like to display. The options available are:

    • Name, Image, Description, and Tags (all content types)

    • Earn Badge (badges only)

    • Awarded Badge (activities only)

    • Badge Steps (pathways only)

  6. The Embed this badge pop-up showing display element toggles
  7. Click Preview in the bottom left of the pop-up to see how your embedded content will look on your website.

    Preview of an embedded badge
  8. Copy the code snippet and paste it into your website’s HTML. If you are not comfortable editing HTML, send the snippet to someone on your team who can help.

Tip: If you need help with embedding content, contact us at [email protected].

Did this answer your question?