7 votes

Social Media Channels

Social Media Channels

Instead of having to place your social media channels one by one, why not add a macro that will render all the channels for you.

Umbraco 7.4.3+, v8.18.8

Install via nuget

	Install-Package SplatDev.Umbraco.Plugins.SocialMediaChannels

The correct version was not active! Try installing it again :)

New version of the Social Media Channels is here! Now with 19 available themes to choose from, and simpler implementation.

****Uninstall all themes before uninstalling this package****

Creates a DataType for Social Media Channels and displays a list of channels based on icon theme. various themes taken from the community.

This package:

- Creates a new Media Type for adding Themes

- Adds a Media Folder for Social Media Channels

- Adds ONE Theme (flat)


  • Flat Social Media Icons
  • http://www.bestpsdfreebies.com/freebie/flat-social-media-icons/
  • 2013-05-13


Several themes to choose from (installed separately)

NO NEED FOR TWEAKING (unless you break it!). Install the package and whatever theme suits you.




This is Custom Control + Razor implementation, with some icons already pre-configured. You insert your social media details and umbraco will display them via macro. (see demo)

The preloaded theme is Sawb (Plus), but you can download additional packages (see downloads)

Retro Round Icons Set by Brainleaf Communication

Retro Vintage Icons Set by Brainleaf Communication

Creative Nerds Glossy

Simple Squared Nerds Glossy

Social Icons Pack + by ~sawb

Somacro Icons Set by Veodesign

Somicro Icons Set by Veodesign

Circle Icons Set by IC Design

Mini Icons Set by IC Design

Minimal Social Media Icons (PSD) by ~softarea

Web social icons by ~NarjisNaqvi

Icons Set by Pink Moustache

MAKE SURE TO CHECK THE property name IN THE Script file (SocialMediaChannels.cshtml) 

@inherits umbraco.MacroEngines.DynamicNodeContext
@using umbraco.NodeFactory;
@using umbraco.MacroEngines;
@using System.Configuration;
    string propertyName = "PROPERTYNAME"; //set the property name in case it was changed

If you have problems loading the package, change your maxRequestLength

 <httpRuntime requestValidationMode="2.0" enableVersionHeader="false"  maxRequestLength="32768"  />

If you intent to install the Themes in a different folder, make sure to update your web.config with the path (DEFAULT IS ~/usercontrols/themes/):

   <add key="SocialMediaThemeFolder" value="~/NEWPATH/"/>

In order to run the Demo, update your NodeID for the installed Content

    <h2>Social Media Channels Demo</h2> 
      <umbraco:Macro NodeId="NODEID#" Alias="SocialMediaChannels" runat="server">
Use the Xml Theme Generator to create your own themes!
Create a folder with your icons, run the Xml Theme Generator, save the xml, then upload your new package to the Themes Folder inside Umbraco. It will be automatically picked up by the Social Media Channels Manager.

Package files


Source code

 Download package

NuGet install instructions for Umbraco 7.4.0-8.18.14

Install-Package SplatDev.Umbraco.Plugins.SocialMediaChannels

Package owner

Carlos Casalicchio

Carlos Casalicchio

Carlos has 710 karma points

Package Compatibility

This package is compatible with the following versions as reported by community members who have downloaded this package:
Untested or doesn't work on Umbraco Cloud
Version 8.18.x (untested)

You must login before you can report on package compatibility.

Previously reported to work on versions: 7.4.x

Package Information

  • Package owner: Carlos Casalicchio
  • Created: 11/09/2013
  • Current version
  • .NET version 4.5,4.7.2
  • License MIT
  • Downloads on Our: 14.2K
  • Downloads on NuGet: 677
  • Total downloads : 14.8K