Checkout Integration

Last step! The code snippet below provides everything a customer needs to manage items in their cart and complete a checkout.

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.

Example Snippet

<div class="mariana-customer-cart-checkout-binding"
  data-mariana-location-id="12345" <!-- REPLACE WITH YOUR LOCATION ID -->
></div>

And you are all set! Now it's time to style it to fit your needs.

Before you go, we recommend checking out Can I Style ___? page for some quick references and examples.

Live Example

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

Parameters

  • data-mariana-location-id: The Mariana Studio ID for the Cart we’re rendering (carts are studio specific; not global).
← Buy Page IntegrationTheming →