Building the site footer

How to create a site footer

Before creating a site footer, enable the page builder for the footer_post post type
How to enable page builder for custom post types

You can import pre-made footers from demo data or create them manually.

  1. Navigate to KSF SmartKit > Footers tab in your WordPress admin sidebar and click Add new footer.
  2. Enter the footer title (e.g. “My site footer”) into the title field.
  3. Add a content to your footer using WPBakery Page Builder (see more on how to use the page builder here).
  4. Click on the Publish button.

Creating a footer layout

  1. Click Add Element button in the WPBakery Page Builder frame .
  2. Search for Section in the add element pop-up window and click on it to add it. When you add Section element, the Row element is added automatically.
  3. Choose the row layout by clicking on the Three horizontal lines icon in the left top corner of the Row element. Common layout is three or four equal columns.
  4. Click on the Pencil icon in the right top corner of Row element or in the right top corner of  Section element to show the settings window of these components.

Create the copyright section the same way, if necessary.

doc-footer-1

Adding a footer menu

Create a menu in WordPress by visiting Appearance > Menus in your WordPress admin area.
Provide a name for your menu, e.g. “Footer menu” and then click on the Create menu button.
Menus in SmartKit are created the same way as in WordPress.

  1. Click on the + button inside the column, into which you want to add the menu.
  2. Search for Vertical menu in the add element pop-up window and click on it to add it to the footer.
  3. Choose “Footer menu” from the menu list and set other options in settings window.
  4. Click on the Save changes button.

Adding a social links

Create social icons to add direct links to your own social network profiles.

  1. Click on the + button inside the column, into which you want to add the social links.
  2. Search for Icon in the add element pop-up window and click on it to add it into the column.
  3. Choose an Icon (e.g. facebook icon), enable Add link and enter The link url in settings window.
  4. Go to Box model tab in the settings window and set Margin bottom to 0 and Margin right to Medium.
  5. Set other options in the window and save changes.
  6. Add more icons to the column the same way.

Adding “To top” button

  1. Click on the + button in the WPBakery Page Builder frame.
  2. Search for Scroll Top in the add element pop-up window and click on it to add it.
  3. Choose Size, Icon and adjust other style options in the settings window.
  4. Save changes.

How to apply the footer to specific pages

To apply new footer to specific pages or posts layout, see Layout settings section.

Go back to documentation