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:
You can easily override this layout by adding the ?layout modifier. Let's say that you want to display this wall using the carousel layout. All you have to do is add ?layout=carousel to the wall URL:
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. Additionally, inform your event management team about these changes to ensure a seamless viewing experience for the audience.
Hint: you can use the same ?layout= parameter in the embed code as well:
<script async src="https://walls.io/js/wallsio-widget-1.2.js" data-wallurl="https://my.walls.io/instagram-feed?nobackground=1&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&show_header=0&show_post_info=1&accessibility=0&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!