Skip to main content

Social Stream Component Feature

The Social Stream component displays brand’s social messaging as a stream of content to make content more engaging and interactive for site visitors! Brand content on Facebook, Twitter, Tumblr and/or Instagram can be embedded on a page utilizing 33%, 66% and 100% widths. This interactive feature allows users to view the latest brand social content and subsequently click through to their social channel via the Follow Us links or by clicking on the brand name within the post. For brands that are streaming content from multiple social platforms, users have the ability to filter the content by social platform and can also click through to a social wall page.

Note: only brand messaging that has been approved on the social channel will be pulled into the social stream. User-generated content will not be displayed. 

See a demo of this template - Multi-network 33%

See a demo of this template - Multi-network 66%

See a demo of this template - Multi-network 100%

See a demo of this template - Single-network 33%

See a demo of this template - Single-network 66%

See a demo of this template - Single-network 100%

See a demo of this template - Social Snippet

When To Use This Component

This component should be considered if your brand is active on at least 1 available social platform.

 

Default Component Elements

  • Social Stream Title - Social Stream is built with the default title “Stay Connected”
  • Social Messaging Display  - Displays messaging from any of the four social platforms: Facebook, Twitter, Tumblr, and Instagram, your brand is active on. 
  • Social Brand Handle Link - Hyperlink of the Brand Handle allowing the user to drive to your Brand’s Social platform page and explore more! 

 

Design Details

These helpful diagrams show sample layouts of this component across the three Canvas viewports.

 

Component Template PSBs

Access the PSB files for your Social Stream Template.

Template PDFs

View the PDF files for your Social Stream Template.

Responsive Design

CANVAS sites fluidly respond across three key breakpoints.

See examples of page layouts, features and functionality in CANVAS.

Our demo provides a glimpse of the flexibility of CANVAS and its templates.