Embedding Reflektive

To facilitate broader reach of Reflektive Recognition, customers can display the Reflektive Recognition wall via an iframe or widget on their intranets or other internal company sites. This article provides details on how you can embed Reflektive. 

Set-up

First, contact Reflektive at support@reflektive.com to request embedding support be enabled. The Reflektive team will follow up once the feature is turned on; it is not enabled by default. Additionally, you will have to provide your company's web domain for Reflektive to whitelist so that the iframe content can render properly (for example, if your company intranet is "www.thebestcompany.com", we would whitelist "thebestcompany.com"). 

You will be provided with an embed URL that you will use in your website in this pattern:

https://<reflektive-environment>.reflektive.com/embed/app/<company-uuid>

You will use this URL to embed Reflektive into your website like this:

<iframe 
    src="https://acme.reflektive.com/embed/app/b3a2164a-e25c-4bb3-a8ae-8382b3a478f9"
    title="Reflektive"
    width=900
    height=900>
</iframe>

Logging In

Once you have set up Reflektive to be embedded in your chosen site, several changes take effect:

• Users will not be able to log in through the iframe/widget version of Reflektive; instead, they must first be logged in to the main web application on another tab in the same browser.

• Once logged in, users will initially see an alert informing them that Reflektive is being displayed through another website. Users can then dismiss this message and proceed to Reflektive:

• After continuing, users will then be able to interact with the Reflektive Recognition wall as normal; if the iframe is reduced in width, they may also see the mobile web view of Reflektive. 

Back To Top

Print this Guide

Use this guide for reference or share it with your team by saving or printing this page. Right-click anywhere on this page to save or print. 

 [/print]