The connection wall creates a visual representation of the connections (or business card exchanges) made between people who are attending your event.
It can be configured with the background image of your choosing, as well as colors, fonts, and animations that can be adjusted using a set of options available in the module.
Once set-up, the connection wall can be viewed in Backstage, in full screen, and broadcasted on a live screen.
In this article we'll take a look at how to set-up a connection wall, the options available for adjusting how it looks, and how to display it.
Connection wall is a paid module. For more information on pricing please contact your SpotMe account manager.
Creating the connection wall
Note: Your attendees will need to have their pictures uploaded to their profiles for the connection wall to display properly
Once installed, you can access the Connection wall via the Live category in your workspace main menu.
In the Connection wall module, you can click on the + button to add the connection wall to your event.
The following options are displayed on the left of the screen, and a visual representation of the connection wall is displayed on the right:
Below we'll go through the available settings that can be used.
Connection wall settings
The following settings are available for each connection call:
The name of the connection wall
As an alternative to the options available in the connection wall settings and structure, a CSS file can be used to customize the look of the connection wall. If you do not use a CSS file, please leave this field as it is.
Width and height
These are the dimensions of the connection wall. Default size is 1000 x 800px.
Connection wall structure
The default connection wall data structure is "Pax BCX wall". We recommend that you always use this single default wall structure.
You can change how the wall looks and behaves with the following options. Any changes will be immediately reflected in the preview.
Important: After changes have been saved here, any running (live) walls will be automatically updated. Changes made via the web interface will be immediately reflected in the wall preview.
To use a background image in your connection wall, you will need to upload the asset to your workspace via the Files module (Content > Files > All Live Resources > Upload). Once uploaded, enter the exact file name including its extension (for example: background.jpg).
You'll need to ensure that the background image is the same size as your screen resolution (i.e. where the the connection wall will be played in full screen).
This number determines how fast the animations will be in the connection wall.
The higher the number, the faster the animations.
Font + Font size + Font color
Adjust the font used for app user names. App user names are only displayed when the wall is zoomed in.
Line color + Width
Adjust the appearance of the line (color and width) that links the users on the connection wall.
This is the standard length of a line (connection) between two attendees in the wall. This length will change automatically depending on the number of connections an app user has.
Highlighted line colour + Highlighted line width
This determines the colour of lines and borders around the app users' pictures in the wall, when the line/node is selected/highlighted.
Duration in milliseconds for how long a connection should be highlighted (only one connection can be highlighted at a time).
Dictates how often zoom state should be switched. The wall will be in a zoomed out state for half of the specified duration, and the full duration will be used for the zoomed in state.
Maximum number of app users to be shown on the wall simultaneously. In case of a large event, consider testing with different values. If empty or 0, all users will be displayed.
Once you have finished adjusting the above options. Click on Save structure, and then Save wall.
If you go back to Live > Connection wall in your workspace main menu, you can now see the connection wall you created.
Note: Should you need to edit the settings in your connection wall, click on the Settings button and make any necessary adjustments.
Displaying the connection wall
Go to Live > Connection wall in your workspace main menu. You'll see your connection wall, where you can either access the settings, or display the connection wall itself.
Here you can click on the Play button to display your connection wall for the event. Once it is playing, you can also use the Enter full screen button to display the connection wall in full screen:
Note: If you are using a background image for your connection wall, you'll need to ensure that the background image is the same size as your screen resolution (i.e. the screen where the the connection wall will be played in full screen).