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 new page

Click view page

Step 2. Add a row to your new page

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

Within beaver builder select blank as the layout template

Drag in a one column row

Then from the advanced modules add a subscribe module

Edit the subscribe form setting to your liking

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

Edit your heading settings and click save.

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

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

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

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

On the right select Theme Functions

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.

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

Click Add Content and click saved rows

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

Click Publish changes

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..

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

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