Kadence Hooked Elements Tutorial: Accurate Insertion and Layout of Content Modules with Ease

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

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:

  1. Content Section: Insert reusable content in different areas of the page
  2. Fixed Section: Fixed at the top, bottom or sidebar of the page and remains visible when the user scrolls
  3. Templates: Replace a part of the website template, such as the header, footer, article layout
  4. 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:
    1. Express (Free Version only, cannot use Hooked Elements Pro features)
    2. Plus (includes Theme Pro features)
    3. Ultimate (most versatile and cost-effective)
Picture [2]-Kadence Hooked Elements using tutorial: easy to realize the accurate insertion and layout of content modules
  • 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
  • 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
  • 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

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
  • 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

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
  • 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

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
  • 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

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
  • 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
  • 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

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
  • 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
  • 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

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

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

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.


Contact Us
Can't read the tutorial? Contact us for a free answer! Free help for personal, small business sites!
Customer Service
Customer Service
Tel: 020-2206-9892
QQ咨询:1025174874
(iii) E-mail: info@361sale.com
Working hours: Monday to Friday, 9:30-18:30, holidays off
© Reprint statement
This article was written by Millie
THE END
If you like it, support it.
kudos1007 share (joys, benefits, privileges etc) with others
commentaries sofa-buying

Please log in to post a comment

    No comments