Skip to main content

Pages

Overview​

In Nudge, "Pages" refer to the screenshots of your app that you upload to the platform. These screenshots are essential because they serve as a canvas for creating various nudges

How to Add Pages​

Adding a page to Nudge is a simple process:

  1. Go to Pages: Inside the Nudge dashboard, navigate to the "Pages" section.
  2. Add Page: Click on "Add Page" to see a QR code.
  3. Scan and Launch: Use your mobile to scan the QR code, which will take you to a web page in your mobile browser. Here, you'll find a "Launch Application" button. Clicking on this button opens your application and invokes Nudge's SDK in screenshot mode.
  4. Capture the Page: Once you click this button, your app will open with a floating action button on the screen. Tapping this button captures a screenshot of your current page and sends it to Nudge.

By uploading pages, you enable Nudge to recognize different screens of your app so you can attach specific nudges to them. This way, you ensure that the right message appears at the right time, making for a more intuitive and helpful user experience.

How does the screenshot mode actually work ?​

When you take a screenshot, Nudge captures the following:

  • Page Image: Used for preview purposes in the dashboard.
  • Widget Data: Includes the IDs, height, and width of all widgets identified with the nudgeTrackerObserver.
  • App and Page Versions: Ensures compatibility and accurate tracking.
note

Nudge does not track any sensitive data beyond the above information.

tip
  • Plan the pages and widgets you want to track and send them to Nudge all at once.
  • If you make breaking changes to your app's UI, send a fresh page to Nudge. Nudge maintains app and page versions to ensure users see the correct UI.
  • New widgets must be identified with the nudgeTrackerObserver method to be accessible in the dashboard.
  • Use a demo account with dummy data when sending pages to Nudge. Nudge only needs the image for the dashboard preview, allowing you to create nudges like tooltips and coachmarks.