All Collections
FAQ
Does it take long to add Miappi to my website?
Does it take long to add Miappi to my website?

Embedding Miappi to websites

Toby Britton avatar
Written by Toby Britton
Updated over a week ago

We have an instructional video here – which will demonstrate how quickly Miappi can be added to a website. We use a simple embed code [a short line of computer code] that is added to your website, and Miappi can be up and running within 10 minutes.

You can integrate your Miappi social within your website at any size. To do that 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: 300px; height: 600px;”></div>

You then need to add the Miappi Embed code. This is available on the Dashboard when you click on the Embed tab in the left side menu. The code will look something like the following, you should add it just before closing the </body> tag:

<script type="text/javascript">

var _mpi_user = 'YourMiappiUsername';

(function(){

var miappi = document.createElement('script');

miappi.type = 'text/javascript';

miappi.async = true;

var script = document.getElementsByTagName('script')[0];

script.parentNode.insertBefore(miappi,script);

})();

</script>

Once you've embedded Miappi on your website you may want to adjust the scrolling settings. In that case you may want to consider resetting the embed iframe size. For example if you want to stick with the (by default) 'Scrollbar' setting, it will give your profile a fixed height iframe (e.g. 600px). 'Load More + Expand' profiles on the other hand require a dynamic iframe height.

Did this answer your question?