Add Custom HTML, CSS, or JavaScript to Instafeed on Shopify 2.0

Add custom code to feed

You can add HTML, CSS, or JavaScript to further customize the appearance and behavior of your feed.

HTML

On Shopify 2.0 themes, use the Custom HTML code box on the Instafeed app extension.

To add CSS code, simply put it inside style tags.

<style>
#insta-feed h2 {
    font-weight: bold;
}
</style>

To add JavaScript code, simply put it inside script tags. Instafeed fires an onload event that you can use to implement custom code.

<script>
document.addEventListener('instafeedAppLoaded', function() {
    console.log('your code here');
});
</script>