University at Buffalo - The State University of New York
Skip to Content
UB Web Management

Transforming UB’s digital communications through process and tools

Social Button Component

New Brand Features

Optimized for new brand and RWD and now availabled for use in Header as well as Footer.
> read more about the digital brand transition
> read more about changes to this component

Add customized links to your social media channels in the header or footer.

This component as first displayed on the page.

This component as first displayed on the page.

Using This Component

Add the component to the page. There is only one tab.

Button Text - Enter the label you want displayed in your footer.

Button Link - Enter the link to your social media channel.

Button Icon - Choose from these services:

  • Facebook
  • Instagram
  • Twitter
  • Snapchat
  • YouTube
  • LinkedIn
  • Pinterest
  • Flickr
  • RSS
  • Wordpress

Open in new window - This optional setting forces the clicked link to open in a new browser tab or window.

  • When that is selected, an additional icon will follow the linked text, to alert visitors that they will be taken to a new browser window, or even leave the current website. > Read more about link labels.
This component opened for editing.

This component opened for editing. The default button for Facebook is preselected.

Additional Buttons Are Possible

Unit Web Leaders / Site Managers
If you have pressing needs for additional buttons, please make an Enhancement Request. If there is sufficient demand for new buttons, we will add them to the development queue.

New Brand Features

At a Glance
Reimagined for new brand and RWD optimized.
Visualizations of icons improved.
Can now be used in the Header and Footer areas.

Reimagined for the new brand.

  • Improved icon visualizations.
  • RWD optimized for how it appears in the hamburger menu.
  • Now availabled for use in Header as well as Fat Footer.



Was this page helpful?

(so we can thank you or request more details)
( addresses only please)

On this page:

See an Example:

Last Reviewed:

April 21, 2017