Introduction
Embedding your Digital Compendium allows guests to explore your property’s offerings directly from your own website. This integration keeps your existing website URLs intact while seamlessly displaying the Digital Compendium within your page.
This method is especially useful if you want to keep your own website URLs.
Use the sample code below to embed the Digital Compendium directly on your site.
Be sure to replace the src value with your unique Digital Compendium URL.
<html>
<head>
<title>Express HTML</title>
<script
src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js">
</script>
<link rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
<link rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap-theme.min.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<style>
@media only screen and (max-width: 700px) {
#compendium-iframe{
width: 100%!important;
height: 100%!important;
}
}
#compendium-iframe{
width: 400px;
min-height: 90vh;
}
</style>
<iframe id="compendium-iframe"
src="https://stay.myma.ai/info/guide-book-example">
</iframe>
</body>
</html>