Kadence Hooked Elements Kadence Theme Pro is a powerful feature that can accurately insert content modules into various locations of the site to achieve flexible layout and dynamic content update, this article introduces the role of Kadence Hooked Elements and configuration steps.
![Picture [1]-Kadence Hooked Elements using tutorial: easy to realize the accurate insertion and layout of content modules](https://www.361sale.com/wp-content/uploads/2025/07/20250709092345360-image.png)
I. What are Kadence Hooked Elements?
Kadence Hooked Elements can add content anywhere on the page, for example:
- Adds a countdown before the Black Friday event and automatically disappears when it starts
- Add a newsletter subscription form to a specific page
- Unique headers for specific product pages
Kadence Theme Four Hooked Elements element types are provided:
- Content Section: Insert reusable content in different areas of the page
- Fixed Section: Fixed at the top, bottom or sidebar of the page and remains visible when the user scrolls
- Templates: Replace a part of the website template, such as the header, footer, article layout
- HTML Editor: Create elements using native HTML code, with flexible control over structure and style.
How to use Kadence Hooked Elements?
Step 1: Upgrade to Kadence Pro
Kadence Hooked Elements is Kadence Theme Pro The Pro version is required before you can use this exclusive feature:
- interviews Kadence official website
- Choose a purchase option:
- Express (Free Version only, cannot use Hooked Elements Pro features)
- Plus (includes Theme Pro features)
- Ultimate (most versatile and cost-effective)
![Picture [2]-Kadence Hooked Elements using tutorial: easy to realize the accurate insertion and layout of content modules](https://www.361sale.com/wp-content/uploads/2025/07/20250709093158922-image.png)
- Go to your Kadence Account Center and download the Kadence Pro plug-in zip file.
![Picture [3]-Kadence Hooked Elements using tutorial: easy to realize the accurate insertion and layout of content modules](https://www.361sale.com/wp-content/uploads/2025/07/20250709093328338-image.png)
- In the WordPress backend select: Plugins > Install Plugin, select the zip file and install it, click "Enable Plugin".
![Picture [4]-Kadence Hooked Elements using tutorial: easy to realize the accurate insertion and layout of the content module](https://www.361sale.com/wp-content/uploads/2025/07/20250709093401820-image.png)
- Enter License Key to activate Pro features
![Picture [5]-Kadence Hooked Elements using tutorial: easy to realize the accurate insertion and layout of content modules](https://www.361sale.com/wp-content/uploads/2025/07/20250709093526699-image.png)
Step 2: Enable the Hooked Elements Feature
- Go to the WordPress backend
- Click Appearance > Kadence
![Picture [6]-Kadence Hooked Elements using tutorial: easy to realize the accurate insertion and layout of content modules](https://www.361sale.com/wp-content/uploads/2025/07/20250709093653794-image.png)
- In the Pro Addons list, turn on "Hooked Elements".
![Picture [7]-Kadence Hooked Elements using tutorial: easy to realize the accurate insertion and layout of content modules](https://www.361sale.com/wp-content/uploads/2025/07/20250709093722214-image.png)
Step 3: Create New Hooked Element
- Go to Appearance > Kadence > Elements and click "Add New" to create a new element.
![Picture [8]-Kadence Hooked Elements using tutorial: easy to realize the accurate insertion and layout of content modules](https://www.361sale.com/wp-content/uploads/2025/07/20250709093820760-image.png)
- Select the element type, e.g. "Content Section".
![Picture [9]-Kadence Hooked Elements using tutorial: easy to realize the accurate insertion and layout of the content module](https://www.361sale.com/wp-content/uploads/2025/07/20250709094228369-image.png)
Step 4: Design your elements
- Click on the "+" to add a block, search for "Table of Contents", select it and add it.
![Picture [10]-Kadence Hooked Elements using tutorial: easy to realize the accurate insertion and layout of content modules](https://www.361sale.com/wp-content/uploads/2025/07/20250709094425902-image.png)
- Set the style and configuration of the catalog block. If you need a template, you can download and import it for free from the Kadence Table of Contents template library.
![Image [11]-Kadence Hooked Elements using tutorial: easy to realize the accurate insertion and layout of content modules](https://www.361sale.com/wp-content/uploads/2025/07/20250709094510460-image.png)
Step 5: Select element placement (Placement)
- Click on "Element Settings" in the upper right corner.
- Select the element position in the Placement drop-down menu
![Picture [12]-Kadence Hooked Elements using tutorial: easy to realize the accurate insertion and layout of content modules](https://www.361sale.com/wp-content/uploads/2025/07/20250709094933164-image.png)
- Put the table of contents before the first H2 title of the article, choose: Inside The Content > Before First Heading Tag
![Image [13]-Kadence Hooked Elements Tutorial: Easy to realize the accurate insertion and layout of content modules](https://www.361sale.com/wp-content/uploads/2025/07/20250709095022428-image.png)
- Priority defaults to 10 and can be reordered as needed.
![Image [14]-Kadence Hooked Elements using tutorial: easy to realize the accurate insertion and layout of the content module](https://www.361sale.com/wp-content/uploads/2025/07/20250709095055595-image.png)
Step 6: Configure Display Settings (Display Settings)
- In the Show On drop-down menu select: Posts > Single Posts
![Image [15]-Kadence Hooked Elements tutorial: easy to realize the content module accurate insertion and layout](https://www.361sale.com/wp-content/uploads/2025/07/20250709095818584-image.png)
- In Select Post By, choose: All (all posts)
![Image [16]-Kadence Hooked Elements using tutorial: easy to realize the accurate insertion and layout of the content module](https://www.361sale.com/wp-content/uploads/2025/07/20250709095934316-image.png)
- If you need to hide, use Exclude Settings > Hide On to set the hide condition.
![Image [17]-Kadence Hooked Elements Tutorial: Easy to achieve accurate insertion and layout of content modules](https://www.361sale.com/wp-content/uploads/2025/07/20250709100030919-image.png)
Step 7: Configure User Visibility
Set Visible Users in the Visible to drop-down menu: All Users
![Image [18]-Kadence Hooked Elements using tutorial: easy to realize the accurate insertion and layout of the content module](https://www.361sale.com/wp-content/uploads/2025/07/20250709100248188-image.png)
Step 8: Publishing elements
Click "Publish" button to publish
![Image [19]-Kadence Hooked Elements Tutorial: Easy to realize the accurate insertion and layout of content modules](https://www.361sale.com/wp-content/uploads/2025/07/20250709100453807-image.png)
III. Summary
Kadence Hooked Elements Provides powerful, professional-grade features to add desired content blocks anywhere on the site, with precise placement based on different user roles, device types, and display conditions, and also supports setting up automatic expiration of hidden elements to help with flexible managementWebsite Layoutwith content display, saving maintenance time and improving overall operational efficiency and user experience.
Link to this article:https://www.361sale.com/en/66425The article is copyrighted and must be reproduced with attribution.






















![Emoji[wozuimei]-Photonflux.com | Professional WordPress repair service, worldwide, rapid response](https://www.361sale.com/wp-content/themes/zibll/img/smilies/wozuimei.gif)
![Emoticon[baoquan] - Photon Wave Network | Professional WordPress Repair Services, Worldwide Coverage, Rapid Response](https://www.361sale.com/wp-content/themes/zibll/img/smilies/baoquan.gif)

No comments