Custom Footer

Sometimes the default footer is just not enough and you need something more complex for your project. To remove the default theme footer, open the WordPress customizer and navigate to Footer -> Footer Settings.

You can now build your own footer inside your page builder of choice and populate it in the footer area of the framework. Once you’ve saved your footer as a global row/template, there are 2 ways to do this:

  1. Use the built in theme hooks

    Just paste one of the code snippets below to your functions.php and replace the id with the one of your saved row/template. We assume you’re using Elementor or Beaver Builder in this example.

    Elementor Pro – global template as custom footer:

    add_action('wpbf_before_footer', 'my_custom_footer');
    function my_custom_footer() { ?>
    <footer role="contentinfo" itemscope itemtype="http://schema.org/WPFooter">
        <?php echo do_shortcode('[elementor-template id="xxx"]'); ?>
    </footer>
    <?php }

    Beaver Builder – global row as custom footer:

    add_action('wpbf_before_footer', 'my_custom_footer');
    function my_custom_footer() { ?>
    <footer role="contentinfo" itemscope itemtype="http://schema.org/WPFooter">
        <?php echo do_shortcode('[fl_builder_insert_layout id="xxx"]'); ?>
    </footer>
    <?php }
  2. Paste your shortcode Premium

    Most Page Builders give you the ability to display a saved row/template with a shortcode. Here are 2 examples:

    Elementor[elementor-template id="xxx"]
    Beaver Builder[fl_builder_insert_layout id="xxx"]

    Make sure to replace xxx with the actual id of your saved row/template. Now, all you need to do is paste your shortcode in the “Custom Footer” area under Footer -> Footer Settings in the WordPress customizer.

    Custom Footer Shortcode area

    Et Voilà! Your custom footer gets displayed on every page of your website.

Custom Footer Text

To customize the text in the footer of the Page builder Framework without using the Premium Addon, you can use the following filters. Simply copy the code snippet below to your child-themes functions.php to get started.

function custom_footer_left() {
    return "Copyright";
}
add_filter( 'footer-column-left', 'custom_footer_left' );

function custom_footer_right() {
    return "Powered by";
}
add_filter( 'footer-column-right', 'custom_footer_right' );

Remove Footer Text

In some cases you may want to remove the default footer text, for instance if you’re using a menu in the footer. To remove the footer text, simply use the filters above and replace return "Copyright"; and return "Powered by"; with return false;.