Skip to main content
All CollectionsStyling Your Social WallLayouts
Apply different layouts to your social wall
Apply different layouts to your social wall

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

Daniela Turcanu avatar
Written by Daniela Turcanu
Updated over 2 years ago

If you are planning to show the same wall in different looks on different screens, you can override the layout for each display using modifier URLs.

For example, the social wall below is using the Fluid layout by default:

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.

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&amp;layout=carousel" data-title="Instagram Landing Page Demo Wall" data-width="100%" data-height="308" data-lazyload="1"></script>

🌈 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?