How Do I Enable Feedback Prompt on an App (Portal Page)?

Portal Pages have been renamed to Apps in 7.1.0.

This article describes how to embed a Feedback Prompt on an App created from an App Template.

PREREQUISITES:

The process comprises the following steps:

  1. Create a Feedback Prompt
  2. Configure App Template Info
  3. Configure App Template Variables
  4. Configure App Template Code
  5. Access the App with a Feedback Prompt

1. Create a Feedback Prompt and Enable It

Access Content > Feedback Prompts

  1. [+ Feedback Prompt]
  2. Enter a Name for the Feedback Prompt
  3. Prompt on: Selected Page
  4. Select an App (Page) to utilize the Feedback Prompt
  5. [Save]
  6. Set the Feedback Prompt to be Enabled
  7. [Save]

For more details on Feedback Prompt configuration, see Create a Feedback Prompt.

2. Configure App Template Info

  • For MI v7.1.0+: Access Content > Apps > Select an App > Info tab
  • For MI versions prior to 7.1.0: Access Content > Portal Pages > Select a Portal Page > Info tab
  1. Enable the App Template
  2. For v6: Activate Display without Metric Insights navigation bar

NOTE: In v7, if Display without Metric Insights navigation bar is activated, add the following code to your App Template:

<script src="/auth/info.js"></script>
<script defer="defer" src="/js/main.js"></script>
<link href="/css/main.css" rel="stylesheet">
  1. Layout: None
  2. [Save]

3. Configure App Template Variables

Access the Variables tab

  1. [+ Variable]
  2. Name: APP_NAME
    • For MI v6, the Variable Name should be set to PAGE_NAME
  3. Type: Text
  4. Default Value: Enter the Name used in URL of the App created from the current App Template. This App will display the Feedback Prompt
  5. [Save Variable]
  6. [Save]

4. Configure App Template Code

v7

Access the Code tab

  1. Paste the following code snippet to the App Template's code:
$(document).ready(() => {
    MiNamespace.render({
        "component": "feedback_prompt",
        "props": {
            "itemType": "page",
            "itemId": "[APP_NAME]"
        }
    });
});
  1. [Save]

v6

Access the Code tab

  1. Paste the following code snippet to the Portal Page Template's code:
<div>
 <iframe style="width:0px; height:0px; border: 0px none;"
   frameBorder="0"
   src="/ratingprompt/page/prompt/name/[PAGE_NAME]"></iframe>
</div>
  1. [Save]

5. Access the App with a Feedback Prompt

Access the App created from the current App Template. The Name used in URL of this App was utilized in the App Template Variables configuration.

  1. [View]
  2. The Feedback Prompt is displayed on the App