How to Add Social Media Links to Your WordPress Website Using Elementor

Introduction: #

In this guide, we’ll show you how to add social media links to your WordPress website using Elementor. Integrating social media icons and links on your website helps turn visitors into fans and demonstrates your active presence and content creation.

Benefits: #

Adding social media links to your website allows visitors to connect with you on various platforms, enhancing their engagement with your content and fostering a closer relationship with your audience.

Prerequisites: #

Before you start, ensure you have the following:

• A WordPress account. If you don’t have one, please reach out to us at info@booklive.com, and we’ll provide you with a free account as part of your BookLive subscription.
• Logged into your WordPress account.

Step-by-Step Guide: #

1. Log into Your WordPress Dashboard #

• Open your web browser and go to your site’s URL.
• Add /wp-admin to the end of the URL.
• Enter your username and password.
• Click the “Log In” button to access your WordPress dashboard.

2. Navigate to the Page for Adding Social Media Links #

• On the left-hand side menu, hover over “Pages.”
• Click on “All Pages” to see a list of your pages.
• Identify the page where you want to add social media icons. For example, a page called “Social Media Demo.”
• Hover over the page name and click “Edit with Elementor.”

3. Load the Elementor Page Editor #

• Wait for the Elementor editor to load, which may take 30 seconds to a minute.

4. Add Social Media Icons #

• Add a Container:
  • Click “Add New Section” and select a structure (e.g., a single column).
• Add Social Icons Widget:
  • Click the grid icon to open the Elementor widget panel.
  • Search for “Social Icons” and drag the “Social Icons” widget into the container.
  • By default, you will see three social icons: Facebook, Twitter, and YouTube.

5. Customize Social Media Icons #

• Remove Unwanted Icons:
  • Click the “X” next to any icon you do not want to use (e.g., Twitter).
• Add New Icons:
  • Click “Add Item.”
  • Click on the default icon (e.g., WordPress) to open the icon library.
  • Search for the desired social media platform (e.g., Instagram).
  • Select the appropriate icon and click “Insert.”
• Change Icon Colors:
  • To change an icon’s color, click on the color picker next to “Custom Color.”
  • Adjust the color to match the official brand color of the social media platform.

6. Link Icons to Social Media Profiles #

• Facebook:
  • Click on the Facebook icon in the left-hand editor.
  • In the “Link” field, paste the URL of your Facebook profile.
• YouTube:
  • Click on the YouTube icon.
  • In the “Link” field, paste the URL of your YouTube channel.
• Instagram:
  • Click on the Instagram icon.
  • In the “Link” field, paste the URL of your Instagram profile.
• TikTok:
  • Click on the TikTok icon.
  • In the “Link” field, paste the URL of your TikTok profile.

7. Publish Your Changes #

• After customizing your social media icons and linking them to your profiles, click the pink “Publish” button to make the changes live on your website.

Conclusion: #

You’ve successfully added social media links to your WordPress website using Elementor. This integration helps visitors connect with you on various platforms, enhancing their engagement and fostering a closer relationship with your audience.