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:
<head>tags at the top of your page:
<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).
<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).
<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: