Client Portal Calendar Integration
Library:
Code snippet:
Minimal amout of code which is required to embed calendar on your page.
<head> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@perfectgym/client-portal@latest/dist/ClientPortal.css"></link> </head> <body> <div id="pg-client-portal-calendar"></div> <script src="https://cdn.jsdelivr.net/npm/iframe-resizer@latest/js/iframeResizer.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/@perfectgym/client-portal@latest/dist/ClientPortal.min.js"></script> <script> var options = { url: "CLIENT_PORTAL_URL", calendarPage: { hideBookingIfNotLogged: true }, navigation: { hide: true }, defaultState: PerfectGym.ClientPortal.State.Classes }; var element = document.getElementById('pg-client-portal-calendar'); var CP = new PerfectGym.ClientPortal(element, options); </script> </body>