Would you like to create a footer with Elementor?
All WordPress themes do not have the ability to customize the footer. If so, programming skill (PHP) is required if you want to customize the theme footer.
If you are using a WordPress theme which offers a page builder, you have more freedom to customize the footer without coding. You will be able to add elements such as an email subscription form, social media icons, links, website logo, etc.
Read our guide on How to install Elementor on WordPress
There is a solution if you want to customize your theme's footer, but don't have any programming skills: use Elementor.
Elementor is a page builder that comes with a feature Theme Builder. You can use this feature to create a new custom footer to replace the default footer of your WordPress theme.
How Elementor Theme Builder Works
The way Elementor's Theme Builder feature works is pretty straightforward. Once you've created a new footer and published it, it will replace the theme footer you're currently using. Your new footer can be applied to the whole website or to specific pages only.
How to create a custom footer with Elementor's theme builder
Elementor is a page builder that comes with a visual interface. To create a footer (or web page), you just need to drag the widgets you want to Elementor's editor and create the settings according to your needs.
Discover more How to Create a Unique Post Template with Elementor Pro
Elementor itself offers over 90 widgets. Technically, you can use all of these widgets when creating a footer. However, you certainly don't need all of them. In this example, we'll show how to create a custom footer with the following elements.
- Email subscription form.
- Social network icons.
- Links
start
Assuming you have Elementor Pro installed on your WordPress website, go to your dashboard and then on Templates -> Theme Builder.
On the theme builder page, navigate to the Footer tab And click on the button Add to create a footer template.
A pop-up will appear asking you to give your footer template a name. Type your preferred name and click the button CREATE A MODEL.
Elementor offers several footer templates for you to choose from. Choose the one you like and click the button Insert to load it into the editor. Or, if you want to create the footer from scratch, you can just close the template library to open the editor.
See also: Elementor Pro: 10 Awesome Features To Unlock - Part II
In this example, we are creating a footer from scratch.
To create a footer that hosts an email subscription form, social media icons, and links, you need an Elementor section with three columns. So click on the plus button in the Elementor editor to add a new section and select the three column structure option.
Adding the email subscription form
To add the email subscription form, drag the widget Form to one of the editor columns.
Go to the left panel to make the settings. Typically, an email subscription form contains only one email field so that you can remove unnecessary fields (name and message). You can integrate your email subscription form with MailChimp, MailerLite, and GetResponse.
- Add social media icons
To add social media icons, drag the widget Social network icons to one of the editor columns.
Go to the left panel to make the settings. You can add a new social network icon or remove an existing icon. To customize the icon, you can access the tab style.
- Add links
There are several widgets that you can use to add links from your website. In this example, we are using a list of icons. So drag the widget Icon List to the remaining column of the editor.
Again, go to the left panel to customize the Icon List widget. To add a link, click on the item to which you want to add the link and paste the desired link. If you want to remove the icon, hover your mouse over the icon and click the trash can icon.
Again, you can access theStyle tab to customize the links. You can define elements such as the color of the link text, the typography, etc.
- Change the background of the footer
If you add a new section in Elementor, it has the default color white. If you want to have a different footer color, activate the footer section by clicking it on the browser and click the Style tab in the left panel. Change the background of the section Background.
Applying the new footer
There are so many setting options that Elementor offers for each widget, it is impossible to cover them all here. You can play with the left panel until you are satisfied with the result. When you are done, click the button PUBLISH at the bottom of the left panel.
In the next step, you will be asked to specify the display condition. By default, your footer will be applied to the entire section of your website. So if you want your new footer to be applied to the whole website, you can just click the button SAVE & CLOSE.
Conversely, if you want your new footer to be applied to certain pages only, click the button ADD CONDITION to set the display condition. Specify the pages on which you want your footer applied.
Read also: How to add a WhatsApp button in Elementor
Click on the button SAVE & CLOSE when you are done specifying the display condition.
Potential errors
You may encounter a technical error while creating a footer with Elementor. The most common error is that the editor does not appear. If you encounter this problem, try using another WordPress theme.
Get Elementor Pro Now!
Conclusion
Here is ! That's it for this article which shows you how to create tabbed image gallery in Elementor. If you have any concerns on how to get there flet us know in the Comments.
However, you can also consult our resources, if you need more elements to carry out your projects of creation of Internet sites, by consulting our guide on the WordPress blog creation or the one on Divi: the best WordPress theme of all time.
But meanwhile, share this article on your different social networks.
...
