WOD Widget for Your Website

All widgets work in the same way, after your page is loaded we'll look for specific markup either by element IDs or classes.

Step 1: Make sure the WODTogether Javascript and CSS is added to your site: https://wodtogether.zendesk.com/hc/en-us/articles/201434125-WODTogether-SDK-for-Javascript

---

Step 2: Add WODs Widget

To add a WOD widget (listing the WOD, pre/post workout, and even results/comments) include a <div> tag like the following (replacing the appropriate variables, shown in bold):

<div class="wodtogether_whiteboard_wods" data-gid="GYM ID" data-date="DATE" data-pids="PROGRAM IDS" data-heading="WHITEBOARD HEADING" data-inline_results="false"></div>

Option	Function
data-gid GYM ID	You gym id. You can find this on the Gym Settings page.
data-date DATE	The date of the whiteboard Relative Dates You can use "today" to alwyas show the current date's whiteboard. If you want to show the following day's whiteboard after a certain time of day you can use "3 hours" to show tomorrows WOD at 9pm (use "4 hours" for 8pm etc -- # of hours before midnight to switch over). Absolute Dates Use the date format YYYY-MM-DD (2014-05-09 for May 9th, 2014) for a specific date (date of the blog post, or the day after, for instance).
data-pids PROGRAM IDS	One or more (comma separated) program IDs defining which program whiteboards to show. To show all programs, just remove this attribute.
data-heading WHITEBOARD HEADING	Custom headers for the WODs
data-inline_results	Including this attribute with a value of "true" ( data-inline_results="true" ) will add a link to each WOD to show the results (and comments on those results) right in the page. Users can also comment on reslts directly on the page