Set up the footer

WoodMart supports two ways to build a footer. The recommended method is to create the complete footer as an HTML Block with Gutenberg, Elementor, or WPBakery because it provides greater design flexibility. You can also build the footer with standard WordPress widgets and a predefined column layout.

Choose a footer method

Navigate to Theme Settings -> Footer to enable the footer and choose its content type.

• HTML Block: the recommended method. It provides complete control over the footer structure, content, responsive behavior, and styling through your page builder.
• Widgets: uses standard WordPress widgets arranged in a predefined column layout.

Create a footer with an HTML Block

An HTML Block footer can contain columns, menus, newsletter forms, social links, images, payment icons, banners, and any other elements available in your selected page builder.

1. Navigate to Dashboard -> HTML Blocks -> Add New.
2. Enter a descriptive title and build the complete footer with Gutenberg, Elementor, or WPBakery.
3. Configure the layout for desktop, tablet, and mobile devices, then publish the HTML Block.
4. Navigate to Theme Settings -> Footer.
5. Make sure the Footer option is enabled.
6. Set Footer content to HTML Block.
7. Select the published block in the HTML Block field and save Theme Settings.

For more information about creating and reusing HTML Blocks, see the HTML Blocks usage guide.

Collapsible content on mobile

The Collapse widgets on mobile setting does not control content created inside an HTML Block. To create collapsible sections in an HTML Block footer, use an Accordion, Toggle, or another suitable element provided by your page builder.

Create a footer with widgets

The widget-based method uses a predefined footer layout. Each column in the selected layout creates a corresponding footer widget area in WordPress.

1. Navigate to Theme Settings -> Footer.
2. Make sure the Footer option is enabled.
3. Set Footer content to Widgets.
4. Select a structure in Footer layout and save Theme Settings.
5. Navigate to Appearance -> Widgets.
6. Add content to the generated Footer Column widget areas.

For example, the Three Columns layout creates three footer widget areas. You can place standard WordPress widgets or a WoodMart HTML Block widget in each area. However, when the entire footer requires a custom design, selecting one HTML Block as the footer content is usually more straightforward.

Footer style and behavior

The following options are available in Theme Settings -> Footer.

• Footer background: sets the background color or image for the main footer area.
• Footer text color: selects the Default, Dark, or Light color scheme for footer text.
• Sticky footer: displays the footer behind the page content and reveals it when the visitor reaches the bottom of the page.
• Collapse widgets on mobile: collapses footer widget areas on mobile devices and opens them when visitors select their titles. This setting applies only to the Widgets footer content type.
• Scroll to top button: displays a button that returns visitors to the top of the page.

Copyrights

The Copyrights section is displayed below the main footer. Navigate to Theme Settings -> Footer -> Copyrights to configure it.

1. Enable the Copyrights option.
2. Set Copyrights layout to Two columns or Centered.
3. Add the primary content to Copyrights text.
4. For a two-column layout, add optional secondary content to Text next to copyrights.
5. Save Theme Settings.

Both content fields support shortcodes. The secondary field can be used for payment icons, social buttons, an HTML Block shortcode, or other supplementary content.

Prefooter

The prefooter is an optional content area displayed immediately before the main footer. Navigate to Theme Settings -> Footer -> Prefooter to configure it.

1. Set Prefooter content to Text or HTML Block.
2. If Text is selected, enter the content in the Text field.
3. If HTML Block is selected, choose a published block in the HTML Block field.
4. Save Theme Settings.

Disable footer sections on individual pages

WoodMart lets you override the global footer configuration for individual pages. Edit the required page, open its WoodMart page settings, and use Disable footer, Disable prefooter, or Disable copyrights as needed.