Skip to main content

How to Embed Navigatr Content in Your Website

Embed Navigatr badges, pathways, and profiles directly on your website. Follow our step-by-step guide to add and customise embedded content.

Written by Support Desk
Updated this week

You can embed content from your Navigatr profile directly into your website. This includes badges you have earned, activities you are attending or have attended, and pathways you have completed or started.


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.


Related articles


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

Did this answer your question?