patientMoon Wellness Marketing Class Schedule CUSTOMIZATION Demo Page

 

IMPORTANT NOTES

All examples on this page use the Barre Schedule widget. Swapping out the widget ID for a different schedule will let you swap to a different schedule.

Changing Squarespace templates may break this functionality if the Code Injection is not maintained. Similarly, removing the custom code injected in the footer will break this functionality.

Changes to HealCode/MINDBODY Branded Web can have breaking effects. MINDBODY has occasionally made radical changes to the widgets, on average every few years. These changes can prevent customizations from working properly. Additional work will be required to restore the functionality in the event of breaking changes.

 

Working with patientMoon Schedule Customizations

The patientMoon Wellness Marketing schedule customizations are implemented through a mix of custom JavaScript and CSS, which has been installed for site-wide injection on every page of your website.

The approach to using the customizations is to apply one or more CSS classes to a div element wrapping the HealCode widget code. The examples below demonstrate this approach, and the various options.

The customizations can be mixed and matched — see the last example on this page for a schedule with the pre-header, header, calendar, no classes notice, and cancelled classes hidden. This is accomplished simply by applying multiple classes to the div element wrapping the HealCode widget code.

It's also possible for us to set site-wide, collection-wide, or page-wide treatments of schedules, e.g. to NEVER show no classes notices on any schedule on a teacher page, or never to show schedule headers anywhere on the site. These require small customizations to the site's code — if you'd like us to make such adjustments, please email help@patientmoon.com.

 

EXAMPLE: Default Schedule, No Modification

<healcode-widget data-type="schedules" data-widget-partner="object" data-widget-id="13482333306" data-widget-version="1"></healcode-widget>
 

EXAMPLE: 2 Day Schedule

NOTE: Only 2-day schedules are supported in the patientMoon customization by default. We recommend using 2-day schedules on the Home Page or in other summary areas. It's possible for us to create a similar option for other durations if needed, e.g. 5 days, but we've never recommended nor found the need for that.

<div class="schedule-2day"> 
    <healcode-widget data-type="schedules" data-widget-partner="object" data-widget-id="13482333306" data-widget-version="1"></healcode-widget>
</div>
 

EXAMPLE: Hide Header, Pre-Header, and Calendar

<div class="schedule-hide-header schedule-hide-preheader schedule-hide-calendar">
    <healcode-widget data-type="schedules" data-widget-partner="object" data-widget-id="13482333306" data-widget-version="1"></healcode-widget>
</div>
 

EXAMPLE: Hide No Classes Notice

<div class="schedule-hide-noclassesnotice">
    <healcode-widget data-type="schedules" data-widget-partner="object" data-widget-id="13482333306" data-widget-version="1"></healcode-widget>
</div>
 

EXAMPLE: Hide Cancelled Classes

<div class="schedule-hide-cancelledclasses">
    <healcode-widget data-type="schedules" data-widget-partner="object" data-widget-id="13482333306" data-widget-version="1"></healcode-widget>
</div>
 

EXAMPLE: Mix-and-Match, with pre-header, header, calendar, no classes notice, and cancelled classes all hidden

<div class="schedule-hide-preheader schedule-hide-header schedule-hide-calendar schedule-hide-noclassesnotice schedule-hide-cancelledclasses">
    <healcode-widget data-type="schedules" data-widget-partner="object" data-widget-id="13482333306" data-widget-version="1"></healcode-widget>
</div>
 

Need help, default customizations set without needing to use classes, or additional customization options?