Skip to main content

Apply different layouts to your social wall

How to display the same social wall in multiple places using different layouts

Written by Daniela Turcanu
Updated over a week ago

Walls.io has an easy way to display the same social wall in different layouts, on different devices or screens. For example, the social wall below is using the default Fluid layout:

How to change the layout in a wall URL

You can change a Walls.io social wall layout without creating a second wall. By adding a ?layout= parameter to your wall URL or embed code, you can show the same content in different layouts for websites, event screens, or other displays. This is especially useful when you want one wall to appear differently across devices.

https://my.walls.io/instagram-feed?layout=carousel

Here's another example for the map theme. Again, just add ?layout=map to the wall URL:

https://my.walls.io/instagram-feed?layout=map

You can use these settings for all the other layouts. Just add ?layout=  to the URL and add the name of the layout. This is a very handy feature if you're using your social wall on multiple displays.

⚠️ When making layout changes during live events, make sure to refresh any active displays to instantly apply the new layout.

How to use layout modifiers in embed code

You can use the same ?layout= parameter in your embed code, so the embedded wall uses a different layout without changing the original wall content.

<script async src="https://walls.io/js/wallsio-widget-1.2.js" data-wallurl="https://my.walls.io/instagram-feed?nobackground=1&amp;layout=bricks" data-title="Instagram Landing Page Demo Wall" data-width="100%" data-height="308" data-lazyload="1"></script>

<iframe allowfullscreen id="wallsio-iframe" src="https://my.walls.io/instagram-feed?nobackground=1&amp;show_header=0&amp;show_post_info=1&amp;accessibility=0&amp;layout=bricks" style="border:0;height:800px;width:100%" loading="lazy" allow="camera" title="Instagram Landing Page Demo Wall"></iframe>

🌈 Here's the full list of the supported layout URL modifiers:
​ 

  • ?layout=carousel

  • ?layout=grid

  • ?layout=kiosk

  • ?layout=billboard

  • ?layout=map

  • ?layout=fluid

  • ?layout=bricks

In case you have further questions, don't hesitate to contact the support team via chat or support@walls.io!

Did this answer your question?