Social Media

Displays a social media icon with a hover effect and a link to your social media account (e.g. Facebook, Twitter, etc.)

Shortcode:

[socialmedia]

Attributes:

link
This should be set the path (URL) to your social media account.

newwindow
Can have the value "true" or "false". If set to true, this will open the link URL value in a new browser window.

linebreak
Can have the value true or false. This determines whether the icon will add a line break and continue the content that follows it on a new line. Set this value to false if you want to add multiple icons one after another next to each other. Set it to true if you are going to begin a new paragraph below it. Even if you have a number of buttons lined up one after the other, you'll definitely want the *last* icon to have its linebreak value set to "true" so that the content that follows it will appear on a new line.

title
Title of the tooltip that will display on hover.

type
This is the type of social media icon you want to display. Please refer to the guide below for the possible options you can set here...

  • facebook - Facebook
  • mail - Mail icon (recommended you link it to your contact page)
  • twitter - Twitter
  • youtube - YouTube
  • vimeo - Vimeo
  • rss - RSS Feed
  • flickr - Flickr
  • linkedin - LinkedIn
  • pinterest - Pinterest
  • googleplus - Google+

Examples:

The following will display a twitter icon...

[socialmedia link="https://www.twitter.com/youraccount" title="Twitter" type="twitter" linebreak="true"]

The following will display a few icons next to each other...

[socialmedia link="https://www.twitter.com" type="twitter" title="Twitter" linebreak="false"] [socialmedia link="https://www.facebook.com" type="fb" title="Facebook" linebreak="false"] [socialmedia link="https://www.google.com" type="rss" title="Blog Feed" linebreak="true"]
Back to Shortcodes »