The Before footer part of the demos is created using The Elementor Header & Footer Builder plugin.
First of all, make sure that you have installed and activated the Elementor Header & Footer Builder plugin.
The Elementor Header & Footer Builder section comes up on the Dashboard > Appearance path after successfully installing the plugins. Click the Add New button to add a new template.
In this step, a post with basic settings of header, footer, and custom block is created. Enter the name of the template and choose the Before Footer on the Type of Template.
More options appear after choosing the template's type.
- Display On option specifies to which pages apply the changes
- User Roles option specifies to which user roles apply the change
Click the Publish button to save the template.
By clicking the Edit with Elementor button, you will launch the Elementor builder.
On the opening page, you can build your custom header by dragging elements from the Elementor tab to the building page.
After adding the necessary elements, click the Update button to see the applied before footer on the website.