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