How to Embed Navigatr Content in Your Website

Modified on Tue, 31 Mar at 9:38 AM

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 support@navigatr.app.

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article