How do I add The Mission Dock to my website?

NOTE: If your website is a single page JavaScript application (using something like Angular, Ember or React) see the second section.

Regular website

1. Activate The Mission Dock here.

2. Copy the code snippet on the code snippet tab.

3. 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.

4. 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.

5. Load the page.

6. Your Mission Dock should appear.

Single page JavaScript applications (SPAs)
The setup for an SPA is slightly different. 

Follow these steps...

1. Activate The Mission Dock here.

2. Copy the code snippet.

3. Paste the code snippet into your application.

4. Remove the final NickelledLaunchers.show()  method call from the snippet.

5. 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.

6. From your application pages (where you want Nickelled to show) call NickelledLaunchers.show() to make The Mission Dock appear.

7. Call NickelledLaunchers.hide() to make The Mission Dock disappear.

8. Load the page.

9. 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.