How To Build Headers And Footers Using Elementor For FREE (Any Theme)

Показать описание

Easiest method to create Headers And Footers Using Elementor For FREE 🌱☀️

If you are not using elementor pro version then you cannot edit the header and footers, but in this video I explained how you can create a header and footer without buying elementor pro version. We will be using Elementor header and footer builder plugin to create custom header and footer using elementor free version.

How to Create Menu in Wordpress

Creating a header and footer without Elementor Pro using the Elementor Header and Footer WordPress plugin is a straightforward process. Here's a simple guide:

Header:

Install and Activate the Plugin:
In your WordPress dashboard, go to "Plugins" "Add New."
Search for "Elementor Header Footer" and install the plugin.

Create a Header Template:
After activation, go to "Header Footer Elementor" in your dashboard.
Click on "Add New" to create a new header template.
You'll be redirected to the Elementor editor.

Design Your Header:
Use the Elementor editor to design your header. Drag and drop elements, add a logo, navigation menu, and any other elements you want in your header.

Set Display Conditions:
Scroll down to the settings and set display conditions. You can choose where you want the header to appear (e.g., entire site, specific pages, posts).

Save the Template:
Once you're satisfied with your header design, click "Save" in the Elementor editor.

Footer:

Install and Activate the Plugin:
If you haven't already, install and activate the "Elementor Header Footer" plugin.

Create a Footer Template:
Similar to the header, go to "Header Footer Elementor" and click "Add New" to create a new footer template.

Design Your Footer:
Use the Elementor editor to design your footer. Add elements like copyright text, social icons, and any other components you want.

Set Display Conditions:
Set the display conditions for the footer template. You can choose where you want the footer to appear.

Save the Template:
Save your footer template once you've finished designing it.

After creating both the header and footer templates, they will automatically appear on your site based on the display conditions you've set. The Elementor Header Footer plugin simplifies the process of creating and managing these templates without the need for Elementor Pro. Ensure that your theme is compatible with the plugin and consider adjusting styling settings in your theme customizer to further enhance the integration of your custom header and footer.

#elementor #header #footer

Join this channel to get access to perks:

Рекомендации по теме

Комментарии

Finally someone who actually shows how to build the header. Perfect thank you!

TakuCityPop

Thank you. Finally someone who show me step by step

seoxpert

I need further assistance. After following step by step on this video. I was with you every step. Then I hit a snag. In your video when you added the navigation menu. In your video you see options. When I added the navigation as you did. Mine was blank and an empty grey box. Why is mine different ? Can you help me.

TJTorres

Followed the steps and published the header and then clicked Edit With Elementor as you show, but a page comes up saying preview could not be loaded 404 not found. When I clicked the "click here for preview debug" it says The page does not appear to exist. What is going on?

craigkaiser

Hi, I was thinking of buying Elementor Pro and Astra Pro. Now I am wondering if it is really needed to have the pro version of Astra, but it is not clear to me what I will miss. What header/footer customizations, widgets, blog customization etc. would I miss with Elementor Pro/Astra Free?

Heydigitalprem

hi im following your steps and im newbie, how you have many option when you drag "wordpress pages". mine only have 2 how you edit that part?

alfamalik

Hi! Thanks for the amazing video! Unfortunately I don't know why in my case the header comes out thicker and I can't change its proportions in the height panel. I don't know why it's like this in default... do you, by any chance, could know why this happens?

blackblater