Web badge

Self service accessible from your marina homepage

Step 1

add container html tag with specified id to html body:

Available themes: "mah-dark" and "mah-light".

Step2

add script tag with container ids to render buttons in:

To add multiple buttons, specify container ids separated by comma, e.g. data-containers="custom1,custom2"

Example HTML before:

<html>
<head>
<title>Sample page with Check-IN via App button</title>
</head>
<body>
<div>Your content here</div>
</body>
</html>

Example HTML after:

<html>
<head>
<title>Sample page with Check-IN via App button</title>
</head>
<body>
<div>Your content here</div>
<h3>dark</h3>
<div data-type="check-in-via-app-button" data-theme="mah-dark" id="custom1"></div>
<h3>light</h3>
<div data-type="check-in-via-app-button" data-theme="mah-light" id="custom2"></div>
<script type="text/javascript" src="https://ext.marinaahoy.com/mah.load.min.js" data-containers="custom1,custom2" async></script>
</body>
</html>