Buy Page Integration

Product options (Memberships and Credit Packages) for each studio are configured in Mariana’s API. The code snippet below will render those options. You will need to match the Buy page with the correct location ID, as well as adjust other redirects to match your page URLs.

If you require a location ID to be able to test out your page, you can use the live example data from the site below. You can find our example location ID by inspecting the corresponding element.

Once you are ready to switch to the real data, make sure to change the location ID from the test data to live ID.

<div class="mariana-product-buy-list-binding"
    data-mariana-buy-redirect="/checkout/"
    data-mariana-giftcard="true"
    data-mariana-location-id="12345" <!-- REPLACE WITH YOUR LOCATION ID -->
    data-mariana-login-redirect-url="/login/"
></div>

Live Example

If you would like to check out a live example, head over to https://mariana-integrations-demo.herokuapp.com/default/purchase/35914/

Parameters

  • data-mariana-buy-redirect: The Location of the cart snippet. Customers are redirected here after adding an item to their cart.
  • data-mariana-location-id: The Mariana Studio ID for the Buy Page we’re rendering.
  • data-mariana-login-redirect-url: The location of the Login snippet (ie /login) (Customers must be logged in to make a purchase).
← Schedule IntegrationCheckout Integration →