Zoho Backstage is an enterprise event management tool used to help you create memorable event experiences. It has everything you need, from website creation, ticketing, and event promotion, to attendee registration and engagement.
Our ongoing partnership with Zoho Backstage ensures the best compatibility of our products. Walls.io can be integrated into Zoho Backstage in the following ways:
Add a social wall with Embed widget custom section
Add a social wall with Media element
In this tutorial, we'll explain both kinds of integration.
Setting up your Social Wall
1. Sign up at Walls.io & set up your social wall
To get started, sign up for a Walls.io trial. 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 Walls.io social 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 embed code:
Most options should be pretty self-explanatory, but we've more information available here.
Add a social wall with Embed widget custom section
To embed your social wall in Zoho Backstage, watch this short video or check out the step-by-step guide below.
1. Open the Microsite Builder in your event dashboard
After creating the event, go to its dashboard and click Edit microsite or EDIT:
2. Go to Design and select the page
In the Microsite Builder, click on the Design tab (bottom right) and create a new page or click on the existing page where you want to embed the wall:
3. Add Embed widget custom section
Click +ADD SECTION on the page:
Then click Embed widget and paste the Iframe code from your wall:
Hint: In order to span the wall to the entire width of the page, add another width property (width="100%") to the Iframe code of your wall, i.e.:
Iframe generated from Walls.io:
<iframe allowfullscreen id="wallsio-iframe" src="https://my.walls.io/starbucks?nobackground=1&show_header=0" style="border:0;height:800px;width:100%" loading="lazy" title="Starbucks"></iframe>
Altered Iframe:
<iframe allowfullscreen id="wallsio-iframe" src="https://my.walls.io/starbucks?nobackground=1&show_header=0" style="border:0;height:800px;width:100%" width="100%" loading="lazy" title="Starbucks"></iframe>
Voilà – your Walls.io social wall is successfully embedded with the Embed widget custom section!
Add a social wall with Media element
1. Open the Microsite Builder in your event dashboard
After creating the event, go to its dashboard and click Edit microsite or EDIT:
2. Go to Design and select the page
In the Microsite Builder, click on the Design tab (bottom right) and click on the existing page (i.e. Home page) or create a new page where you want to display the wall:
3. Add Media custom section
Click +ADD SECTION on the page:
Then click Media with text and add it:
Hint: If you want to display the wall on your Home page, you don't have to add the media section since it's already added there! :)
4. Paste your iframe code
Click + Add media , select the Embed tab and paste the iframe code from your wall:
Voilà – your social wall is successfully embedded with the Media element!
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 layout! 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 support@walls.io!