13.2 C
New York
Sunday, December 4, 2022

Buy now

What Are the Steps for Adding Social Media Icons to A Drupal Website? 

 96 total views

Connecting with your customers on social media is crucial for building and maintaining relationships. Gaining followers and likes on social media can also help promote your brand and website. Adding social media icons to your Drupal website is a great way to make it easy for customers to identify your authentic brand pages.

Setting up social media icons on your Drupal website requires you to understand a few concepts. The three main components of Drupal that dictate the functionality of a website include:

Blocks: The containers hosting content on your website. You cannot display information on your website without creating it. 

Views: A Drupal module controlling the appearance of content on your website. For instance, when you set up social media with Drupal, you will use a view to create a list of social media icons that link to your brand pages.

Modules: A collection of files that add functionality to your website. It eliminates the need to create code from scratch to add to various pages. Modules will help you to add social icons to your website with ease.

This blog elaborates on the steps involved in adding social media icons to a Drupal website. You can add your links without the need for technical coding knowledge. However, you will need administrative access to your Drupal installation.
Identify the Module You want to Use

Drupal uses modules to enhance the functionality of a website. You will find them on Drupal.org, under the Download and Extend page. In this case, you are looking for a module that provides social media integration. You will find so many modules to match your needs.

The site hosts close to 49,000 modules. What you want is to search for the one you like. Using the search functionality at the top of the page, you can filter your search by name or keywords. Apply the filters to narrow your search according to the category, maintenance state, and Drupal version.

You can click on the module title from the results to get a full description. The description will help you understand what the module can do for your website. Pick one after carefully going through each report. 

Also, check the requirements for the module to run smoothly on your website. What are other modules necessary? Do you have to upgrade your Drupal installation? The Extend page will give you all the information you need before downloading and installing.

Install the Module

Once you have found and read about the module you want to use, it is time to install it on your website. Installing Drupal modules and other contributed projects is unique. You will not need to do it like with other CMS where you have to download them to your computer before uploading them to the web server. 

Composer is a dependency manager for PHP that will help you install the modules on your website. It is a recommended way of installing Drupal modules.

On the module page, you will see the installation instructions. It is straightforward, $composer requires ‘drupal/ModuleName:^Version’ where you replace ModuleName with the actual name of the module, and Version is the recommended module version. 

If you prefer downloading and installing the module manually, you can click on the link provided for each release. The file will be downloaded in a .zip or.tar.gz format. Log in to your Drupal admin panel and go to Extend from the top menu. 

On the next page, click on Install new module at the top. From there, upload the module file you downloaded. The process is the same for both formats. But remember installing packages only works when they have no dependencies.
 Activate and Configure

Enable the module after installing it. Go to the Extend page on your Drupal admin panel and check the box next to the module name. A configuration page will appear at the top for modules that require additional setup. 

You will see a configuration page. Add your social media accounts. There is a text box for each social media platform. Enter the URL of your account and click on Save Configuration.

Publishing the icons on your website requires setting up the module to display on the front page. You can create a new Block or use an existing one. The process is similar to that of other modules.

From the Drupal admin panel, go to Structure and then Block Layout. Find the Social Media Icons block and place it in one of the regions. Save the changes, and you are through. The social media icons should now appear on your website.  

If you want to change the order of the icons or add more, you can do so from the configuration page. There is also an option of adding hover effects to make the icons more interactive. However, most of the changes depend on the module you use.


Adding social media icons to a Drupal website is simple, and you can do it in just a few steps. You first need to find and install the module you want to use. Then activate and set it up according to your preferences. The process is similar for most modules, but some might require additional configuration.

Related Articles


Please enter your comment!
Please enter your name here

Stay Connected

- Advertisement -spot_img

Latest Articles