{"id":16684,"date":"2026-02-13T19:43:01","date_gmt":"2026-02-13T19:43:01","guid":{"rendered":"https:\/\/www.kadencewp.com\/help-center\/?post_type=docs&#038;p=16684"},"modified":"2026-04-21T20:00:28","modified_gmt":"2026-04-21T20:00:28","password":"","slug":"hooked-element-shortcodes","status":"publish","type":"docs","link":"https:\/\/www.kadencewp.com\/help-center\/docs\/kadence-theme\/hooked-element-shortcodes\/","title":{"rendered":"How To Use Hooked Element Shortcodes"},"content":{"rendered":"\n<p>Kadence Elements allows custom content to be added throughout a site. Normally, Elements are placed using <strong>Placement Settings<\/strong> or custom hooks. Each Element also has a unique shortcode. This shortcode can be added inside pages, posts, widgets, or templates to display that Element exactly where needed.<\/p>\n\n\n\n<p>Shortcodes follow the Element\u2019s unique ID, for example: <code><\/code>. The ID ensures the correct Element displays.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>What Is A Hooked Element Shortcode?<\/strong><\/h2>\n\n\n\n<p>A shortcode is a small piece of text placed inside the WordPress editor to display dynamic content. Each Kadence Element automatically generates its own shortcode based on its Element ID.<\/p>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading16684_a68024-79, .wp-block-kadence-advancedheading.kt-adv-heading16684_a68024-79[data-kb-block=\"kb-adv-heading16684_a68024-79\"]{margin-bottom:var(--global-kb-spacing-xxs, 0.5rem);font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading16684_a68024-79 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading16684_a68024-79[data-kb-block=\"kb-adv-heading16684_a68024-79\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading16684_a68024-79 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading16684_a68024-79[data-kb-block=\"kb-adv-heading16684_a68024-79\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<p class=\"kt-adv-heading16684_a68024-79 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading16684_a68024-79\">This allows the same Element to be:<\/p>\n\n\n\n<ul style=\"margin-bottom:var(--wp--preset--spacing--30)\" class=\"wp-block-list\">\n<li>Inserted into multiple pages<\/li>\n\n\n\n<li>Reused across different post types<\/li>\n\n\n\n<li>Positioned more precisely than standard placement options allow<\/li>\n<\/ul>\n\n\n\n<p>The shortcode does not replace Display Settings. Instead, it works together with them.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>How To Find The Shortcode<\/strong><\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>In the WordPress dashboard, go to <strong>Appearance &gt; Kadence &gt; Elements<\/strong>.<\/li>\n\n\n\n<li>Locate the desired Element in the list.<\/li>\n\n\n\n<li>Copy the shortcode shown in the <strong>Shortcode<\/strong> column.<\/li>\n<\/ol>\n\n\n<style>.kb-image16684_7f3370-b3 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image16684_7f3370-b3 size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1617\" height=\"553\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2026\/02\/element-shortcode.jpg\" alt=\"Element Shortcode\" class=\"kb-img wp-image-16685\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2026\/02\/element-shortcode.jpg 1617w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2026\/02\/element-shortcode-300x103.jpg 300w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2026\/02\/element-shortcode-1024x350.jpg 1024w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2026\/02\/element-shortcode-768x263.jpg 768w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2026\/02\/element-shortcode-1536x525.jpg 1536w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2026\/02\/element-shortcode-360x123.jpg 360w\" sizes=\"auto, (max-width: 1617px) 100vw, 1617px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>How Display Settings Affect Shortcodes<\/strong><\/h2>\n\n\n\n<p>The <strong><a href=\"https:\/\/www.kadencewp.com\/help-center\/docs\/kadence-theme\/showing-hiding-kadence-elements-settings\/#display-settings\">Element Display Settings<\/a><\/strong> control where an Element is allowed to appear. These settings still apply when using a shortcode.<\/p>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading16684_f44ab5-47, .wp-block-kadence-advancedheading.kt-adv-heading16684_f44ab5-47[data-kb-block=\"kb-adv-heading16684_f44ab5-47\"]{margin-bottom:var(--global-kb-spacing-xxs, 0.5rem);font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading16684_f44ab5-47 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading16684_f44ab5-47[data-kb-block=\"kb-adv-heading16684_f44ab5-47\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading16684_f44ab5-47 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading16684_f44ab5-47[data-kb-block=\"kb-adv-heading16684_f44ab5-47\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<p class=\"kt-adv-heading16684_f44ab5-47 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading16684_f44ab5-47\">Elements can be limited to:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Specific pages or posts<\/li>\n\n\n\n<li>Certain post types<\/li>\n\n\n\n<li>Entire site<\/li>\n<\/ul>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading16684_f8eeb6-af, .wp-block-kadence-advancedheading.kt-adv-heading16684_f8eeb6-af[data-kb-block=\"kb-adv-heading16684_f8eeb6-af\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading16684_f8eeb6-af mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading16684_f8eeb6-af[data-kb-block=\"kb-adv-heading16684_f8eeb6-af\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading16684_f8eeb6-af img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading16684_f8eeb6-af[data-kb-block=\"kb-adv-heading16684_f8eeb6-af\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<p class=\"kt-adv-heading16684_f8eeb6-af wp-block-kadence-advancedheading has-theme-palette-8-background-color has-background\" data-kb-block=\"kb-adv-heading16684_f8eeb6-af\"><strong>Important:<\/strong> If the page does not match the Element\u2019s Display Settings, the shortcode will not display anything. Most shortcode issues are caused by visibility rules, not the shortcode itself.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>How To Create A Shortcode For Universal Use<\/strong><\/h2>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading16684_92f552-08, .wp-block-kadence-advancedheading.kt-adv-heading16684_92f552-08[data-kb-block=\"kb-adv-heading16684_92f552-08\"]{margin-bottom:var(--global-kb-spacing-xxs, 0.5rem);font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading16684_92f552-08 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading16684_92f552-08[data-kb-block=\"kb-adv-heading16684_92f552-08\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading16684_92f552-08 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading16684_92f552-08[data-kb-block=\"kb-adv-heading16684_92f552-08\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<p class=\"kt-adv-heading16684_92f552-08 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading16684_92f552-08\">If the goal is to use the same Element in multiple locations:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Open the Element under <strong>Appearance &gt; Kadence &gt; Elements<\/strong>.<\/li>\n\n\n\n<li>Scroll to <strong>Display Settings<\/strong>.<\/li>\n\n\n\n<li>Set the rules to show <strong>Entire Site<\/strong>.<\/li>\n\n\n\n<li>Save the Element.<\/li>\n<\/ol>\n\n\n\n<p>This setup allows the shortcode to work anywhere it is inserted. Display conditions, such as user or device visibility, can still be applied when needed.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>How To Insert A Hooked Element Shortcode<\/strong><\/h2>\n\n\n\n<p>Shortcodes can be inserted inside the WordPress Block Editor.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Insert Into A Page Or Post<\/strong><\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Open the page or post in the editor.<\/li>\n\n\n\n<li>Add a <strong>Shortcode<\/strong> block. <em>(<strong>Paragraph<\/strong> blocks can also be used.)<\/em><\/li>\n\n\n\n<li>Paste the Element shortcode.<\/li>\n\n\n\n<li>Click <strong>Update<\/strong> or <strong>Publish<\/strong>.<\/li>\n\n\n\n<li>View the page on the front end to confirm it displays correctly.<\/li>\n<\/ol>\n\n\n<style>.kb-image16684_ddf9f9-b2 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image16684_ddf9f9-b2 size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1430\" height=\"665\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2026\/02\/using-element-shortcode.jpg\" alt=\"Using an Element Shortcode\" class=\"kb-img wp-image-16686\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2026\/02\/using-element-shortcode.jpg 1430w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2026\/02\/using-element-shortcode-300x140.jpg 300w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2026\/02\/using-element-shortcode-1024x476.jpg 1024w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2026\/02\/using-element-shortcode-768x357.jpg 768w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2026\/02\/using-element-shortcode-360x167.jpg 360w\" sizes=\"auto, (max-width: 1430px) 100vw, 1430px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Kadence Elements allows custom content to be added throughout a site. Normally, Elements are placed using Placement Settings or custom hooks. Each Element also has a unique shortcode. This shortcode can be added inside pages, posts, widgets, or templates to display that Element exactly where needed. Shortcodes follow the Element\u2019s unique ID, for example: &#8230;.<\/p>\n","protected":false},"author":148263,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"doc_category":[11],"doc_tag":[],"knowledge_base":[6],"class_list":["post-16684","docs","type-docs","status-publish","hentry","doc_category-kadence-elements","knowledge_base-kadence-theme"],"year_month":"2026-04","word_count":366,"total_views":"574","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"display_name":"victormonk","author_link":"https:\/\/www.kadencewp.com\/help-center\/author\/victormonk\/"},"doc_category_info":[{"term_name":"Kadence Elements","term_url":"https:\/\/www.kadencewp.com\/help-center\/knowledge-base\/kadence-theme\/kadence-elements\/"}],"doc_tag_info":[],"knowledge_base_info":[{"term_name":"Kadence Theme","term_url":"https:\/\/www.kadencewp.com\/help-center\/knowledge-base\/kadence-theme\/","term_slug":"kadence-theme"}],"knowledge_base_slug":["kadence-theme"],"taxonomy_info":{"doc_category":[{"value":11,"label":"Kadence Elements"}],"knowledge_base":[{"value":6,"label":"Kadence Theme"}]},"featured_image_src_large":false,"comment_info":0,"_links":{"self":[{"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs\/16684","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/users\/148263"}],"replies":[{"embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/comments?post=16684"}],"version-history":[{"count":1,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs\/16684\/revisions"}],"predecessor-version":[{"id":16687,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs\/16684\/revisions\/16687"}],"wp:attachment":[{"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/media?parent=16684"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/doc_category?post=16684"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/doc_tag?post=16684"},{"taxonomy":"knowledge_base","embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/knowledge_base?post=16684"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}