How to install WordPress with Header and Footer?

WordPress is a popular content management system (CMS) used by millions of people worldwide to build and manage their websites. WordPress is known for its flexibility and adaptability, allowing users to fully customize their websites according to their preferences. Many people use a page builder like Elementor for this purpose.

What is Elementor?

Elementor is a powerful visual page builder for WordPress that enables users to create attractive and professional designs without any coding knowledge. It allows users to build and customize pages using an intuitive drag-and-drop interface.


Installing WordPress

To get started, you need to have a domain name and webhosting for your website. Choose a reliable hosting provider, such as We offer a one-click solution for WordPress installation, making it quick and easy to get WordPress up and running.

After successfully installing WordPress, you can log in to your WordPress dashboard by adding ‘/wp-admin’ to your website’s URL (e.g., Use the login credentials you provided during the installation process.

Installing Elementor

Now that you have installed WordPress, let’s install Elementor to create the most beautiful website.

Within the WordPress dashboard, go to ‘Plugins’ and click on ‘Add New Plugin.’ Search for “Elementor” in the search bar on the right. Click on ‘Install Now’ and then ‘Activate.’

After activation, you can use Elementor to build your website. The pages are customizable according to your preferences. Additionally, you will need an appealing and impactful header and footer.

Elementor Header and footer builder

Adding Elementor Header & Footer

The header is often the first thing people see when they visit a website. Typically, the header contains the menu, so it is essential to have a well-designed header.

The footer is located at the bottom of the page. It typically includes important links and information such as terms and conditions. It is equally important to have a well-designed footer.

To add the Elementor Header and Footer functionality, you need an additional plugin called “Header Footer Elementor.” Go to ‘Plugins’ and click on ‘Add New Plugin.’

Search for “Header Footer Elementor” in the search bar and install and activate the plugin. Then, go to ‘Elementor’ in the WordPress dashboard and click on ‘My Templates.’

Click on ‘Add New’ for the header and select the desired header design. Give it a name and click on ‘Publish.’ Repeat the same steps for the footer. Click on ‘Add New’ for the footer, choose a design, give it a name, and click on ‘Publish.’

Customizing Elementor Header & Footer

You have now added a header and a footer. You can leave them as they are, but it’s much more fun to personalize them to match the look and feel of your website. Here’s how you do it.

Go to ‘Appearance’ in the WordPress dashboard and click on ‘Customize.’ In the customizer, you will find the Elementor Header and Footer templates. Click on the respective template you want to edit.

Elementor will open with the selected template. Here, you can add, edit, and delete sections, drag and drop elements, and customize the style and content according to your preferences. Once you are done editing, click on ‘Publish’ to apply the changes to your website.

Always create a backup

You have successfully installed WordPress and added Elementor Header and Footer to your website. Now, you can proceed with creating beautiful pages and customizing your website to your own taste using the powerful tools of Elementor.

Remember, it’s always a good idea to regularly back up your website and keep plugins up to date to ensure security and functionality. Also, it’s wise to create a backup of your website before making any changes.


Need help?

At, we are here to assist you. If you need help building your website or prefer to outsource the entire process, please contact us so that we can further assist you.

Leave a Reply

Your email address will not be published. Required fields are marked *