Setting Up the Status Page on Your Website

Once you've set up your event on SimplyRegister, you can display a list of registrants on your website so people can see if their registration has been received without having to call or e-mail you. There are three things you need to do to put the status page directly on your website:

Include SimplyRegister's javascript between the <head> tags at the top of your page:
```
<script src="https://www.simplyregister.net/SReg.js"></script>
```
Create a <div> element and give it an ID (the status page will be placed inside this container):
```
<div id="[ElementID]"></div>
```
where [ElementID] is a unique ID of your choosing (spaces are not allowed).
Include a <script> block that creates the status page (this must be placed after the <div> you created in Step 2):
```
<script>
   var s = new SReg([YourEventID]);       // load your event
   s.createRegStatus("[ElementID]", [SortOrder]);   // add status page
</script>
```
where [YourEventID] is your event's ID (which is available in the Management Area), [ElementID] is the unique element ID you created in Step 2, and [SortOrder] is the order you want to use to sort the registrants (0=alphabetical by name, 1=numerically by time/mark).
Include a <noscript> block that has a traditional link to the status page in case a user has scripting disabled (this should be placed after the <script> you created in Step 3):
```
<noscript>
   <p>Click here for the <a target="_blank" href="https://www.simplyregister.net/status/?e=[YourEventID]">Event Registration Status Listing</a></p>
</noscript>
```
where [YourEventID] is your event's ID.

Here's the code for a sample page with everything included:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <title>Your Site's Title</title>
  <script src="https://www.simplyregister.net/SReg.js"></script>
</head>
<body>
  <div id="myRegStatus"></div>
  <script>
      var s = new SReg(123459);
      s.createRegStatus("myRegStatus", 0);
  </script>
  <noscript>
    <p>Click here for the <a target="_blank" href="https://www.simplyregister.net/status/?e=123459">Event Registration Status Listing</a></p>
  </noscript>
</body>
</html>

Notes and caveats:

The page on which you put the status page must begin with the same URL path as what you entered in the "website" field when you set up the event.