Walls.io can be easily embedded on any page of your ActiveCampaign-site. This step-by-step guide explains how you can achieve this!

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 JavaScript embed code from your wall

In your Walls.io account, go to "Embed & Display" and copy the JavaScript embed code as marked in the screenshot below (it's sufficient to click on the code to copy it to your clipboard),

For most embeds we recommend to stick with our "Fluid" default theme – if you prefer another theme, 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. Insert your social wall in ActiveCampaign

"Edit" the ActiveCampaign page you want to add your social wall to. Add a new "Section" where you want the widget to appear:

Next, add the "Embed" component to the newly created section. This component will receive the widget code:

Click on the "Embed" component and paste the code you've copied in step #1 to the embed – the social wall will automatically be displayed in your page template:

4. Done!

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 to go with the default for maximum theme compatibility).
  • The Walls.io widget is both available as JavaScript- and iframe code. The JavaScript code offers superior flexibility and performance, which is why it's our recommendation for embedding to ActiveCampaign pages.
  • Use the "Inject Load More Button" option when generating the embed code to add a button that allows visitors to load additional posts.

In case you have further questions, don't hesitate to contact the support team via the chat or support@walls.io!

Did this answer your question?