Using Protonotes

Using Protonotes is easy. Once you sign up, you'll be given a group number. All you need to do is copy and paste the code below, adding your group number, into the <head> of any page of your prototype:

<script src="" type="text/javascript"></script>
<script type="text/javascript">
var groupnumber="YOUR GROUP NUMBER";

Optional Settings

There are a few other optional settings that you can use to customize Protonotes.

  • You can set the default state of show / hide notes on a page when the page loads
    var show_notes_default=true; //show notes by default
    var show_notes_default=false; //hide notes by default
  • You can set the default state of expand / collapse for the top menu bar
    var show_menubar_default=true; //show bar by default
    var show_menubar_default=false; //hide bar by default
  • You can store your protonotes on your own MySQL database.
    var private_database_key=YOUR DB KEY GOES HERE;
    You must register your MySQL database with Protonotes to use this option.

For example, if you wanted to use Protonotes with the notes display set to hidden, the toolbar set to collapsed, and using your own MySQL database to store the notes, you would include the following code into the <head> of your webpage:

<script src="" type="text/javascript"></script>
<script type="text/javascript">
var groupnumber="abc123";
var show_menubar_default=false;
var show_notes_default=false;
var private_database_key="xyz789";