Kadence Theme Tutorial - How to Use Element Hooks for Endless Customization
ฝัง
- เผยแพร่เมื่อ 10 ก.ค. 2024
- In this tutorial, learn how to use Kadence Element Hooks for endless customization on your website built with the Kadence Theme.
📘 Full blog post: startblogging101.com/how-to-u...
TABLE OF CONTENTS
0:00 Intro
0:45 Kadence Element Hooks Overview
3:12 Setup
4:52 Create Element Content
7:50 Choose Element Hooks Placement (Required)
9:47 Configure Display Settings (Required)
13:44 Configure User Settings (*Now Required*)
16:17 Set Expires Settings (Optional)
18:40 Publish Kadence Element
21:02 Outro
I'll teach you exactly how to use Kadence Element Hooks for endless customization on your WordPress website. Element Hooks, or Hooked Elements, are similar to Custom Layouts offered by Astra or Elements offered by GeneratePress, but even better. Kadence Element Hooks is one of many Kadence Theme Pro features that come with a Kadence Membership. Let me know if you like Kadence Hooked Elements better than Astra Custom Layouts or GeneratePress Elements!
I'll guide you through the process of automatically adding an affiliate disclosure to all of your blog posts that have affiliate links on them using Kadence Element Hooks so you no longer have to manually add it every time.
------
✅ Kadence Membership (Includes Kadence Theme Pro + Kadence Blocks Pro + ALL Kadence Plugins - BEST VALUE): startblogging101.com/kadence-... (10% OFF Use Code SB10OFF)
✅ Kadence Theme Pro: startblogging101.com/kadence-pro (10% OFF Use Code SB10OFF)
✅ Free Kadence Theme download: startblogging101.com/kadence
🖥 SiteGround Hosting (Best Shared WordPress Hosting): siteground.com/go/startbloggi... (SAVE 60%)
I’d love it if you joined my completely free Start Blogging 101 Community Facebook Group where we discuss all things blogging. It’s brand new and something I’ve wanted to build for a long time. Come join and say hi!
👋 Start Blogging 101 Facebook Community: / startblogging101
👉 Start Blogging 101 Facebook Page: / startblogging101
My channel is supported by my viewers. If you purchase through a link in my description, I may earn a commission which allows me to continue providing tutorials and content for all of you. I appreciate all your support!
Hey all! There are a few updates to Kadence element hooks since I've made the video that I want to make you aware of:
1. There are now "Fixed" elements as one of the options to choose from which allow you to create a sticky element that stays on your screen as you scroll down. I'll be making a separate video for this.
2. Within the element settings, there is now a "Device Settings" section where you can specify whether you want the element to show on desktop, tablet, or mobile.
3. I mentioned that setting "user settings" isn't required. User Settings are now required. You will see an [UNSET] label on your element section if something still needs to be set.
I hope that helps clear up some of the confusion from recent updates!
Excelent material. Gutenberg is truly the future of wordpress, pretty soon you'll explore here on youtube man. Keep going.
Hey, I really appreciate it! Gutenberg absolutely is the future and tons of people are switching over from third-party page builders. There's a lot more content I have planned. Thanks for the kind words!
@@StartBlogging101Hello could you please share the link for making an ecommerce website using kadence Gutenberg blocks free version tutorial showing 1. how to add account icon for customer login, 2. Forced login/signup before checkout, 3. Adding variable prices or lets say dynamic prices that auto calculates based on number and variant of products in cart,
4. Do we need additional plugins for these things or it can be done with the theme and woocommerce settings itself, 5. How many plugins are not too much to slow down the speed of website...please guide ASAP
I really think this is a feature which could use more attention. To be able to add content, disclaimers, even links to certain posts or pages - and to be able to update those simply by editing the Element Hook's page - is huge. One feature most themes are still missing is the Conditional Header Menu, where the header menu(s) change for, say, a logged in user. Watching your video got me thinking that an Element Hook could be used to add a small, members-only menu could be added above or below the header on logged-in pages.
You're right. Element hooks are easily one of the most powerful features and I think most people don't understand their power. Word on the street is that there's a fantastic feature coming to Kadence around conditional headers, so you wish may be granted once it's released :)
Thank you for this tutorial. I love the content BUT it took me 8 minutes long to start watching what this tutorial is about which is the Element Hooks (long introduction). This tutorial could’ve been more attractive by being a lot shorter. Thank you again.
I appreciate the helpful feedback! I've been working on shorter introductions. Many of my newer videos have shorter intros before getting into the content.
Great video Jake, been looking for up to date Kadence How To vids...Great content.
Awesome! Glad to hear I could help out with that. There will be quite a bit more coming, so stay tuned.
This channel needs to grow 👍
Thanks, Namit! I'm working on it ;)
Excellent tutorial
Appreciate it, Tom!
Subbed. I was missing a timetable for the video. So I have scanned the blog for a understanding about hooks in Kadence. Keep up the great work!
Thank you for subbing - appreciate it! Yes, I do have the full blog post listed in the description which will always be the most up-to-date piece about Kadence Element Hooks :)
I am thrilled that I found this on FB today. I am interested in trying out the Kadence theme, but I have not tried it yet. Thank you for this fantastic Kadence video tutorial. I learned a lot.
Hey Jim! I appreciate you taking the time to watch it and also for subscribing. When you get some time, definitely try the Kadence theme out even on a test site. I think you'll be amazed at the features it offers and how easy it is to use compared to other WordPress themes.
@@StartBlogging101 I am planning on giving the Kadence theme a try. I will try the free theme at first.
@@jimjuris The free Kadence theme is packed with more features than you get with most paid WordPress themes so I think you will enjoy it.
@@StartBlogging101 That is good to know. Thank you very much. Can I make a blog and a regular type of website or just one or the other?
@@jimjuris Yes, you can make a blog and a regular type of website! You can create a website that has a blog page with all your blog posts and then other pages such as your home, about, services, contact, or whatever you need.
Brilliant, thanks!
You're welcome, Mark! Appreciate the comment.
thanks for sharing, great intro
Hey, thanks a lot Martin! Glad you enjoyed it!
Great video... Waiting for more videos... Already subscribed your channel and thank you so much for your detailed explanation
Hey Faisal! Thanks so much for the compliment :) I'm looking forward to making even more tutorials.
thank you!
Welcome!
Great tutorial. Pls would you make a detailed tutorial video on how to build an affiliate website using the kadence theme? I believe this amazing theme is going places and people would be interested in very practical application like this.
I have searched endlessly on youtube for videos like the one am requesting for. Thanks a lot for considering it. Am subbed.
Thanks for the comment and for subbing, Obinna! Rumor is that the Kadence WP team is working on creating an affiliate site as one of their starter templates that you could import using their plugin. I'm not sure when it will be coming, but probably sometime in the next 2 months. I absolutely agree it's a fantastic idea for the Kadence Theme.
That being said, I will be making more tutorials down the line and will keep that in mind to try to make one of my own at some point.
good job
Thanks a lot, Susan! Good to see you here!
Greetings. Great video. One question: If I wish, can I, for example, create a custom footer for only blog posts and have that footer replace the default one? Can I do it with this function of kadence pro? Thanks.
Hey Carlos! Yep, absolutely. You can create a custom footer made using blocks and completely replace the footer for all your blog posts using the "Replace Footer" hook. In fact, we have an entire library of pre-built templates including some wireframe footers. We'll be adding even more designs, but you can check that out as well: startbloggingblocks.com/
Thank you please make a tutorial on how to create - Related post links using element hook like - You May Like - And then links related to that particular category. The default one from kadence doesn't look good.
Great video thanks. Would it be possible for cpt taxonomies to be used as rules for displaying too?
Hey Amanda! Yes, CPT taxonomies can be used as rules for displaying as well :) Here's a recording directly from the Kadence support team showing just that: share.getcloudapp.com/v1uxqrO1
"Stupid Sexy Jake"
lol, thanks for the video
Thanks for the neat tutorial. Well explained. Useful feature...but how do I get it to close after users click on the learn more button in your example.
Hey Terence! Glad you enjoyed the tutorial. What exactly would you want to close after clicking learn more?
@@StartBlogging101 I mean based on your example. After the user read the affiliate notification, then they click on the Learn More button. Can we close the hook so it doesn't appear again?
@@aiforagents There isn't currently an option to do that. It would most likely require some JavaScript to be run to hide the hook when the user clicks the link. That being said, you wouldn't want to hide an affiliate disclosure. It should be showing at all times on any blog post that contains affiliate links.
@@StartBlogging101 thanks for clarifying. Have a nice day!
@@aiforagents No problem, happy to help! Enjoy your week :)
Is it possible to create a newsletter with Elements Hooks ?
Do you mean a newsletter sign up form? If so, of course :) There are a ton of examples you could do - you could use the 'Form' block from Kadence Blocks and create a newsletter signup form in your sidebar on whichever posts/pages you want. You could also create a "Sign up for the Newsletter" CTA section using the Form block that shows up in the beginning/middle/end of your blog posts. There are a ton of potential use cases.
Seems to be no WPML support for this :(
I like the way you tutor, but your screens are too blurry.
This video was made before I had messed around with some video resolution settings. I'm curious if you watch a more recent video if it's clearer for you. Please let me know!
Don't be scared to make a shitload of kadence tutorials my friend...like the nitty gritty shit ;)
Haha you got it, dude!
Totally outdated already.
Hey Jim! I'm curious if you could let me know what's all outdated. I created a pinned comment with a few small changes that have happened since I created the video (nothing major), but about 95% of the video is still accurate and relevant.