motionhub.studio

MotionHub.Studio is the official WordPress companion for the MotionHub.Studio platform, a hosted studio-management service for dance and fitness studios. Connect your studio from your WordPress dashboard, jump to your studio admin with one click, and drop your booking and class components onto any page with a block or a native WordPress shortcode.
Manage your studio
<ul>
<li>An Overview page in your dashboard with one-click links into your full studio admin — schedule, customers, packages, settings and more. The admin opens securely on the MotionHub.Studio site in a new tab (it is never embedded in wp-admin).</li>
<li>One-click setup wizard to create or connect your studio.</li>
</ul>
Add components to your pages — blocks or shortcodes
Every component works two ways: as a block in the MotionHub.Studio block category (drag it in, pick options in the sidebar), or as a native shortcode you can paste anywhere. See the full list under Shortcodes below.
<ul>
<li>Calendar — your class schedule, with view, filters and card options.</li>
<li>Booking form — inline or as a button + modal.</li>
<li>Packages — grid or list, grouping, and field toggles.</li>
<li>Classes, Categories, Instructors, Events.</li>
<li>Customer account — sign in and self-service.</li>
</ul>
A MotionHub.Studio account is required for this plugin to work. See External services below.
<h3>Shortcodes</h3>
Every component is available as a native WordPress shortcode — paste it into any post, page or widget. The studio connection is detected automatically, so there are no IDs or keys to enter. Each shortcode also has a matching block in the MotionHub.Studio block category, where you can pick categories, classes and instructors by name and set every option from the sidebar.
<ul>
<li><code>[motionhub_calendar]</code> — your class schedule. Common options: <code>view</code> (day, week, month), <code>card_size</code>, <code>show_instructor</code>, <code>show_availability</code>, <code>min_height</code>. Optional filters: <code>category</code>, <code>service</code>, <code>employee</code>. 
Example: <code>[motionhub_calendar view="week" card_size="compact"]</code></li>
<li><code>[motionhub_appointmentform]</code> — a booking form, inline or as a button + modal. Options: <code>display_mode</code> (inline, modal), <code>button_label</code>, <code>brand_color</code>, <code>services</code>, <code>min_height</code>. 
Example: <code>[motionhub_appointmentform display_mode="modal" button_label="Book a class"]</code></li>
<li><code>[motionhub_packages]</code> — your packages and memberships. Options: <code>layout</code> (grid, list), <code>columns</code>, <code>show_price</code>, <code>show_duration</code>, <code>group_by</code>, <code>heading</code>, <code>min_height</code>. 
Example: <code>[motionhub_packages layout="grid" columns="3"]</code></li>
<li><code>[motionhub_classes]</code> — your classes. Options: <code>layout</code> (card, circle), <code>show_image</code>, <code>show_category</code>, <code>show_price</code>, <code>services</code>, <code>min_height</code>. 
Example: <code>[motionhub_classes layout="card"]</code></li>
<li><code>[motionhub_categories]</code> — your class categories. Options: <code>layout</code> (card, circle), <code>show_count</code>, <code>categories</code>, <code>min_height</code>. 
Example: <code>[motionhub_categories show_count="1"]</code></li>
<li><code>[motionhub_instructors]</code> — your instructors. Options: <code>show_photo</code>, <code>show_role</code>, <code>show_instagram</code>, <code>instructors</code>, <code>min_height</code>. 
Example: <code>[motionhub_instructors show_role="1"]</code></li>
<li><code>[motionhub_events]</code> — your events with ticketing. Options: <code>min_height</code>. 
Example: <code>[motionhub_events]</code></li>
<li><code>[motionhub_account]</code> — a customer sign-in and self-service area. Options: <code>min_height</code>. 
Example: <code>[motionhub_account]</code></li>
</ul>
<h3>External services</h3>
This plugin relies on the MotionHub.Studio platform (a third-party hosted service). The plugin will not function without it.
<ul>
<li>Service: MotionHub.Studio — a hosted platform for managing dance & fitness studios.</li>
<li>Endpoint: <code>https://app.motionhub.studio</code></li>
<li>Studio admin: your full studio admin lives on <code>https://app.motionhub.studio</code>. From the plugin’s Overview page you open it with one click — the plugin exchanges your connection key for a short-lived token and opens the admin in a new browser tab on the MotionHub.Studio site. The admin screens are not embedded in your WordPress dashboard.</li>
<li>Page components: the booking/calendar/packages blocks and shortcodes load the platform’s component script <code>https://app.motionhub.studio/js/embed.js</code>, which renders the component using your studio slug and a publishable embed key.</li>
<li>Data sent: your connection key and the signed-in user’s email (to authenticate), plus the parameters of the component being shown (e.g. which class, category or service). No customer payment details pass through your WordPress site.</li>
<li>Terms of Service: https://motionhub.studio/terms</li>
<li>Privacy Policy: https://motionhub.studio/privacy</li>
</ul>

MotionHub.Studio

Connect WordPress to MotionHub.Studio: manage your studio from your dashboard and add booking, calendar and packages with blocks or shortcodes.

Anders Hjort Straarup

This plugin enables <a href="https://yogobooking.com" rel="nofollow ugc">YOGO</a> integration on your WordPress website.
<a href="https://docs.yogo.dk/da/articles/6620472-integration-med-wordpress" rel="nofollow ugc">Official documentation</a>

YOGO Booking

The easiest way to embed YOGO Booking on your Wordpress website.

MotionHub.Studio vs YOGO Booking