Dynamic Social Medias for Elementor will allow you to display social media icons with their related link on a blog post, page or sidebar with author’s or user’s social media links.
This component use the power of WordPress with the standard Custom Fields and the features of Advanced Custom Fields knows as ACF.
Add social media fields to user profiles
Display dynamiquely social icons on a blog post, with author’s or media links.
If you do not have the fields in the user profile, you have to create it.
Use plugin for add extra user fields or simply add the bellow code in your functions.php theme or in a child theme.
After that you have to fill some or all fields for each user profile.
Pay attention to the spelling of the social media’s names
function eac_add_hide_profile_fields($contactmethods) {
$contactmethods['twitter'] = 'URL Twitter';
$contactmethods['facebook'] = 'URL Facebook';
$contactmethods['instagram'] = 'URL Instagram';
$contactmethods['linkedin'] = 'URL LinkedIn';
$contactmethods['youtube'] = 'URL YouTube';
$contactmethods['pinterest'] = 'URL Pinterest';
$contactmethods['tumblr'] = 'URL Tumblr';
$contactmethods['flickr'] = 'URL Flickr';
$contactmethods['reddit'] = 'URL Reddit';
$contactmethods['tiktok'] = 'URL TikTok';
$contactmethods['telegram'] = 'URL Telegram';
$contactmethods['quora'] = 'URL Quora';
$contactmethods['twitch'] = 'URL Twitch';
$contactmethods['github'] = 'URL Github';
$contactmethods['spotify'] = 'URL Spotify';
$contactmethods['mastodon'] = 'URL Mastodon';
return $contactmethods;
}
/** Contact User Social Networks filter */
add_filter('user_contactmethods', 'eac_add_hide_profile_fields', 10, 1);Source code to add user profile fields with Syntax highlighter
Add ACF fields to user profiles
First you have to create a new group, ‘User social media’ in our case whose fields will be added to each user’s profile.
The Field Label is the name of your field, which helps you organize your fields
The Field name must be exactly the same as in the list below
Choose Text as Field Type
Scroll down to the Location area and make sure you select User Role is equal to All
All ACF fields created will appear in the profile of each registered user.
List of supported Social Media
twitter facebook
instagram linkedin
youtube pinterest
tumblr flickr
reddit tiktok
telegram quora
twitch github
spotify mastodon
Add dynamic content for social media icons
Select the Text Editor widget and the dynamic icon in the upper right corner of the field.
Select entry Author social media
Select the Social Medias in the list
Customize the social media icons
Because we use a dynamic tag to display icons, you need to apply specific CSS code to render them.
To do this, select the corresponding Text Editor
Click on the Advanced tab and open the EAC custom CSS section to add the CSS.
/* Container class Flex */
selector .dynamic-tags_social-container {
font-size: 25px;
border: none;
text-align: center;
box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.2);
padding: 8px;
}
/* Icon class */
selector .dynamic-tags_social-icon {
width: 40px;
height: 40px;
line-height: 38px;
border: 3px solid blue;
border-radius: 8px;
display: inline-block;
}
/* SVG */
selector .dynamic-tags_social-icon svg {
top: .125em;
}
Does this still work?
Hi @Skyler
Yes the component ‘Dynamic Social Medias’ is still wordking
In progress, we are implementing the ACF features with which you will be able to add the fields in the user profile.
The next version (v1.7.6) will have it and will be published before the end of this week.
The documentation will naturally be updated.
Rgds EAC Team
Hi there,
When I installed and activated this plugin, my page doesn’t open with Elementor. Is there a solution to make this plugin work?
Thank You.
Hello Komal,
With so little information I can’t help you.
But if you have activated debugging, go to the dashboard/Elementor/System info Log section and return any traces relating to our plugin.
You can also deactivate your plugins one by one to check for conflicts.
Rgds