Social Links Element

Last Update: August 30, 2025

The Avada Social Links Element allows you to add social media links anywhere in your content. The Element is loaded with options that will enable you to customize your Social Media icons easily.

Watch the video below for a visual overview of the Element, view the Avada Social Links Element page for live examples, and read on to see the complete list of options.

For privacy reasons YouTube needs your permission to be loaded.

View Element Page!

View Live Example!

View Avada Builder Elements!

How To Use The Social Links Element

The Avada Social Links Element is a quick and easy way to add your own social media links anywhere on your site. To start, add the element to your desired column, and configure the Social Links Element to your liking. There are styling options for the icons, including the ability to use either branded or custom colors for icons.

Then, once you have styled the icons the way you like, there are fields to add your own profile links for every major Social Media platform. You can also add an email icon and any custom social icons specified in the Global Options.

Element Options

Note: The Default setting will use the global settings assigned for this element at Options > Avada Builder Elements > Social Links. Also, please note that the displayed options screens below show ALL the available options for the element. If you have Avada’s Option Network Dependencies turned on, you will only see options relevant to your selections, and so the options screen may look somewhat different.

General

Heading		Description
Blogger Link		Insert your custom Blogger link.
Bluesky Link		Insert your custom Bluesky link.
Deviantart Link		Insert your custom Deviantart link.
Discord Link		Insert your custom Discord link.
Digg Link		Insert your custom Digg link.
Dribbble Link		Insert your custom Dribbble link.
Dropbox Link		Insert your custom Dropbox link.
Facebook Link		Insert your custom Facebook link.
Flickr Link		Insert your custom Flickr link.
Forrst Link		Insert your custom Forrst link.
GitHub Link		Insert your custom GitHub link.
Instagram Link		Insert your custom Instagram link.
LinkedIn Link		Insert your custom LinkedIn link.
Mastodon Link		Insert your custom Mastodon link.
Myspace Link		Insert your custom Myspace link.
PayPal Link		Insert your custom PayPal link.
Pinterest Link		Insert your custom Pinterest link.
Reddit Link		Insert your custom Reddit link.
RSS Link		Insert your custom RSS link.
Skype Link		Insert your custom Skype link.
Snapchat Link		Insert your custom Snapchat link.
SoundCloud Link		Insert your custom SoundCloud link.
Spotify Link		Insert your custom Spotify link.
Telegram Link		Insert your custom Telegram link.
Teams Link		Insert your custom Microsoft Teams link.
TikTok Link		Insert your custom TikTok link.
Threads Link		Insert your custom Threads link.
Tumblr Link		Insert your custom Tumblr link.
Twitch Link		Insert your custom Twitch link.
Vimeo Link		Insert your custom Vimeo link.
VK Link		Insert your custom VK link.
WeChat Link		Insert your custom WeChat link.
WhatsApp Link		Insert your custom WhatsApp link.
X Link		Insert your custom X link.
Xing Link		Insert your custom Xing link.
Yahoo Link		Insert your custom Yahoo link.
Yelp Link		Insert your custom Yelp link.
YouTube Link		Insert your custom YouTube link.
Email Address		Insert an email address to display the email icon.
Phone Number		Insert a phone number to display the phone icon.
Show Custom Social Icons		Show the custom social icons specified in Global Options.
Element Visibility		Choose to show or hide the element on small, medium or large screens. You can choose more than one at a time.
Element Sticky Visibility		Choose to show or hide the element, based on the current mode (normal or sticky) of its parent container. You can choose more than one at a time.
CSS Class		Add a class to the wrapping HTML element.
CSS ID		Add an ID to the wrapping HTML element.

Design

Heading		Description
Alignment		Select the icon's alignment.
Margin		Enter values including any valid CSS unit, ex: 4%.
Tooltip Position		Choose the display position for tooltips.
Font Size		Controls the font size for the social icons. Enter value including CSS unit (px, em, rem), ex: 10px
Boxed Style		Choose to get boxed icons.
Box Padding		Controls the padding of boxed icons.
Box Border Size		Controls the border size. In pixels or percentage, ex: 10px or 10%.
Box Border Radius		Choose the border radius of the boxed icons. In pixels (px), ex: 1px, or "round".
Color Type		Choose the color type of social icons. Brand colors will use the exact brand color of each network for the icons or boxes.
Icon Color		Specify the color of social icons.
Background Color		Specify the box background color of social icons.
Border Color		Specify the border color of social icons.

Extras

Heading		Description
Animation Type		Select the type of animation to use on the element.
Direction of Animation		Select the incoming direction for the animation.
Animation Color		Select the color of the animation
Speed of Animation		Type in speed of animation in seconds (0.1 - 5).
Animation Delay		Select the delay time after the animation starts(0 - 5).
Offset of Animation		Controls when the animation should start.