Skip to main content

Embedding Digital Compendium in your own website

Particular useful way if you want to keep your own URL's

Andy Dharmani avatar
Written by Andy Dharmani
Updated over 3 weeks ago

Sample code to embed the Digital Compendium in your website.

Replace the src 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>

Did this answer your question?