Hubilo is an all-in-one virtual and hybrid event platform offering an engaging and interactive event experience. It helps event planners and organizations across the world reimagine the future of events and navigate the ever-changing event landscape.
Our ongoing partnership with Hubilo ensures the best compatibility of our products. To get you started, here's a quick overview:
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 – i.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 sticking 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 Iframe embed code:
Most options should be pretty self-explanatory, but we've more information available here.
3. Embed your social wall on Hubilo
Log into your Hubilo account and go to Dashboard > Click on Integrations > Go to Custom Apps > Click on Embed your App > Click on the Enable Now option. Once done, it would look as below:
Afterwards, go to Dashboard > Events > Click on your Event.
Next, click on Embedded apps (on the left side menu) > Add integration > Embed your app.
Paste the iframe code from step 2 into the embed code field, enter "Walls.io" as your App Name, and click Add.
4. Voilà – your social wall is successfully embedded on Hubilo!
Once it's done, click Go to Event (top right corner) > Log into your account > Click on Secondary Menu on the right side > Click on Walls.io:
Alternatively, you can display your social wall under Primary Menu, it will look like this:
For achieving that, open your Dashboard > Click on your Event > Settings (bottom right) > Event sections > all sections will be displayed here > simply select Walls.io & drag it from 'Side Panel' to 'Top Navigation' > Save.
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!