General – Kadence

Adding Widgets To Footers In Kadence

Estimated reading: 2 minutes 88 views

One of Kadence’s greatest strengths is its flexibility, in this case it allows you to easily customize the footer to suit your needs. You have the freedom to incorporate elements such as social icons, an about section, disclaimers, a categories widget, an archives widget, a search widget, and more.

This option circumvents the use of Kadence Element Hooks, a feature exclusive to Kadence Pro users, making it an incredible creative workaround. Here we have two examples from our Podcast theme and Delicious theme:

Podcast theme Footer Widgets

Customizer Widgets

customizing footer widgets

Footer Widgets

podcaster footer4 1

Delicious theme Footer Widgets

Customizer Widgets

customizing footer widgets

Footer Widgets

customizing footer widgets

Organizing Widgets & Footers

In the Appearance > Widgets, the Footers equate to Widgets in the customizer, so adding a specific design in Footer 1 in Appearance > Widgets can also mean Widget 1 in Appearance > Customizer > Footer. It makes sense to keep elements in sequential order, ie Footer 1 and Widget 1.

To create your designs, you can do them in Appearance > Customizer > Footer or Appearance > Widgets. Either way, you can add text, custom HTML, menus, social icons, etc. We prefer to work in Appearance > Widgets because it’s clearer to create designs. Once designed, head over to Appearance > Customizer > Footer to drag the widget into your row place setting.

Click Publish and check your website.

Since this is configured in your footer, it will appear on all posts and pages. This is where Kadence Element Hooks proves invaluable, as it allows you to disable the footer for specific posts and pages as needed.

Leave a Reply

Your email address will not be published. Required fields are marked *

Share this Doc

Adding Widgets To Footers In Kadence

Or copy link

CONTENTS

Join The Party For Fun Updates freebies & Big Discounts!

Add your name
Add your email

JoiN Glamsy Cloud! Free STUNNING Kadence Templates Included!

Start with 5 gorgeous Kadence blocks on us. Love them? Unlock ‘50 FREE FOREVER‘ that’s 50 more free blocks just for choosing any essential tool from our trusted fav stack!

Grab Your Free Templates

Terms Of Use FAQs

Payment FAQs

Order FAQs

Support FAQs

Popular Pre-Sales FAQs

Redesigning FAQs

Adding A Sticky Sidebar Using CSS

If you prefer using custom code to create a sticky sidebar, create or edit a pag

Scroll To Top Using Code Using CSS

First, add the button HTML somewhere on your webpage, ideally at the bottom of t

Choose Your Hosting

Like many people, we started our online journey with one of the big-name hosts—a

Start Here

Glamsy Designs is thrilled to introduce a new documentation system that makes ac

Frequently Asked Questions

Creating Sticky Sidebars Using CSS

We are covering three ways of creating sticky sidebars using Kadence, CSS code,

Chat Icon Close Icon
Review Your Cart
0
Add Coupon Code
Subtotal

 

Subscribe

×
Cancel