Client Portal ECommerce

Single club embeding demo

When you want to have the same flow used for many clubs, but have single page for each club, then you can add clubId parameter. Thanks to it Pick location step will be skipped and user won't be able to change club in reservation process.

Fastest way to obtain clubId is to check requests on Pick Location step in debug's console network panel. Inside request named GetClubs you have a list with clubs names and id's.

Init parameters required to configure flow for single club:

flowId - id of the e-commerce flow, this is always a string, you can find it in URL
element - html element or CSS selector to render the ecommerce
clubId - URL that you want to redirect to after payment

<body>
    <div id="main"></div>

    <script src="https://yourcompany-perfectgym-address/ClientPortal2/sdk"></script>

    <script>
        PerfectGym.ECommerce.init({
            flowId: 'b64d45ff3',
            element: '#main',
            clubId: 9
        });
    </script>
</body>