NOTE: If your website is a single page JavaScript application (using something like Angular, Ember or React) see the second section.
Regular website
- Activate The Mission Dock here.
- Copy the code snippet on the code snippet tab.
- Paste the code snippet onto the page you want The Mission Dock to appear. We recommend this page be the most central page after signup is complete.
- Add a unique user ID for your users into the
NickelledSettings
object. This is likely already a reference associated to each user in your application. - Load the page.
- Your Mission Dock should appear.
Single page JavaScript applications (SPAs)
The setup for an SPA is slightly different.
Follow these steps...
- Activate The Mission Dock here.
- Copy the code snippet.
- Paste the code snippet into your application.
- Remove the final
NickelledLaunchers.show()
method call from the snippet. - Add a unique user ID for your users into the
NickelledSettings
object. This is likely already a reference associated to each user in your application. - From your application pages (where you want Nickelled to show) call
NickelledLaunchers.show()
to make The Mission Dock appear. - Call
NickelledLaunchers.hide()
to make The Mission Dock disappear. - Load the page.
- Your Mission Dock should appear.
Quick troubleshooting tips
- Make sure you've selected at least one guide to The Mission Dock.
- Make sure you've not run through all the selected guides. We record which user has seen which guides – if you've seen them all you won't see The Mission Dock. If you've run through all the guides then . Try adding a fresh guide that you've not seen.
- Make sure you've added a unique user id in the
NickelledSettings
object. - Make sure you've added the correct Mission Dock ID in the
NickelledSettings
object.
Still not working?
Have you followed these instructions and The Mission Dock still isn't appearing? Feel free to email us or use the messenger in the bottom right.