Social Wall and Walls.io



In Powell Intranet, social media aggregator can be made in two different ways :

  • Walls.io
  • Power Automate (it depends on the social media API, and Powell does not support the integrity of these APIs). Here, Powell proposes a model that does not guarantee the support or integrity of this functionality.

Social Wall with Walls.io

As Social media APIs constantly evolve: X, Instagram, YouTube, we decided to integrate a leading partner dedicated to maintaining these developments.

The integration is native; you can create all your walls from Walls.io's back office (14 possible platforms) and integrate them into a Powell Intranet page.

To get started, sign up for a Walls.io account and set up your social wall. Simply connect your social media accounts and start adding sources, e.g., brand hashtags or your owned social media accounts.

 

Step 1: Get your embed in Walls.io

After creating your wall with all the network you want, you can get the embed code to copy it.

 

You can find information and the possible look and feel (Layout, custom CSS) in this technical documentation from Walls.io:

‼️ Walls.io technical documentation: Styling Your Social Wall | Walls.io Help Center

(https://help.walls.io/en/collections/39783-styling-your-social-wall)

 

Step 2: Add the wall to a Powell Intranet page

Add a new webpart on your page and select "Embed" :

On the webpart configuration, add the linked post on the step 1 :

Your wall is displayed as configured in Walls.io:

Example with a Carousel 

 

Example with a Grid

 

You can subscribe through the Walls.io portal.  Powell Software makes a referral declaration here Form (hsforms.com)

 

Social Wall with Power Automate

You can create a Social Wall that aggregates social network data through a Sharepoint list via a Power Automate feed linked to Facebook, Instagram, Twitter, and YouTube API. This list is then displayed with a Powell Graph Web part. 

Example of what can be done
mceclip0.png

 

Prerequisite

You must have prerequisites for each social network to leverage its API. 

Instagram

Official documentation: https://developers.facebook.com/docs/instagram-api

Facebook

Official documentation : Création d’une application - Développement d’applications (facebook.com)

YouTube

Official documentation: https://developers.google.com/youtube/v3/

 

Power Automate

Now that you have fulfilled all the prerequisites to leverage social network data, you need to create a Power Automate flow to gather all the data and feed it into a SharePoint list via the Powell connector. 

Here is a global view of the Flow; you can download the related zip here :
https://cdnassets.powell-software.com/manager/assets/Agregated.zip

( Note that this is the Flow as we created it when creating this documentation. It is only an example, and Powell does not ensure its integrity. )

 

Image8.png

 

Dedicated SharePoint list

You need to create a dedicated SharePoint list to gather all the data from Power Automate and aggregate it. 

Here is an example of the list we created

mceclip2.png

 

If you want to re-use the same list we created, the model is available as a list template: Aggregated Social Networks Feeds.

mceclip0.png

Set Graph web part

List Configuration

Once your list is created and linked to your Flow, you can add a Graph web part to your page.

mceclip2.png

 

Add the list you created earlier to aggregate all social content in the list configuration. ( In the example above, we named the list "Aggregate Social Networks Feeds" )

Display

Choose a display template, and select the display template of your choice. ( News list and news tiles, for example

If you want to have the same view as the one we created, create a custom view in the manager ( Widget view section ) for the Search Web part, and add the following code to this page : 
https://powprodeuwgenstg.blob.core.windows.net/cdn/documentation/social-wall.txt

This is the HTML structure we created for the custom view of the social wall.

 

Mapping

Here is an example of the mapping we used on the Search Web part

 

Image URL : imageUrl

Platform: networked

Description: content38571

Public URL: media URL

Date: created time

Author  : Appauthor

 

 

 

Was this article helpful?
0 out of 0 found this helpful