0709399000 

Login       Register     Place Order

Rollback and Reset function is used to undo changes you previously made. This module is located at the top right side of the mono editor. Learn more

Remember to publish your website after making changes. The publish module is located at the top right side of the mono editor. Learn more

Social Icons Social Icons 1 Social Icons 2

Lesson 7 : Social Icons and Links
Facebook
Twitter
Google+
Youtube

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. CONTENT
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.

1.4.1. URL
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.

1.4.3. MEDIA
Choose from the dropdown menu which media profile you wish to add.

1.4.5. EXAMPLE:

2. STYLING
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.

2.2. BACKGROUND
Choose the background color and transparency of the module.

2.3. BORDER
Customize the module border in terms of color, width, radius, style and radius.

2.4. SPACING
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!

Course List

Lesson 1

Familiarizing with the mono Editor platform

Lesson 2

Choose a theme to start building your website

Lesson 3
The Basics
Introduction
Fundamentals
General Settings
Content
Previewing and Publishing

Lesson 4
Global Styling
Fundamentals
Specific Modules
Layout Settings
Navigation Settings
Module Design
Custom CSS
CRM Settings
On-Site Engagements design

Lesson 5
Pages and Content
Building pages
Page settings
Row settings
Text
Images and Video
Basic Modules
Social Modules
Module Groups
Add Specific Content
Custom HTML

Lesson 6
Contact Forms
Email contact forms
Data collection forms

Lesson 7
Social Icons and Links
Facebook
Twitter
Google+
Youtube

Lesson 8
Responsiveness
website view on PC
Website view on tablet
Website view on phone

Lesson 9
Module Design
Background Graphics
Background colors
Border radius
Border width
Padding
Margin

Lesson 10
Shopping Page

Lesson 11
Creating your Blog
Create and Manage Posts
Tags
Comments
Blog Settings
Blog Catalogue

Lesson 12
Adding videos

Lesson 13
CRM
CRM Basics
Users
Groups
Forms

Lesson 14
Settings

Lesson 15
Apps
On-Site Engagements
Synchronization and Integrations

Lesson 16
E-commerce
Basics
Create and Manage Products
Orders
Variation Labels
Category Tags
Shop Settings
Implementing the shop
Styling the shop
Payments

Lesson 17
Global Data
Adding global data

Lesson 18
Rollback and Reset Function

Lesson 19
Adding Google Tag Manager to your website

Lesson 20
Publishing your website

Lesson 21
Search Engine Optimization