How To: Add Miappi To Your Website + Digital Display

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’;
var miappi = document.createElement(‘script’);
miappi.type = ‘text/javascript’;
miappi.async = true; = ‘_mpi_js_embed_script’;
miappi.src = ‘//’;
var script = document.getElementsByTagName(‘script’)[0];

Step 3.

To showcase your Display social wall on any digital screen, open a browser (Chrome preferably) and navigate to the URL:

We hope you found this How To tutorial helpful. Don’t hesitate to contact a Miappi account manager or send an email to if you have any questions.