Add Your Social NetworksĬlicking Add New Social Network opens the Social Network Settings. I like to see all the icons in place, so I’ll use the first option. The second option – you can delete the second icon, style the first one, clone it for every icon you want to add and change them to the network you want. You could then use their default styling or style one icon and then reflect that styling to the rest of the icons. The first option – you can click Add New Social Network to add each icon. You’ll have two options for moving forward. Once you add the module from the Divi Builder, it will open and show you the default icons. Scroll down or search for Social Media Follow and click on the module to insert it. To add the module, click on the plus icon in the location you want to add it. Now all you need is to add a Social Media Follow module. Your footer template will now look like the one in the example above. Next, clone the Divider module under the Campaigns title and drag it under your new Follow Us title. Next, open your new text module and change the text from Campaigns to Follow Us. Clone the title in the area above it and drag it to the area you want to place the social icons. I will also add a title and divider and style the icons to match the layout.įirst, we’ll need a title that matches the rest of the elements in the footer. I will add them to the empty spot under Campaigns. Next, choose where in the footer you want to place the social icons. Either select the edit icon on the left of the Global Footer (the pencil icon) or click the three dots on the right and click Edit within the options. Next, you’ll need to open the template to make your edits. You’re now ready to add social icons to your Divi footer. Delete the header template if you don’t want to use it. You’ll now have a global header and footer template. Click Import Divi Theme Builder Templates at the bottom of the modal. Navigate to the JSON file on your computer and select it.
To upload the footer template, select the Portability icon in the upper right corner. To access the Divi Theme Builder, go to Divi > Theme Builder in the WordPress dashboard. You can create multiple designs and apply them to every page or specific pages. This is the preferred way to create custom Divi footers. Use the Divi Theme Builderįor this tutorial, we’re using the Divi Theme Builder. The process of adding the social icons is the same. For this tutorial, I will upload a new template.
Note – Social icons can be added to any template you already have. You’ll only need to upload the JSON file.
Social icon plus link free#
I’m using the free footer template for Divi’s NGO Layout Pack.ĭownload your free footer template and unzip it. For this tutorial, I’ve chosen a footer that does not include them. Many of them already include social icons in the footer. You can find free footer templates in the Elegant Themes blog. These templates are pre-styled and are free to download. Elegant Themes provides lots of free header and footer templates that match the templates that are available in Divi.
Social icon plus link download#
Download a Free Footer Templateįirst, we’ll need a footer template. Here’s how the layout will look on mobile with the new social icons in the Divi footer. Here’s how the layout will look on the desktop with the new social icons in the Divi footer. Here’s a look at how my footer will look on desktop and mobile. Preview of the Divi Footer with Social Icons
Social icon plus link how to#
In this article, we’ll see how to add social icons to the Divi footer. Fortunately, this is easy to do with Divi. One way to make it easy for them is to provide social media links on your website. Your audience wants to connect with you on their favorite platforms. Having a strong social media presence is crucial for the success of any website.
0 kommentar(er)
