Designed to help teams build and host virtual, in-person, and hybrid events, Splash enables people to do what they love: create memorable experiences, new connections, and business value. This step-by-step guide explains how to embed the Walls.io widget on pages built with Splash.
1. Sign-up at Walls.io & set up your social wall
To get started, sign-up for a free Walls.io account. Setting up your social wall is fairly easy - connect your social media accounts and start adding sources – f.e. hashtags around your brand and products, or your owned social media accounts. For further information, check out our tutorial or watch the video below!
2. Copy the iframe embed code from your wall
In your Walls.io account, go to "Embed & Display" and copy the iframe embed code as marked in the screenshot below (it's sufficient to click on the code to copy it to your clipboard):
For most use cases we recommend to stick with our "Fluid" default layout – if you prefer another layout, or want to pick a different color scheme or language, please have a look at the advanced settings before you copy the embed code:
Most options should be pretty self-explanatory, but we've more information available here.
3. Embed your social wall on your Splash Event Page
In the event page builder, add a new "iframe" block at the position you want your wall to be embedded:
Click "Edit Embed" and paste the embed code from step 2:
4. Embed your social wall on your Splash Live Stream Page
In addition to the event page, we recommend to add your social wall on the Live Stream page too! In the "Virtual Content" area, click "Custom Embed" and then "Embed Options":
Now paste the embed code from step 2:
That's all there is! You can publish the changes and check the live page to see if everything is to your expectations!
More tips & tricks:
The Walls.io widget is fully responsive – which means it will automatically adapt to the size of the section you are embedding it to. You can override this by setting fixed width, height, rows and columns when generating the embed code (we recommend going with the default for maximum layout compatibility).
Try out our different layouts! Walls.io offers a variety of diverse layouts to display your wall. Continue to read here for more details!
In case you have further questions, don't hesitate to contact the support team via chat or email@example.com!