WingifyGuides

Add the Guide to app.wingify.com

The Wingify Guide is a small script. Once it runs inside the app, it answers questions and moves a cursor on screen to walk users through tasks.

Production (recommended)

Wingify's front-end team adds one tag to the app shell. The script must be hosted on a domain allowed by the app's Content-Security-Policy script-src (e.g. static.wingify.com):

<script src="https://static.wingify.com/guide/wingify-guide.js"
        data-api="https://guide-api.example.com" defer></script>

Try it now: bookmarklet

Drag this button to your bookmarks bar, open app.wingify.com, then click the bookmark.

▶ Wingify Guide

Internal testing: Chrome extension

  1. Download the extension/ folder from the repository and set your API URL in config.js.
  2. Open chrome://extensions, turn on Developer mode, click Load unpacked and pick the folder.
  3. Open app.wingify.com: the Ask the Guide button appears bottom-right.

Every guide with a tour has a Show me in Wingify button linking to https://app.wingify.com/#/dashboard?wgTour=<tour-id>. When the Guide is loaded in the app, it starts that tour automatically.