All Collections
FAQ
How can I embed Miappi on my website?
How can I embed Miappi on my website?

Website integration

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

You can embed your Miappi social widget within your website at any size. To do that, please visit the 'Embed' tab which can be found on the left-hand side menu. First, create an element on the page with the available 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 body embed code. 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.

We have an instructional video here – which will demonstrate how quickly Miappi can be added to a website. 

Did this answer your question?