Lesson 7 : Social Icons and Links
SOCIAL MEDIA LINKS
Nowadays a company's online presence is not complete without interactive social media profiles. Therefore it is highly important to integrate your website with social media. To add a Social Media Links Module to a page, search for the Social Modules on the top left side of the editor and drag the Module onto the page. When editing, the menu is divided into Content and Styling.
1.1. USE SOCIAL MEDIA LINKS FROM GLOBAL DATA
Instead of manually adding your social media links to the module, you can use the links provided in Global Data. To activate this option, simply toggle on in the right side. When you use the Social Media Links from Global Data you only need to input the links once and the information will be automatically filled in all the relevant fields. Learn more about Global Data here!
1.2. ADD ELEMENT
To add an element, simply click on add element. By default, the element added will be Facebook but it can be changed very easily.
1.3. DELETE ELEMENT
To delete an element, hover the mouse over the profile you wish to delete and find the trash icon on the right. A menu asking if you you are sure to remove that field will show up to which you should answer Yes.
1.4. CHANGE ELEMENT
To change an element, simply click on top of the profile you want to change or hover the mouse over it to find the settings icon on the right. Once you do it, three sections should appear - URL, Title Tag and Media.
On this section you should write or paste the full URL to the profile you want to add.
1.4.2. TITLE TAG
The Title Tag tells people and search engines what that page is about. It should contain relevant keywords given that this element is part of what makes people want to visit your site when it shows up in search results.
Choose from the dropdown menu which media profile you wish to add.
2.1. ICON PLACEMENT AND SIZE
In this section it is possible to choose the placement of the icon - left, right or centered - and how big it should be.
Choose the background color and transparency of the module.
Customize the module border in terms of color, width, radius, style and radius.
Determine the spacing of the module. Margin will result in the adjustment outside the element whereas Padding reflects the adjustment inside the element.
3. SOCIAL MEDIA GLOBAL STYLING
Instead of individually styling each Social Media Link module it is possible to do it automatically with Global Styling. Under the Global Styling tab, there is a Module Design option on the left menu. Click on it to expand the options and you should find the Social Modules menu. Read more about Social Modules Global Styling here!