Stand with Ukraine. Fight for freedom and democracy

Donate
Back to contents

JetThemeCore: How to Create WordPress Footer

It’s not necessary to be tech-savvy if you want to create a WordPress footer yourself. With the JetThemeCore plugin, you can do it in two ways. Just decide if you want a custom or ready-made footer and follow our guide!

What’s needed for this tutorial:

  • JetThemeCore plugin — create footers and headers, add the pre-made content blocks right to the page’s canvas;
  • Elementor free/Gutenberg — add the created footer into the preferred editor to finalize the customization, style it up, and publish it right away.

This is a step-by-step tutorial on creating a structured multifunctional footer with JetThemeCore plugin. Discover how to add and customize it manually, import ready-made footer and assign it to the page’s template.

Are you looking for a footer that will fully suit your website design? So, you are only a few steps away from a unique custom footer. Below, learn how to create it from scratch!

1 Step — Installation

Make sure that JetThemeCore is already installed on your WordPress. To do so, go to Plugins > Installed Plugins.

jetthemecore plugin installed

Just in case you don’t know how to install Crocoblock plugins — watch the Installation Wizard Guide.

2 Step — Add a new footer

Now, go to Crocoblock > Theme Templates. As soon as you see the “Theme Parts” screen, choose Footer > Add New.

jetthemecore theme parts

3 Step — Name the footer

You will be asked to choose a type of template, which should be “Footer.” Also, set the Template Content Type to Elementor. Enter its name and tap “Create Template.”

creating footer

4 Step — Customize your footer

Using diverse widgets from the Elementor and JetPlugins kit, feel free to build footers of any complexity. 

Just drag and drop a widget you like to the purposed place on a page and continue customizing.

style up the footer

Do not forget to click on Publish > Update to save the result.

Import a pre-designed footer with the Magic Button

Who said you can’t just pick out a ready-made footer template? Luckily, the JetThemeCore plugin embraces a solid collection of such mock-ups. They all are well-designed and easily customizable. For now the Magic Button option is available only in Elementor.

So, to begin with, repeat the first 3 steps. This means you have to create a new footer following Crocoblock > Theme Templates. Then choose Footer > Add New.

5 Step — Import a ready-made footer template

Crocoblock has developed a great number of footer templates for any purpose and business. By clicking on the Magic Button, decide which of them suits your WordPress site the most.

magic button

Once you find the footer of your choice, simply hit “Insert”.

insert ready-made footer

5 Step — Enhance any part of the footer

It’If there is an element you want to customize, just tap on the “Edit” button or drag the element you like. It’s also possible to adjust the background color, text size, buttons, etc.

Create footer with JetThemeCore.

Set Up the Template Conditions

There are also different conditions for displaying the footer. If necessary, you can apply it to the entire website or only one page.

To assign the footer go back to the Theme Templates directory. 

Conditions not selected’ will be shown next to the footer. To set them up click on the Edit Conditions button.

edit footer conditions

There will be a new pop-up window where you can define the specific pages you want to show the template on. Click on Add Condition.

add condition to footer

A few dropdown lists will appear in the new pop-up window. To make a footer visible on a certain page, the first option needs to be set to Include

In the following drop-down lists choose the location, e.g. Entire site.

footer on entire site

Once you save the condition you will see a green checkmark meaning that the footer is already active and visible on the chosen page.

active footer

Add a Footer to the Page Template

To add a freshly built footer to the template, go to WordPress Dashboard > Crocoblock > Theme Builder and click on “Create new page template” or choose the existing one.

page template for footer

To add a footer template, click on “Add footer” and either create a new one by clicking on the “Create template” button or choose an existing footer from the library.

add footer from library

Let’s add an already created footer. Select the needed one in the Template Library pop-up window and hit “Use.”

use footer for page template

Now you can see that the chosen footer is assigned to the page’s template.

assigned footer

Add more sections to the template, e.g. select a header and if you want to delete/duplicate the template or quickly change the conditions, click the three dots in the right upper corner of the template section.

edit page template conditions

JetThemeCore plugin gives an opportunity to build a footer both in Elementor and Gutenberg depending on your needs. 

To create a footer in the default WordPress Editor, head back to the Crocoblock > Theme Templates directory. Click on the “Add New” button.

The Template Type will be “Footer”. Proceed to the Template Content Type and set it to “Block Editor.” Don’t forget to enter the template’s name and click on the “Create Template” button.

footer in gutenberg

Since Gutenberg is a block editor, some of the Elementor widgets may not be available there, as well as a lot of customization options, so the footer can look differently.

Add the blocks you need and update the footer template.

footer blocks

JetThemeCore allows controlling all settings and conditions. You can adjust the created footer for the entire website or one exact page. Moreover, the plugin enables you to create as many footers (or headers) as needed and apply them wherever you want.