{"id":1038,"date":"2020-11-13T16:55:02","date_gmt":"2020-11-13T23:55:02","guid":{"rendered":"https:\/\/kadence-theme.com\/?post_type=knowledgebase&p=1038"},"modified":"2026-04-22T16:02:32","modified_gmt":"2026-04-22T16:02:32","password":"","slug":"use-element-hooks","status":"publish","type":"docs","link":"https:\/\/www.kadencewp.com\/help-center\/docs\/kadence-theme\/use-element-hooks\/","title":{"rendered":"How to use Element Hooks"},"content":{"rendered":"\n

One of the features that Kadence Theme Kit Pro<\/a> adds to the Kadence theme is called Hooked Elements<\/strong> (or Element Hooks) which provides an interface to build an element using the WordPress Gutenberg editor (or custom code) and hook it to one of the several locations on your site’s pages so it appears exactly where and when you want.<\/p>\n\n\n\n

In short, element hooks allow you to add content in different areas of a page, with unlimited customization options.<\/p>\n\n\n\n

One possible use case would be for adding a notification bar above the site header for announcements that automatically expire after a set date for seasonal banners.<\/p>\n\n\n\n

Here’s a detailed walkthrough on how an affiliate disclosure text can be automatically added above the entry content for all posts that have a specific tag:<\/p>\n\n\n\n

Step 1<\/h2>\n\n\n\n

Install and activate the Kadence Theme Kit Pro plugin. It is included in Kadence Plans<\/a> and can also be purchased individually.<\/p>\n\n\n\n

Enter your license key and email at Appearance > Kadence if you have not already.<\/p>\n\n\n\n

Enable Hooked Elements<\/strong><\/code>.<\/p>\n\n\n

\n
\"Kadence<\/figure><\/div>\n\n\n

Step 2<\/h2>\n\n\n\n

Click on the Customize link to be taken to the Elements page. This page can be reached via Appearance > Kadence > Elements.<\/p>\n\n\n\n

Click Add New<\/strong> to add a new element.<\/p>\n\n\n

\n
\"Adding<\/figure><\/div>\n\n\n

Here you are presented with four options.<\/p>\n\n\n\n

CONTENT SECTION<\/strong> lets you build the element using the Customizer blocks.<\/p>\n\n\n\n

FIXED SECTION<\/strong> allows you to create content that is fixed to your site.<\/p>\n\n\n\n

TEMPLATE<\/strong> lets you make templates that replace sections like a sidebar or page.<\/p>\n\n\n\n

HTML EDITOR<\/strong> lets you build your element using HTML code.<\/p>\n\n\n\n

In this example, we shall go with the CONTENT SECTION.<\/p>\n\n\n

\n
\"Kadence<\/figure><\/div>\n\n\n

Enter a title and the content for your element.<\/p>\n\n\n\n

Click on the Element Settings icon next to the gear icon near the top right.<\/p>\n\n\n

\n
\"Kadence<\/figure><\/div>\n\n\n

Configure the element’s behavior by selecting where it should appear.<\/p>\n\n\n

\n
\"Configuring<\/figure><\/div>\n\n\n

In this example, we have set the element to be added before entry content on all single posts that are tagged Kadence<\/code>.<\/p>\n\n\n\n

The screenshot below shows all the options in the Display Settings<\/strong>‘ Show On dropdown:<\/p>\n\n\n

\n
\"Element
The last \u201cSingle Simple URLs\u201d is a Custom Post Type in our demo site<\/figcaption><\/figure><\/div>\n\n\n

The screenshot below shows all the options in the Placement<\/strong> dropdown:<\/p>\n\n\n

\n
\"Kadence<\/figure><\/div>\n\n