Add Social Icons to Footer in Elementor

Add social links to your Footer

Adding social icons to the footer of your website with Elementor is a simple process. Here’s a step-by-step guide:

1. Log in to your WordPress admin panel.
2. Navigate to Elementor and click on “Footer”On the left sidebar, hover over “Elementor” and click on “Templates.”
3. Once you’re in the Elementor editor for your footer, drag and drop a “Social Icons” widget from the Elementor widgets panel to your desired location in the footer or just click on your existing socials widgets to open its settings.
4. Here, you can add the URLs for your social media profiles (e.g., Facebook, Twitter, Instagram). Elementor provides fields for each social media platform.
5. Style the Social Icons: Customize the appearance of your social icons to match your website’s design. You can adjust the icon size, spacing, colors, and alignment within the widget settings.
6. Once you’re satisfied with the changes, click the “Update” button to save your footer template.

What if I want to add additional social media platforms not listed in the default widget?

If you want to add social media platforms that are not included in the default Social Icons widget, you can use custom icons. There are two ways to do this:

• Upload Custom Icons: You can upload custom social media icons directly in the widget settings. Make sure the icons are in a supported format (e.g., PNG, SVG).
• Use an Icon Font or SVG Code: If you prefer, you can use a custom code to insert icons for specific social media platforms. Paste the code into the widget settings under “Custom Icons.”