Quickstart

Adding whiteboard to your site is quick and easy. To get the basic version with no advanced features you are not required to register, just add this code to your HTML document:

<body>
    <div style="width: 600px; height: 400px;" id="aww-wrapper">
    <!-- Element in which the whiteboard will be shown
              – modify style as needed -->
    </div>
    <script src="https://awwapp.com/static/widget/js/aww.min.js">
    </script>
    <script type="text/javascript">
        var aww = new AwwBoard('#aww-wrapper', {
        });
    </script>
</body>

IMPORTANT: Do not download AWW scripts to your site and host them yourself, as this will break the sharing functionality. Use the files directly from AWW servers, as is shown in the examples here.

If you wish to have more options to modify whiteboard to your needs, register and subscribe to one of our plans so you can get your API key which enables your plan features.

To integrate whiteboard you need to first add your domain in account information of the website in which you wish to use whiteboard (API key is only valid for the domain you submit here). If you have a test version of your website on a different domain (or more than one), you can add them all there.

You can find your API key in your account information (example: '391e33ce-16fb-41e9-aced-ad424988deba' ). And then add your API key in to the code:

<script type="text/javascript">
        var aww = new AwwBoard('#aww-wrapper', {
            /* make sure you're using your own key here */
            apiKey: '391e33ce-16fb-41e9-aced-ad424988deba'
        });
</script>

To use the advanced feature of sharing the board you will need Board ID which will allow you to always connect to the same shared board. Board ID is a unique text for the board on that page and any widget using it can connect to the same board:

<script type="text/javascript">
        var aww = new AwwBoard('#aww-wrapper', {
            /* make sure you're using your own key here */
            apiKey: '391e33ce-16fb-41e9-aced-ad424988deba',
            /* put a unique text here */
            boardLink: 'Your-Board-ID'
        });
</script>

For more options and methods, please visit our API docs page.