Embedding
Need online whiteboard functionality in your own web application? That’s never been easier! Just copy/paste a bit of code into your web page and you’re set!
Add this to the <head> of your page:
<script type="text/javascript"src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script><link rel="stylesheet" type="text/css" href="http://static.awwapp.com/plugin/1.0/aww.css"/><script type="text/javascript" src="http://static.awwapp.com/plugin/1.0/aww.min.js"></script>
And this somewhere in your page <body>:
Provide a block HTML element occupying the space you want the whiteboard to fill. Then, initialise the awwCanvas plugin on it:
<div id="wrapper"></div> <script type="text/javascript">
$(function() { $('#wrapper').awwCanvas(); });
</script>Take a look at the source of our example embed page, which you could also use as a template for your own page.
That’s all it takes to embed a simple, non-shared whiteboard! And it’s really easy to upgrade it to support sharing as well – have a look at our premium pricing plans and detailed API documentation for more information, or contact us with any questions you might have.