How to create a customisable footer with beaver builder

beaver builder

In this post I will show you how to create a customisable footer with beaver builder.

Step 1. Create a new page in WordPress

Log in to your WordPress dashboard

Create a customisable footer with beaver builder 1

 

Create a new page

Create a customisable footer with beaver builder 2

 

Click view page

Create a customisable footer with beaver builder 3

 

Step 2. Add a row to your new page

Click page builder in the WordPress admin bar to edit the page with beaver builder

Create a customisable footer with beaver builder 4

Within beaver builder select blank as the layout template

Create a customisable footer with beaver builder 5

 

Drag in a one column row

Create a customisable footer with beaver builder 6

 

Then from the advanced modules add a subscribe module

Create a customisable footer with beaver builder 7

Create a customisable footer with beaver builder 8

 

Edit the subscribe form setting to your liking

Create a customisable footer with beaver builder 9

 

Then drag in a Heading module above the scribe module in the same row.

Create a customisable footer with beaver builder 10

 

Edit your heading settings and click save.

Create a customisable footer with beaver builder 11

 

Then make your row full width and add a back ground colour.

Create a customisable footer with beaver builder 12

 

Once you are happy with your row you need to save it as a global row.

Hover over the top left of your row and select the spanner.

Click Save as

Create a customisable footer with beaver builder 13

 

Name your row “footer row” and select yes for global

Create a customisable footer with beaver builder 14

 

You can now delete the page you created called footer. Your row is saved in your WordPress database.

 

Step 3. Hook your new row to all pages

We now need to hook this new row to all the pages on your site.

In your WordPress dashboard go to Appearances and select Editor

Create a customisable footer with beaver builder 15

 

On the right select Theme Functions

Create a customisable footer with beaver builder 17

 

Within your function.php file paste the following code.

 

This code uses the fl_after_content action hook which is built in to the Beaver Builder Theme to add your new row to the bottom of all pages on your site except the front page.

Just like on this site.

Create a customisable footer with beaver builder 19

We exclude the front page because if we ever need to edit the row we will use the row on the front page.

 

Step 4. Add Global row to front page.

Now we need to add the footer to our home page.

Go to your home page and edit it with page builder

Create a customisable footer with beaver builder 20

 

Click Add Content and click saved rows

Create a customisable footer with beaver builder 21

 

Drag your new saved row to the bottom of your home page and click done

Create a customisable footer with beaver builder 22

 

Click Publish changes

Create a customisable footer with beaver builder 23

That’s it. You have created a customisable footer with beaver builder
The footer can be edited anyway you like using beaver builder. When you edit the saved row on your home page the changes will take effect on all pages throughout your site.

 

Leave a comment below to let me know if this worked for you or if you have any questions.

 

To find out more about beaver builder click the banner below..

Get Beaver Builder Now!

 

To find out more about the beaver builder hooks, click the following link

http://kb.wpbeaverbuilder.com/article/143-theme-action-reference

 

 

2 Comments

  1. Robby on December 28, 2016 at 2:45 am

    Great tutorial. Love all the screenshots. It seems very easy to follow. From all of us at Beaver Builder, we really appreciate it. 🙂

    • Peter on December 28, 2016 at 7:45 pm

      Thanks Robby. Appreciate the comment.

Leave a Comment





GET IN TOUCH!

Please enter your name.
Please enter a valid phone number.
Please enter a message.

WebMe,

Killriffith,

Nenagh,

Co. Tipperary.

E45 K259

Sarah: +353 85 1715479

Office: +353 67 42443

hello@webme.ie