Kadence Tutorial: How to Create an E-commerce Website in WordPress with Kadence.

  Рет қаралды 26,647

CliftonWP

CliftonWP

Күн бұрын

In this video, you are going to learn how to build a custom e-commerce website using the Kadence Theme, Kadene Blocks and WordPress. We are going to go from start to finish using completely free tools. If you would like to follow along with this Kadence e-commerce tutorial, I have included the product images and featured images I used in the link below under “Awesome Tools I used for this tutorial”. Feel free to download them. Like this tutorial, and the tools we are using, they are free! Enjoy!
Timestamps:
0:00 How to make an eCommerce Website with Kadence
0:45 Overview
3:46 Getting Started: Installing Kadence & Kadence Blocks
7:09 How to install and Configure WooCommerce
11:40 How to create products and product categories
16:41 How to customize the single product page with Kadence
25:09 How to create your site menu and navigation
28:47 How to create the eCommerce Website Homepage Hero Section
40:43 How to create the benefits section
46:59 How to add product category tiles to the homepage
01:02:49 How to add handpicked products to the homepage with Woocommerce
01:09:09 How to create a standout category section on the homepage
01:20:02 How to duplicate sections for the homepage
01:28:52 How to create the opt-in section on the homepage
01:40:28 How to build and customize the eCommerce footer in Kadence
01:54:56 Final Cleanup: Customize Category Page, Cart Page, and Checkout Page
01:58:17 How to set up credit card payments with Stripe in Woocommerce
02:06:25 Thank you and Subscribe for the Kadence Pro Version!
🧰TOOLS I USED IN THIS TUTORIAL
✅Download Product Images - cliftonwp.com/ecommerce-tutor...
✅ WordPress CMS: FREE
✅ Gutenberg Block Editor: FREE
✅ Kadence Free Theme: FREE
✅ Kadence Blocks: FREE
✅ Domain & Hosting by Siteground: cliftonwp.com/host
🧰 FAVORITE WEBSITE BUILDING TOOLS
✅ Kadence Theme Pro - cliftonwp.com/kadence
✅ Kadence Blocks Pro - cliftonwp.com/kadence-blocks
✅ Kadence Conversions - Kadence Pro Bundle - cliftonwp.com/kadence
✅ Domain & Hosting by Siteground: cliftonwp.com/host
✅ WordPress CMS: FREE
✅ Gutenberg Block Editor: FREE
✅ Kadence Free Theme: FREE
✅ Kadence Blocks: FREE
🏆RECOMMENDED EMAIL MARKETING PROVIDER
✅ Mailerlite: cliftonwp.com/mailerlite
🏆 BEST HOSTING COMPANY
✅ Siteground: cliftonwp.com/host
✅ WP Engine (Premium managed hosting): cliftonwp.com/wprocket
🏆 BEST PRO GUTENBERG BLOCK PLUGINS
✅ Kadence Blocks: cliftonwp.com/kadence-blocks
⭐ RECOMMENDED PRO WORDPRESS THEMES
✅ Kadence Premium Theme: cliftonwp.com/kadence
✅ Astra Pro: cliftonwp.com/astra
⭐RECOMMENDED PRO FORM PLUGINS
✅ Gravity Forms cliftonwp.com/gravityforms
✅ Fluentforms : cliftonwp.com/fluentforms
🏆 BEST SPEED PLUGIN
✅ WP Rocket: cliftonwp.com/wprocket
⭐ BEST WORDPRESS PAGE BUILDER
✅ Beaver Builder: cliftonwp.com/beaver-builder
⭐ BEST COMING SOON PLUGIN
✅ SeedProd: cliftonwp.com/seedprod
AFFILIATE DISCLOSURE
Please note that any links within this video and its description may contain affiliate links which means that if you click on one of the product links and purchase a product, I may receive a small commission. The commission does not increase the price you pay for the product and you can always purchase directly from the source. By using my affiliate link, you are supporting the work of the channel and I thank you for that.
Lastly, All of the opinions in this video are my own. I did not receive any compensation for making this video. Thank you for watching and thank you for your support!
#cliftonwp #kadence #kadenceblocks #woocommerce

Пікірлер: 201
@pistolpete19761
@pistolpete19761 2 жыл бұрын
Thank you Clifton. Amazing turtorial. I am looking forward to more Kadence + Kadence blocks turtorials.
@CliftonWP
@CliftonWP 2 жыл бұрын
Thank you, Thomas! I appreciate you watching and more to come!
@mathieu1607
@mathieu1607 Жыл бұрын
Clifton, thank you very much. The tutorials are perfect. Kadence is a great !
@CliftonWP
@CliftonWP Жыл бұрын
Glad you like them! Thank you very much!
@dinukakularathna2824
@dinukakularathna2824 2 жыл бұрын
Wow. Very Useful Video. Good explanation and easy to understand. Thank you Clifton!
@targetshooter3751
@targetshooter3751 Жыл бұрын
Wow! This is by far the BEST Guide on the internet! All meat and potatoes, with no BS fluff - right to the point. I printed out a copy of your TIMELINE first, to keep me on track amid my distractions. Works Great! Thanks for teaching me so much in such a short time. You are the best.
@CliftonWP
@CliftonWP Жыл бұрын
Thank you very very much! I appreciate you!
@prinso83
@prinso83 2 жыл бұрын
Thank you, Clifton. Great tutorial. very clear explanation for each step :)
@CliftonWP
@CliftonWP 2 жыл бұрын
You're very welcome!
@janicelau521
@janicelau521 Жыл бұрын
Wow, thank you so much for this video!!! Sooo incredibly helpful and so thorough!
@CliftonWP
@CliftonWP Жыл бұрын
Thank you very much Janice! I appreciate you watching!
@mikolajnomikolaj5970
@mikolajnomikolaj5970 Жыл бұрын
Love it man keep producing about Kadence I absolutely love it!
@CliftonWP
@CliftonWP Жыл бұрын
Thanks! Will do!
@whatamiwitnessing1003
@whatamiwitnessing1003 2 жыл бұрын
WOW, didn't know someone as amazing as you existed, thank you so much for providing a tutorial like this for free. Really helpful for a WordPress newbie.
@CliftonWP
@CliftonWP 2 жыл бұрын
You are very welcome and thank you!
@saudiad
@saudiad 2 жыл бұрын
Yes it is ❤️❤️❤️
@user-lb9kk1te3x
@user-lb9kk1te3x Жыл бұрын
Amazing tutorial, I was able to build a website exactly as you show easily, it's my first time building an online store, I think you're the best guide on KZbin, thank you.
@CliftonWP
@CliftonWP Жыл бұрын
Thank you so much and I appreciate you watching! 🙂
@MsBob575
@MsBob575 2 жыл бұрын
TY much. Really well done. Love your presentation style!
@CliftonWP
@CliftonWP 2 жыл бұрын
Thank you very much Sam! I appreciate you watching!
@creationmsktours9698
@creationmsktours9698 2 жыл бұрын
I really enjoyed designing alongside you. You are the best teacher
@CliftonWP
@CliftonWP 2 жыл бұрын
Thank you! I appreciate that!
@juliocesarsobrino6248
@juliocesarsobrino6248 Жыл бұрын
Amazing my friend!! Thank you very much :)
@CliftonWP
@CliftonWP Жыл бұрын
Thank you Julio! I appreciate you watching!
@raccoon7557
@raccoon7557 2 жыл бұрын
Awesome work! Five stars coach.
@CliftonWP
@CliftonWP 2 жыл бұрын
Thank you so much! I appreciate you watching!
@CreativeSoulTV
@CreativeSoulTV Жыл бұрын
I'm a newbie to making websites and want to thank you for making this tutorial which is easy to follow because of your teaching style. I appreciate the fact that you are using this same layout on your other videos showing how we can add to it. I'm using the Free version of Kadence and will use your links when I decide to purchase the paid version or any plug-ins. - Thanks again for your time and hard work!
@CliftonWP
@CliftonWP Жыл бұрын
Thank you very much! Very glad you found the video helpful!
@drishtys
@drishtys Жыл бұрын
@@CliftonWP great tutorial! Could you please share the link of your video to mske a jewellery ecommerce website with free kadence +woocommerce here ASAP?
@drishtys
@drishtys Жыл бұрын
@@CliftonWP where to get the model images with pur products if not using template webpages?
@TomaszWnuk
@TomaszWnuk Жыл бұрын
woow, love the way you explain and show step by step..
@CliftonWP
@CliftonWP Жыл бұрын
Thank you so much 🙂 I appreciate you watching!
@ahmedmaazouzi-shorttips8913
@ahmedmaazouzi-shorttips8913 8 ай бұрын
You are the G.O.A.T. Thank you very much
@CliftonWP
@CliftonWP 8 ай бұрын
Thank you so much! I appreciate you!
@Shoesinkart
@Shoesinkart 6 ай бұрын
You're such a Gem 💎 . No timepass, hust straight to the points and great way to teach. ❤ You earned my respect
@CliftonWP
@CliftonWP 6 ай бұрын
Thank you so much! I appreciate you!
@drishtys
@drishtys 5 ай бұрын
​@@CliftonWPyes indeed you are a gem, can you please share the link of how to add icons of buttons like search, account/login, wishlisht etc for header of a WordPress website using kadence free version? Is there any plugin for the same? (Please note its not kadence pro just for the free version of kadence)?
@alkattibb
@alkattibb 5 ай бұрын
Excellent and wonderful explanation, I thank you very much for this beautiful explanation. 👍 ✅ 👑
@alexfullerton8099
@alexfullerton8099 2 жыл бұрын
Great video, Clifton!
@CliftonWP
@CliftonWP 2 жыл бұрын
Thank you Alex!
@damonelsun4974
@damonelsun4974 Жыл бұрын
I learn a lot from this video, I was totally lost before reviewing this video, I'm now going to purchase the Kadence from your link.
@CliftonWP
@CliftonWP Жыл бұрын
Wow Damon! Thank you so much! I appreciate you watching the video and I am grateful for your support! Thank you!
@PilatesinSacramento
@PilatesinSacramento 2 жыл бұрын
Beautiful site, Clifton! 🙏
@CliftonWP
@CliftonWP 2 жыл бұрын
Thank you! Much appreciated!
@hermanpinto9244
@hermanpinto9244 2 жыл бұрын
Formidable, gracias.
@veronikastekla403
@veronikastekla403 2 жыл бұрын
Thanks a lot for such a great practical videa Clifton!
@CliftonWP
@CliftonWP 2 жыл бұрын
You are very welcome Veronika!
@Jaydawg1250
@Jaydawg1250 Жыл бұрын
You Rock dude. Thanks!
@CliftonWP
@CliftonWP Жыл бұрын
You are very welcome! I appreciate you watching!
@DeanHNZ
@DeanHNZ 2 жыл бұрын
Really helpful. Thanks
@CliftonWP
@CliftonWP 2 жыл бұрын
Thank you so much and you are very welcome!!
@josecalcagni8472
@josecalcagni8472 2 жыл бұрын
👉👉👉 Clifton, thank you very much, excellent tutorial. Very clear and well explained. And with very practical information. Greetings from Santiago de Chile. 😃👌👍
@Whitenoise541
@Whitenoise541 Жыл бұрын
Thank you for this 😊 I was lost. I’m doing this for a friend. It was beginning to get me down x
@CliftonWP
@CliftonWP Жыл бұрын
Keep going Ricky, don't give up. With practice it gets easier!
@danielcr3989
@danielcr3989 2 жыл бұрын
Gracias por tu conocimiento, Saludos de Perú
@CliftonWP
@CliftonWP 2 жыл бұрын
¡Eres muy bienvenido!
@anam7735
@anam7735 Жыл бұрын
Amazing tutorial🙂
@CliftonWP
@CliftonWP Жыл бұрын
Thank you! Thank you very much!
@musictheory4u153
@musictheory4u153 9 ай бұрын
Subscribed. You deserve it!
@CliftonWP
@CliftonWP 9 ай бұрын
Thank you so much! I appreciate you and I appreciate you subscribing! Thank you!
@danir.8299
@danir.8299 2 жыл бұрын
Great job dude ;) thx.
@CliftonWP
@CliftonWP 2 жыл бұрын
Thank you so much! I appreciate you watching!
@user-kg7gz9lr8z
@user-kg7gz9lr8z 2 жыл бұрын
Thank you for Kadence training and technical skills training. I'm looking forward to your videos. (I hope the translation is correct)
@CliftonWP
@CliftonWP 2 жыл бұрын
Thank you too! I appreciate you watching!
@ishashahid-xl7jh
@ishashahid-xl7jh 2 ай бұрын
Thankyou for this Useful vedio This is so Helpful for me
@CliftonWP
@CliftonWP 2 ай бұрын
Thank you! I appreciate you watching!
@KaiBuskirk
@KaiBuskirk 2 жыл бұрын
thank you clifton!
@CliftonWP
@CliftonWP 2 жыл бұрын
You are very welcome!
@Chinmoy_ck_
@Chinmoy_ck_ Жыл бұрын
this one is the perfect tutorial m searching this long..... love frm INDIA❤❤
@CliftonWP
@CliftonWP Жыл бұрын
Happy to hear it! Enjoy and Thank you for watching!
@drishtys
@drishtys Жыл бұрын
@@CliftonWP will the website built by exact same steps you follow be a mobile, tab and laptop friendly as well, I mean will customers find it comfortable to use it on mobile and tab as well? Also where to get the model images if not using template webpages?
@ramkhak
@ramkhak 2 жыл бұрын
Thank you!!!
@CliftonWP
@CliftonWP 2 жыл бұрын
You are very welcome! thank you for watching!
@josechacon357
@josechacon357 2 жыл бұрын
Incredible friend, I discovered your channel and your videos are simply spectacular, I subscribe immediately, I hope this video goes viral, this information is pure gold !!
@CliftonWP
@CliftonWP 2 жыл бұрын
Wow, thank you! I appreciate you watching!
@MarioRodriguez-zi1xl
@MarioRodriguez-zi1xl 2 жыл бұрын
Really great tutorial… It has helped me really a lot. I’m trying to decide between going to Theme compatible with Gutenberg + Woocommerce or going with Oxygen Builder (which is actually a Theme builder compatible with Gutenberg as well). I’m amazed Gutenberg is so powerful. I didn’t know that.
@CliftonWP
@CliftonWP 2 жыл бұрын
Great to hear the tutorial helped! Gutenberg has come a long way and Oxygen Builder is a solid site builder. You will do great with either one, however if you are thinking about rapid development, ease of use and where WordPress is going, Gutenberg has a slight edge.
@NEERAZDHAMI
@NEERAZDHAMI 6 ай бұрын
Love from india❤
@TheDiabeticJunky-yg4lw
@TheDiabeticJunky-yg4lw 11 ай бұрын
Thanks for the video .... the floating video editor bar and my text editor do allow me to have all the features.
@RodrigoTolvett
@RodrigoTolvett 10 ай бұрын
I don't speak English but I manage with the translator, incredible tutorial.
@CliftonWP
@CliftonWP 10 ай бұрын
Thank you for watching! I appreciate you!
@inspiredtothrive
@inspiredtothrive 2 жыл бұрын
Let’s GO!!
@CliftonWP
@CliftonWP 2 жыл бұрын
Thank you!
@rukhsanaskitchen1026
@rukhsanaskitchen1026 6 ай бұрын
Very nice
@learnwithgemar9797
@learnwithgemar9797 2 жыл бұрын
Thanks to this channel for consistent educating and teaching techie stuff. Hope you can you create a full tutorial an LMS Website for coaches and course creators using kadence? Hoping to hear from you.
@CliftonWP
@CliftonWP 2 жыл бұрын
Thank you! LMS website is on the schedule. Stay tuned and thank you for watching!
@learnwithgemar9797
@learnwithgemar9797 2 жыл бұрын
@@CliftonWP Please use Tutor LMS Plugin, thank you.
@DanielBallester21
@DanielBallester21 Жыл бұрын
I congratulate you champion, I am learning a lot from you. I already fell in love with the Kadence theme. Do you have a website to inspire you in the design? and then start to develop it.
@chongheechoon1231
@chongheechoon1231 Жыл бұрын
Clifton, Thank you I love you, ha ha I mean you video, you have a Subscribed .
@CliftonWP
@CliftonWP Жыл бұрын
Thank you Chong Hee Choon! I appreciate you!
@tbone1072
@tbone1072 2 жыл бұрын
This was fantastic Clifton, thank you very much! Do you have a video on setting up your shop page with categories at all with kadence / gutenberg blocks? i have added sub categories but it's not quite how i want it to look Great video thanks buddy
@CliftonWP
@CliftonWP 2 жыл бұрын
Thank you! Are you asking is you can create a shop page that only showed the categories of your store and not products? Do you have an example of how you want this to look? If so please post a link and I'll check it out.
@MSK-rt7zi
@MSK-rt7zi 2 жыл бұрын
you made my future
@CliftonWP
@CliftonWP 2 жыл бұрын
Wow! Happy to be of service! 🙂
@realgenghiskhan
@realgenghiskhan Жыл бұрын
new sub!
@CliftonWP
@CliftonWP Жыл бұрын
Thanks for subbing!
@Whitenoise541
@Whitenoise541 Жыл бұрын
Thanks
@CliftonWP
@CliftonWP Жыл бұрын
Thank you so much Ricky! I appreciate you!🙏
@lisajonasson2808
@lisajonasson2808 Жыл бұрын
Thanks! This design is really nice... but since I have bad experience from kadence when it comes to be mobile friendly theme - how does this layout works out?
@tinocashinternational1
@tinocashinternational1 2 жыл бұрын
🔥🔥🔥
@CliftonWP
@CliftonWP 2 жыл бұрын
Thank you!
@tropicalwedding
@tropicalwedding 8 ай бұрын
Nice tutorial! Could you make a tutorial on how to build a business directory website using Kadence Blocks? Something like an AirBnB, Urbanclap, HomeStars, etc. Thanks
@rvm7479
@rvm7479 8 ай бұрын
Is there any way to change the kadence menu cart for an svg?
@willall8103
@willall8103 Жыл бұрын
Thanks for the helpful video you won a new subscriber. I'm wondering why no videos about storefront.4.2.0 which is the official WooCommerce theme with is fully compatible with WooCommerce
@CliftonWP
@CliftonWP Жыл бұрын
Thank you Will! Storefront 4.2.0 is great, however Kadence is much more dynamic and versatile.
@danmcmullen1661
@danmcmullen1661 2 ай бұрын
So has WooCommerce changed the backend Add New/Manage product page layout since this video? My version is all in a horizontal tab format and not the post style.
@somadinafanz6568
@somadinafanz6568 Жыл бұрын
Clifton great tutorials. Thanks for all these steps by step with no step skipped. I tried playing with the kadence pro. I installed the starter template of my choice but now I want to remove it entirely and try building from the theme as you did but I could not remove the template. I have deactivated the stater template plugin but the nav links and some other elements did not disable. Please, how do I remove the template entirely?
@CliftonWP
@CliftonWP Жыл бұрын
Thank you Somadina! I appreciate you watching my videos! Checkout the plugin called wp reset in the plugin repository. It resets your install to it's earlier state.
@symmarketim4064
@symmarketim4064 2 жыл бұрын
hello sir, how can I change the color of the text of the titles in the menu of the product images and the color of the band under the text, and how can I change the colors of the buttons in my shopping cart? thank you
@_seifkhaled
@_seifkhaled 2 жыл бұрын
Thank you for the great tutorial! I was wondering how can I set up the mobile responsiveness for such ecommerce site? Thanks again.
@CliftonWP
@CliftonWP 2 жыл бұрын
Thank you Seif! Stay tuned, that is on the way!
@idyarchibong9990
@idyarchibong9990 2 жыл бұрын
@@CliftonWP please just asking if this has been released yet. Really looking forward to the mobile version of it.
@fabrictexture4767
@fabrictexture4767 Жыл бұрын
hi can we reduce the dom size at the time 44:00, How?
@cgc2300
@cgc2300 6 ай бұрын
Good morning I am creating a store with this theme but when I am on a product sheet, under the add to cart button there are 3 lines, do you know how I could change the writing of these three lines?
@symmarketim4064
@symmarketim4064 2 жыл бұрын
Hello again. Can you make a video with a variety of menus with Bloks? it would be a simple training video for you, and an almost impossible to find training video for me. I would be grateful if you could help with this issue. Thank you.
@Egomhansamuel
@Egomhansamuel 11 ай бұрын
kindly post the link to the site built want to check it on mobile
@tomfraser3086
@tomfraser3086 2 жыл бұрын
Sorry off Topic, but. Could you please discuss making Drop Caps using the Divi Pro theme and Advanced Text Block. I can't find a solution anywhere.
@user-tm3je5ed1o
@user-tm3je5ed1o Жыл бұрын
We note that the checkout button in your video is black, but mine is blue by default. We conduct research from the Internet, saying we can change CSS, or use FunnelKit for checkout page, or other solutions. May we know what solution you use to change the button color in checkout page ? Thank you very much.
@HaifengZhu-pn3uq
@HaifengZhu-pn3uq Жыл бұрын
hi, Clifton, how to build a category page?
@nataliekolman8165
@nataliekolman8165 6 ай бұрын
At minute 1:13:26 I can't see the first or second location on right panel. Just overlay settings but without the location 1 and 2 hence can't drag the colour to Bring the stated illusion. Anyone to the rescue?
@anyab.9533
@anyab.9533 4 ай бұрын
Hi there, I'm using the row block with three overlay images. I'm trying to adjust the font on mobile and it is not working. Kadence is showing a small font, and Chrome Inspect is showing a proper font, but my iPhone is not showing any changes. Why is that and how can I fix it? I used Montserrat font, then switched to system font, but nothing helped.
@fasterfalcon9608
@fasterfalcon9608 5 ай бұрын
how can i create login button just like cart
@jeffbarnhart6441
@jeffbarnhart6441 2 ай бұрын
can you send link for the follow on with the kadence pro you mentioned at the end?
@danmcmullen1661
@danmcmullen1661 2 ай бұрын
I think it is this one. kzbin.info/www/bejne/qau9fZp6p8ekqsk
@symmarketim4064
@symmarketim4064 2 жыл бұрын
First of all, thank you very much for this beautiful tutorial. It is really hard to find such a video and such a nice explanation. I have a problem and I would be glad if you can help. I want to create a menu with 8 menu blocks. I only want one of the blocks to be long. How can I do that? thank you
@CliftonWP
@CliftonWP 2 жыл бұрын
Thank you SYMmarteim. Can you tell me more about what you mean with 8 Menu Blocks? Gutenberg has a navigation block and Kadence has a Mega Menu that can contain blocks. Help me understand better what you mean by 8 Menu Blocks and I'll see what I can do.
@symmarketim4064
@symmarketim4064 2 жыл бұрын
@@CliftonWP hello again sir. First of all, thank you very much for your quick response and willingness to help. I can't thank you enough for both answering the questions quickly and preparing such a nice training. because I was looking for such a training for a long time and could not find it. I will give a link to a theme of xstore, I would be very happy if you could take a look at the menu under heder. In addition, does the cadence theme have a free mega menu? Thanks again for your help in advance. this link is a theme of xstore
@CliftonWP
@CliftonWP 2 жыл бұрын
Hey SYMmarketim, hope all is well. Can you comment with a direct link to the demo site with the menu you want to recreate in Kadence? I checked out the XStore demo site but they have a lot of demos and a lot of menus. :-). Let me know so I can see how I can help!
@ionbuilds
@ionbuilds Жыл бұрын
Great tutorial Clifton, I have a question about pictures. The picture in your drop box are around 2.25mb on your WP it shows only 85kb how do you optimize your picture to a smaller size without loosing resolution. Thanks
@CliftonWP
@CliftonWP Жыл бұрын
Thank you Ion Builds! You can run your photos through a free online compressor. A good one I recommend is tinypng.com. 🙂 I appreciate you watching!
@ionbuilds
@ionbuilds Жыл бұрын
@@CliftonWP another question about Kadence theme. Is it lighter than other Wordpress themes in terms of speed? Should I just stick with Kadence blocks? I’m newbie to website building your videos are very helpful. Thanks
@helmialsharif3246
@helmialsharif3246 2 жыл бұрын
Hello Clifton! To build the deign did not work the pictures and everything did not fit it was to small.
@davidson7838
@davidson7838 2 жыл бұрын
Hey, I really liked your videos and it's really awesome. I would like to know if there any plugin to disable all cart feature, like 'ADD TO CART', 'CHECK OUT' and turn woocommerce site into a catalogue site?
@CliftonWP
@CliftonWP 2 жыл бұрын
Thank you David! I appreciate you watching. For a plugin that allows Catalogue mode in Woocommerce, check out YITH WooCommerce Catalogue: wordpress.org/plugins/yith-woocommerce-catalog-mode/
@davidson7838
@davidson7838 2 жыл бұрын
@@CliftonWP Thank you so much ❤️❤️❤️
@CliftonWP
@CliftonWP 2 жыл бұрын
@@davidson7838 You are very welcome!
@ishashahid-xl7jh
@ishashahid-xl7jh 2 ай бұрын
Can you Help me? Sir, How can creat real state website?
@learnwithgemar9797
@learnwithgemar9797 2 жыл бұрын
Menu doesn't show up. Where to troubleshoot?
@DivineJesusPrayers
@DivineJesusPrayers 2 жыл бұрын
This is amazing! Clean, easy on the eyes but catchy... Its just stunning. You're a blessing to the kadence family and wordpress community in general! Could you by any chance build out an affiliate marketing website using kadence? I would love to see your design and teaching concept on how you would build out such a site. Pls pls pls do consider this request as soon as you can. Looking forward to it in the nearest future. You got yourself a subscriber for life!
@CliftonWP
@CliftonWP 2 жыл бұрын
Thank you Obinna! I'll add an affiliate site build to the schedule and thank you so much for watching and the sub!
@DivineJesusPrayers
@DivineJesusPrayers 2 жыл бұрын
@@CliftonWP You may also consider an option for site export for those who love you site but may not have the time to sit through a 2 hour tutorial (i would watch if its 6 hours! i don't mind). It will really help speed up things guess. It's my humble opinion. Feel free to do whatever suits your style best though. Again, awesome channel!
@CliftonWP
@CliftonWP 2 жыл бұрын
@@DivineJesusPrayers Thank you for the suggestion Obinna.! Will definitely consider it. I have a pro version of this tutorial coming up and perhaps I may do what you've suggested here. :-)
@hossammetwally07
@hossammetwally07 2 жыл бұрын
Do you think using Kadence block is better than elementor?
@CliftonWP
@CliftonWP 2 жыл бұрын
Both are great platforms, and can be used to build great websites. However, I prefer Kadence.
@nfq56
@nfq56 2 жыл бұрын
This is a beautiful video and the way you explained was fantastic, but you missed a huge point regarding the site, and that is the setting of Mobile view, will you please explain in another video?
@CliftonWP
@CliftonWP 2 жыл бұрын
Thank you Naeem! I really appreciate you watching the video and your kind words! Here is a mobile view follow up that I made to the video. kzbin.info/www/bejne/eKGWoKuvq7CSjsk 🙂 Enjoy!
@nfq56
@nfq56 2 жыл бұрын
@@CliftonWP Amazing, I was not expecting such prompt response. Thank you and appreciate for sending me the continuation of the same.
@CliftonWP
@CliftonWP 2 жыл бұрын
You are very welcome!
@TechAidCaloundra
@TechAidCaloundra 2 жыл бұрын
After setting the page titles to have the nice black background and white title, Im stuck with the home page showing the "Home" and black title background also. How can I hide this on home page and still display page titles on other pages. All the Best Love your tutorial.
@CliftonWP
@CliftonWP 2 жыл бұрын
Thank you Aaron! I appreciate you watching and thanks for the sub! To hide the Home Page Title area, you will need to disable the page title in the home page. Here a brief video showing how to do this: www.loom.com/share/9762d37e1bbd46f682a4943907face6b
@TechAidCaloundra
@TechAidCaloundra 2 жыл бұрын
@@CliftonWP wow, rare to see a youtuber so invested in their community, you have a natural talent for this and so easy to listen to. Must admit to using the pause button a lot :) , turning off the title helped but still shows blank space from the title section, I cant seem to remove through padding etc,
@AteekSheikh
@AteekSheikh 2 жыл бұрын
Hello. Question: In the Category section on homepage why you created; Row > 3 section > Row > Section > Advanced Heading ? Why not..... Row > 3 section and advanced heading?
@CliftonWP
@CliftonWP 2 жыл бұрын
Great question Ateek! The reason I do this sometimes is because Rows have more background options than sections. So by nesting it this way, I get more design options that can be applied to the outer container as a row rather than a straight section. In this particular case, it allows me to apply my background images to the rows that make up the 3 sections, rather than the sections in the row which have less background options. I hope that helps!
@AteekSheikh
@AteekSheikh 2 жыл бұрын
@@CliftonWP So, what to do with DOM size?
@CliftonWP
@CliftonWP 2 жыл бұрын
@@AteekSheikh Excellent question! I recommend planning around your DOM size. It really depends on your final page layout, so certainly some sections will have fewer elements than others. I certainly don't recommend having repeated nested rows and sections in every section which is why Kadence has introduced horizontal block flows in their sections to help with this. Nevertheless, DOM size is only one part of the performance suite. There are still plenty of other areas where you can improve performance so that even if you are using multiple nested elements on a page, your speed and performance will still be very good.
@Whitenoise541
@Whitenoise541 Жыл бұрын
I was wondering how to use the dividers
@CliftonWP
@CliftonWP Жыл бұрын
I'll create a tutorial on this shortly. :-)
@GauravKumar-cp2hi
@GauravKumar-cp2hi Жыл бұрын
I have a complete pro bundle for Kadence but the problem I'm facing is my Row Layout does not showing me the option to setups max height and that causing me a lot of issues in designing. I cant see option as you have at 29:40 can you please guide me :)
@CliftonWP
@CliftonWP Жыл бұрын
Hello Gaurav, sorry for the delay in getting back. For the Min/Max heigh property in the Row block, you can find it under the advanced tab>Structure Tab
@GauravKumar-cp2hi
@GauravKumar-cp2hi Жыл бұрын
@@CliftonWP thank you 😀I found it
@CliftonWP
@CliftonWP Жыл бұрын
@@GauravKumar-cp2hi Awesome!
@HamzaKhan-fx3kr
@HamzaKhan-fx3kr 2 жыл бұрын
hey, did u zoomed out of the screen? i created with the same settings but things are looking a lot bigger than yours
@CliftonWP
@CliftonWP 2 жыл бұрын
Thank you Hamza. My screen is a regular screen. :-)
@HamzaKhan-fx3kr
@HamzaKhan-fx3kr 2 жыл бұрын
Ok no problem. Thank u so much for providing quality content
@CliftonWP
@CliftonWP 2 жыл бұрын
@@HamzaKhan-fx3kr Thank you Hamza!
@tabor1630
@tabor1630 2 жыл бұрын
Great Tutorial Sir, But Pl make a mobile one as majority of people use it
@CliftonWP
@CliftonWP 2 жыл бұрын
Thank you! I appreciate you watching. Here is the link to the Mobile Optimization video: kzbin.info/www/bejne/eKGWoKuvq7CSjsk
@OlexDesign
@OlexDesign 2 жыл бұрын
Great Tutorial! What are the benefits of creating an Ecommerce website with Kadence from scracth instead of customizing a Kadence WooCommerce Starter Template? Thanks.
@CliftonWP
@CliftonWP 2 жыл бұрын
Thank you Alexander! This is an excellent question. Creating an e-commerce website from scratch gives you more creative, strategic, deeper control over the layout and design of your website. Using a template is great however you are confined to the structure within that template and in most cases have to operate mostly within that structure. Depending on your objective and skills, using a template as a starting point may be beneficial, however designing from scratch gives you the most autonomy and freedom to develop and design as you please.
@OlexDesign
@OlexDesign 2 жыл бұрын
@@CliftonWP Thank you for the detailed reply. One more question. Let's assume I am using just the default Kadence Theme with no Starter Template and start customizing it by adding custom CSS code (Customizer > Additional CSS) to optimize a site. Wouldn't that code be overwrittten when updating the Kadence Theme in the future? Thanks.
@CliftonWP
@CliftonWP 2 жыл бұрын
@@OlexDesign Great question. Updating your Kadence Theme does not overwrite any CSS added to the customizer. Your CSS will remain intact. 🙂
@OlexDesign
@OlexDesign 2 жыл бұрын
@@CliftonWP Thank you. Might give the custom approach a try.
@CliftonWP
@CliftonWP 2 жыл бұрын
@@OlexDesign You are welcome!
@AngieEKnowlesTextileArtist
@AngieEKnowlesTextileArtist 2 жыл бұрын
Can you use Kadence blocks with any theme?
@CliftonWP
@CliftonWP 2 жыл бұрын
Thank you Angie! Yes you can use Kadence Blocks with any theme as long as you are building pages or posts with the WordPress Block Editor.
@AngieEKnowlesTextileArtist
@AngieEKnowlesTextileArtist 2 жыл бұрын
Thank you Clifton. And thanks for all these wonderful videos.
@CliftonWP
@CliftonWP 2 жыл бұрын
@@AngieEKnowlesTextileArtist You are very welcome, Angie!
@symmarketim4064
@symmarketim4064 2 жыл бұрын
Hi. There is an error in Turkish automatic translation, it does not translate into Turkish. can you please fix this error
@CliftonWP
@CliftonWP 2 жыл бұрын
Hi SYMmarketim, sorry you are experiencing the translation issue. I recommend contacting KadenceWP support on their website. They are very responsive.
@symmarketim4064
@symmarketim4064 2 жыл бұрын
@@CliftonWP only in this video of yours I have a problem with the subtitle option in Turkish. You should contact youtube and ask why. because this video of yours is very beautiful and very valuable. thanks this video and your answer
@ARNBNDL
@ARNBNDL 9 ай бұрын
I tried Kadence, it was a pur pain :-(
@user-tm3je5ed1o
@user-tm3je5ed1o Жыл бұрын
hello, Clifton, thank you so much for your video. I note that if the design is viewed in mobile, it have some layout issues for the black and white design on "See All Premium Watches" at the video timeline kzbin.info/www/bejne/nHSbi6FmZst4ia8 . Grateful if you can advise how to deal with it ? Do we need to have separate design when viewing it in mobile instead of desktop ? Thanks a lot.
@CliftonWP
@CliftonWP Жыл бұрын
Thank you Smart Home Gadgets! Sorry I am not understanding the issue you are having. Can you tell me what the layout issues are? I have a video where I cover the mobile responsive editing for this website. I recommend checking that out when you can. It may resolve the issue you are having with the mobile views. Here is a direct link: kzbin.info/www/bejne/eKGWoKuvq7CSjsk
@user-tm3je5ed1o
@user-tm3je5ed1o Жыл бұрын
@@CliftonWP Do you have any email ? Seem I cannot send the screenshot in my mobile for you to see it here. Thank you very much.
@CliftonWP
@CliftonWP Жыл бұрын
@@user-tm3je5ed1o send to clifton@cliftonwp.com
@t-bug7283
@t-bug7283 2 жыл бұрын
Can't know how I stopmed onto this. All in all GREAT content ❤️😄. I also have been watching those rather similar from mStarTutorials and kinda wonder how you guys create these clips. MStar Tutorials also had cool information about similiar money making things on his channel.
@clove8461
@clove8461 Жыл бұрын
Is my eyes bad or people aren't telling you that the video is blurred?
@CliftonWP
@CliftonWP Жыл бұрын
Thank you! The video is very clear. You may be experience low bandwidth or slow internet speeds which may cause your viewing experience to be blurry. Also check that your viewing it in 1080 quality using the video settings cog wheel in your youtube viewer. 🙂
@ishashahid-xl7jh
@ishashahid-xl7jh 2 ай бұрын
sir plzzz reply my msgs
@dustinlowman8323
@dustinlowman8323 8 ай бұрын
This is for anyone. Is Elementor even needed if I was to have the full bundle of Kadence? Would that even make sense to do?
@CliftonWP
@CliftonWP 8 ай бұрын
I recommend getting the full bundle of Kadence. In my personal and professional experience the value Kadence brings far exceeds Elementor and if you have the full Kadence bundle you have everything you need to build beautiful and effective websites.
@dustinlowman8323
@dustinlowman8323 8 ай бұрын
@@CliftonWP awesome. I’m actually thinking about taking advantage of the lifestyle Black Friday deal. So what do I do if at time I go to make changes for the mobile and notice it changes the desktop version as well. I watched your video on optimization but when I make changes it changes it for all. Any recommendations?
@dustinlowman8323
@dustinlowman8323 8 ай бұрын
Meant lifetime full bundle deal ^typo^
@CliftonWP
@CliftonWP 8 ай бұрын
@@dustinlowman8323 Good Choice on the Lifetime Black Friday deal. Definitely worth it. When making changes in mobile, make sure you have the mobile icon selected withint he block or row you are making changes to. Sometime it defaults back to the desktop view when switching to a different block. Just double check that the icon is on the mobile view. I hope that helps!
@dustinlowman8323
@dustinlowman8323 8 ай бұрын
Thank you.
@true_tales_tv171
@true_tales_tv171 2 жыл бұрын
Hey can i contact you ?
@CliftonWP
@CliftonWP 2 жыл бұрын
Sure. Email me at clifton@cliftonwp.com. Please be patient as I will respond as soon as I can. Sometimes it may be a few hours. 🙂
@true_tales_tv171
@true_tales_tv171 2 жыл бұрын
@@CliftonWP Alright i,ll.
Double Stacked Pizza @Lionfield @ChefRush
00:33
albert_cancook
Рет қаралды 85 МЛН
What it feels like cleaning up after a toddler.
00:40
Daniel LaBelle
Рет қаралды 78 МЛН
아이스크림으로 체감되는 요즘 물가
00:16
진영민yeongmin
Рет қаралды 62 МЛН
Creating Effective WooCommerce Sites with Kadence Shop Kit
30:31
Create an eCommerce Store with Beaver Builder and Astra Theme
35:56
Netplus Training
Рет қаралды 3,2 М.
Java Is Better Than Rust
42:14
ThePrimeTime
Рет қаралды 157 М.
Kadence Shop Kit 2.0 Full Review - Is It Worth Your Money?
33:43
WP Simple Hacks - Wordpress tips and tricks
Рет қаралды 4,9 М.
Double Stacked Pizza @Lionfield @ChefRush
00:33
albert_cancook
Рет қаралды 85 МЛН