Integrating ProvisionPoint into the User Experience

Ah - the final piece of the setup puzzle! Whilst ProvisionPoint is nicely installed and active, it's really most useful when our users can get easy access to it, and it can give them contextual information about the site they're currently on.

To do that, we just add a JavaScript snippet to our master page. The snippet gives you the 'P' icon in the top bar, and allows ProvisionPoint to 'slide-out' in any site where the master page is applied. 

In fact, if you're using the standard 'Seattle' or 'Oslo' master page, we've got ready-baked ones you can just use - attached at the bottom of this article.

Add the snippet

If you're using a custom master page, it's simple to add the snippet. Add the following snippet just above the closing </body> tag:

 

<script src="https://app.provisionpoint.com/integration/pp.js" type="text/javascript"></script>
<script type="text/javascript">
pp.init();
</script>

 

 It should look like this:

 NOTE:

If you didn't install the ProvisionPoint app in the root site of your Office 365 tenancy, you will need to supply the link to the site in the init() function, like so:

pp.init('https://my-domain.sharepoint.com/sites/installation-site');

Save your master page, upload it to the master page gallery in your site, and set it as the site's master page. (Did you know, ProvisionPoint can actually set all future master pages for you, so you won't have to do this again!).

You should now see the icon in the top bar:

And when you click it, you'll get a swooshing ProvisionPoint panel...

 

That's it... you're Awesome!

With the snippet added to your master page, and your master page applied to your site, you're ready to go!

It's a good idea to explore the other guides in the 'Getting Started' section to help you create your first service, and give your users access to all the ProvisionPoint goodness :)

 

 

<-- Go back to Step 4  First Steps after Install -->

 

Have more questions? Submit a request

0 Comments

Please sign in to leave a comment.