Skip to main content

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.

Contact us: Why not get in touch to discuss how Miappi could help you increase the reach of your social media? Miappi Ltd. Level 5 22 Upper Ground London SE1 9PD Tel. +44 (0) 203 6374360