Welcome to this Miappi How To tutorial. In this tutorial we’ll show you how to add your Miappi social wall either to your website or to a digital display.
Step 1.
Once you’re happy with your Miappi social wall and wish to finally add it to your website, navigate to the Embed page (left hand menu).
Step 2.
Create an element on the page with the id ‘miappi-frame’ and set it to the width/height you’d like to display Miappi at e.g. <div id=”miappi-frame” style=”width: 400px; height: 400px;”></div>
Add the following code shown just before closing the </body> tag.
<script type=”text/javascript”>
var _mpi_user = ‘YOURPROFILE’;
(function(){
var miappi = document.createElement(‘script’);
miappi.type = ‘text/javascript’;
miappi.async = true;
miappi.id = ‘_mpi_js_embed_script’;
miappi.src = ‘//embed.miappi.com/embed.js’;
var script = document.getElementsByTagName(‘script’)[0];
script.parentNode.insertBefore(miappi,script);
})();
</script>
Step 3.
To showcase your Display social wall on any digital screen, open a browser (Chrome preferably) and navigate to the URL: http://events.miappi.com/yourprofilename.
