Web badge

Self service acessible from your

marina homepage

 

Step 1

 

add container html tag with specified id to html body:

 

<div data-type="check-in-via-app-button" data-theme="mah-dark" id="custom1"></div>

 

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

 

Step2

 

add script tag with container ids to render buttons in:

 

<script type="text/javascript" src="https://ext.marinaahoy.com/mah.load.min.js" data-containers="custom1" async></script>

 

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>

MARINA AHOY  

Milan, Madrid, Tallinn

Business address:

Suur-Sadama 7 93813 Kuressaare Estonia

ahoy@marinaahoy.com