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

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
    @pistolpete197612 жыл бұрын

    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!

  • @dinukakularathna2824
    @dinukakularathna28242 жыл бұрын

    Wow. Very Useful Video. Good explanation and easy to understand. Thank you Clifton!

  • @prinso83
    @prinso832 жыл бұрын

    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!

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

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

  • @whatamiwitnessing1003
    @whatamiwitnessing10032 жыл бұрын

    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 ❤️❤️❤️

  • @MsBob575
    @MsBob5752 жыл бұрын

    TY much. Really well done. Love your presentation style!

  • @CliftonWP

    @CliftonWP

    2 жыл бұрын

    Thank you very much Sam! I appreciate you watching!

  • @creationmsktours9698
    @creationmsktours96982 жыл бұрын

    I really enjoyed designing alongside you. You are the best teacher

  • @CliftonWP

    @CliftonWP

    2 жыл бұрын

    Thank you! I appreciate that!

  • @TomaszWnuk
    @TomaszWnuk Жыл бұрын

    woow, love the way you explain and show step by step..

  • @CliftonWP

    @CliftonWP

    Жыл бұрын

    Thank you so much 🙂 I appreciate you watching!

  • @raccoon7557
    @raccoon75572 жыл бұрын

    Awesome work! Five stars coach.

  • @CliftonWP

    @CliftonWP

    2 жыл бұрын

    Thank you so much! I appreciate you watching!

  • @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 KZread, thank you.

  • @CliftonWP

    @CliftonWP

    Жыл бұрын

    Thank you so much and I appreciate you watching! 🙂

  • @alkattibb
    @alkattibb5 ай бұрын

    Excellent and wonderful explanation, I thank you very much for this beautiful explanation. 👍 ✅ 👑

  • @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
    @PilatesinSacramento2 жыл бұрын

    Beautiful site, Clifton! 🙏

  • @CliftonWP

    @CliftonWP

    2 жыл бұрын

    Thank you! Much appreciated!

  • @Shoesinkart
    @Shoesinkart6 ай бұрын

    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)?

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

  • @josecalcagni8472
    @josecalcagni84722 жыл бұрын

    👉👉👉 Clifton, thank you very much, excellent tutorial. Very clear and well explained. And with very practical information. Greetings from Santiago de Chile. 😃👌👍

  • @veronikastekla403
    @veronikastekla4032 жыл бұрын

    Thanks a lot for such a great practical videa Clifton!

  • @CliftonWP

    @CliftonWP

    2 жыл бұрын

    You are very welcome Veronika!

  • @juliocesarsobrino6248
    @juliocesarsobrino6248 Жыл бұрын

    Amazing my friend!! Thank you very much :)

  • @CliftonWP

    @CliftonWP

    Жыл бұрын

    Thank you Julio! I appreciate you watching!

  • @alexfullerton8099
    @alexfullerton80992 жыл бұрын

    Great video, Clifton!

  • @CliftonWP

    @CliftonWP

    2 жыл бұрын

    Thank you Alex!

  • @ahmedmaazouzi-shorttips8913
    @ahmedmaazouzi-shorttips89138 ай бұрын

    You are the G.O.A.T. Thank you very much

  • @CliftonWP

    @CliftonWP

    8 ай бұрын

    Thank you so much! I appreciate you!

  • @Jaydawg1250
    @Jaydawg1250 Жыл бұрын

    You Rock dude. Thanks!

  • @CliftonWP

    @CliftonWP

    Жыл бұрын

    You are very welcome! I appreciate you watching!

  • @RodrigoTolvett
    @RodrigoTolvett10 ай бұрын

    I don't speak English but I manage with the translator, incredible tutorial.

  • @CliftonWP

    @CliftonWP

    10 ай бұрын

    Thank you for watching! I appreciate you!

  • @MarioRodriguez-zi1xl
    @MarioRodriguez-zi1xl2 жыл бұрын

    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.

  • @inspiredtothrive
    @inspiredtothrive2 жыл бұрын

    Let’s GO!!

  • @CliftonWP

    @CliftonWP

    2 жыл бұрын

    Thank you!

  • @user-kg7gz9lr8z
    @user-kg7gz9lr8z2 жыл бұрын

    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!

  • @DeanHNZ
    @DeanHNZ2 жыл бұрын

    Really helpful. Thanks

  • @CliftonWP

    @CliftonWP

    2 жыл бұрын

    Thank you so much and you are very welcome!!

  • @josechacon357
    @josechacon3572 жыл бұрын

    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!

  • @hermanpinto9244
    @hermanpinto92442 жыл бұрын

    Formidable, gracias.

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

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

  • @danir.8299
    @danir.82992 жыл бұрын

    Great job dude ;) thx.

  • @CliftonWP

    @CliftonWP

    2 жыл бұрын

    Thank you so much! I appreciate you watching!

  • @musictheory4u153
    @musictheory4u1539 ай бұрын

    Subscribed. You deserve it!

  • @CliftonWP

    @CliftonWP

    9 ай бұрын

    Thank you so much! I appreciate you and I appreciate you subscribing! Thank you!

  • @ramkhak
    @ramkhak2 жыл бұрын

    Thank you!!!

  • @CliftonWP

    @CliftonWP

    2 жыл бұрын

    You are very welcome! thank you for watching!

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

  • @KaiBuskirk
    @KaiBuskirk2 жыл бұрын

    thank you clifton!

  • @CliftonWP

    @CliftonWP

    2 жыл бұрын

    You are very welcome!

  • @anam7735
    @anam7735 Жыл бұрын

    Amazing tutorial🙂

  • @CliftonWP

    @CliftonWP

    Жыл бұрын

    Thank you! Thank you very much!

  • @danielcr3989
    @danielcr39892 жыл бұрын

    Gracias por tu conocimiento, Saludos de Perú

  • @CliftonWP

    @CliftonWP

    2 жыл бұрын

    ¡Eres muy bienvenido!

  • @ishashahid-xl7jh
    @ishashahid-xl7jh3 ай бұрын

    Thankyou for this Useful vedio This is so Helpful for me

  • @CliftonWP

    @CliftonWP

    3 ай бұрын

    Thank you! I appreciate you watching!

  • @TheDiabeticJunky-yg4lw
    @TheDiabeticJunky-yg4lw11 ай бұрын

    Thanks for the video .... the floating video editor bar and my text editor do allow me to have all the features.

  • @rukhsanaskitchen1026
    @rukhsanaskitchen10267 ай бұрын

    Very nice

  • @learnwithgemar9797
    @learnwithgemar97972 жыл бұрын

    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.

  • @tbone1072
    @tbone10722 жыл бұрын

    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.

  • @NEERAZDHAMI
    @NEERAZDHAMI7 ай бұрын

    Love from india❤

  • @tinocashinternational1
    @tinocashinternational12 жыл бұрын

    🔥🔥🔥

  • @CliftonWP

    @CliftonWP

    2 жыл бұрын

    Thank 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?

  • @MSK-rt7zi
    @MSK-rt7zi2 жыл бұрын

    you made my future

  • @CliftonWP

    @CliftonWP

    2 жыл бұрын

    Wow! Happy to be of service! 🙂

  • @rvm7479
    @rvm74798 ай бұрын

    Is there any way to change the kadence menu cart for an svg?

  • @tropicalwedding
    @tropicalwedding8 ай бұрын

    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

  • @realgenghiskhan
    @realgenghiskhan Жыл бұрын

    new sub!

  • @CliftonWP

    @CliftonWP

    Жыл бұрын

    Thanks for subbing!

  • @danmcmullen1661
    @danmcmullen16612 ай бұрын

    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.

  • @cgc2300
    @cgc23007 ай бұрын

    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?

  • @fabrictexture4767
    @fabrictexture4767 Жыл бұрын

    hi can we reduce the dom size at the time 44:00, How?

  • @Whitenoise541
    @Whitenoise541 Жыл бұрын

    Thanks

  • @CliftonWP

    @CliftonWP

    Жыл бұрын

    Thank you so much Ricky! I appreciate you!🙏

  • @symmarketim4064
    @symmarketim40642 жыл бұрын

    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

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

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

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

  • @Egomhansamuel
    @Egomhansamuel Жыл бұрын

    kindly post the link to the site built want to check it on mobile

  • @nataliekolman8165
    @nataliekolman81656 ай бұрын

    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.95334 ай бұрын

    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.

  • @helmialsharif3246
    @helmialsharif32462 жыл бұрын

    Hello Clifton! To build the deign did not work the pictures and everything did not fit it was to small.

  • @jeffbarnhart6441
    @jeffbarnhart64412 ай бұрын

    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. kzread.info/dash/bejne/pa6Orsl9osXXpMo.html

  • @HaifengZhu-pn3uq
    @HaifengZhu-pn3uq Жыл бұрын

    hi, Clifton, how to build a category page?

  • @symmarketim4064
    @symmarketim40642 жыл бұрын

    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.

  • @tomfraser3086
    @tomfraser30862 жыл бұрын

    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.

  • @_seifkhaled
    @_seifkhaled2 жыл бұрын

    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.

  • @fasterfalcon9608
    @fasterfalcon96085 ай бұрын

    how can i create login button just like cart

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

  • @learnwithgemar9797
    @learnwithgemar97972 жыл бұрын

    Menu doesn't show up. Where to troubleshoot?

  • @DivineJesusPrayers
    @DivineJesusPrayers2 жыл бұрын

    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. :-)

  • @symmarketim4064
    @symmarketim40642 жыл бұрын

    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!

  • @davidson7838
    @davidson78382 жыл бұрын

    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-xl7jh3 ай бұрын

    Can you Help me? Sir, How can creat real state website?

  • @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-fx3kr2 жыл бұрын

    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!

  • @hossammetwally07
    @hossammetwally072 жыл бұрын

    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.

  • @AteekSheikh
    @AteekSheikh2 жыл бұрын

    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.

  • @nfq56
    @nfq562 жыл бұрын

    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. kzread.info/dash/bejne/dKRn0dqypq7FiMo.html 🙂 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!

  • @tabor1630
    @tabor16302 жыл бұрын

    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: kzread.info/dash/bejne/dKRn0dqypq7FiMo.html

  • @TechAidCaloundra
    @TechAidCaloundra2 жыл бұрын

    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,

  • @OlexDesign
    @OlexDesign2 жыл бұрын

    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!

  • @Whitenoise541
    @Whitenoise541 Жыл бұрын

    I was wondering how to use the dividers

  • @CliftonWP

    @CliftonWP

    Жыл бұрын

    I'll create a tutorial on this shortly. :-)

  • @AngieEKnowlesTextileArtist
    @AngieEKnowlesTextileArtist2 жыл бұрын

    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
    @symmarketim40642 жыл бұрын

    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
    @ARNBNDL9 ай бұрын

    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 kzread.info/dash/bejne/mHdsvNBpYcmrg7A.html . 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: kzread.info/dash/bejne/dKRn0dqypq7FiMo.html

  • @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-bug72832 жыл бұрын

    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.

  • @ishashahid-xl7jh
    @ishashahid-xl7jh3 ай бұрын

    sir plzzz reply my msgs

  • @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. 🙂

  • @dustinlowman8323
    @dustinlowman83238 ай бұрын

    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.

  • @dropshipping-helps
    @dropshipping-helps2 жыл бұрын

    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. 🙂

  • @dropshipping-helps

    @dropshipping-helps

    2 жыл бұрын

    @@CliftonWP Alright i,ll.

Келесі