🛒 How To Edit and Customize All WooCommerce Pages Easily and For Free - No Coding Needed Tutorial

Поділитися
Вставка
  • Опубліковано 5 жов 2024
  • In today's video tutorial, we'll learn a simple, fast, effective, and free method to edit all the WooCommerce WordPress plugin pages, like the cart, checkout, account shop front, and products page without coding and in an intuitive panel
    WordPress E-Commerce system using WooCommerce visualmodo.com...
    How To Use WooCommerce WordPress Plugin? • How To Use WooCommerce...
    How To Export/Import Products In WooCommerce WordPress Plugin? • How To Export/Import P...
    Formerly known as WooCustomizer Tired of creating child themes or adding multiple plugins to customize your WooCommerce store? WooCommerce provides many actions and filter hooks to further customize WooCommerce. The only catch is that you have to add your own custom PHP snippets to handle all the different WooCommerce elements.
    Introducing StoreCustomizer, a free WooCommerce customization plugin, and your answer for editing WooCommerce store and product pages, cart and checkout pages, and your user account pages. StoreCustomizer requires WooCommerce plugin activation
    StoreCustomizer does not override WooCommerce templates, the plugin just adds extra design options and advanced store features to your existing WooCommerce pages, styled according to the theme you use. If something goes wrong, please contact us and we will do our best to help.
    Add login/logout menu items to selected WP/theme menu area
    Add product sales statistics for admin users on the front end of the website. Customize store and product pages by editing or removing elements. Edit font size and color for WooCommerce store and product pages and cart/checkout elements. Customize the design of all store buttons for store and product pages as well as cart/checkout pages. Edit the text and color of the Special Offer banner. Edit User Account Tabs and Tab Content Titles. Edit or delete product page tabs and edit tab titles. Add a Continue Shopping button to your store's product page. Remove basic checkout fields on the WooCommerce checkout page. Add a "Return to Store" button to your cart page.
    Add new product badges for products created within a certain number of days. Automatic/Ajax cart update when the amount on the cart page changes. Automatically update cart when the user edits product quantity. Edit cart and checkout buttons and add return buttons. Select login redirect page or logout redirect page and edit menu item text Add to Cart Increment - Sets the minimum and maximum values for adding to cart items and the increment value
    StoreCustomizer aims to be a fast, lightweight, and easy-to-use WooCommerce extension for customizing WooCommerce. With all the settings built into the WordPress customizer, you can edit your WooCommerce store visually in the customizer's live environment...see how you make changes as you edit. StoreCustomizer only contains code that is activated to keep StoreCustomizer lightweight and fast.
    ⭐️ Free Goods of the Week: Download these 6 free goods before it's too late! crmrkt.com/NloAlj
    ⭐️ Buy Website Hosting Plan and Gain a Free Domain At www.bluehost.c...
    ⭐️ Managed Cloud Hosting www.cloudways....
    I hope you guys enjoy this video, feel free to use the comments section below in case you have any questions, and don't forget to check out that Visualmodo website and subscribe to our channel for more web design and development training videos. Please check the links below for more content.
    Website visualmodo.com/
    Facebook / visualmodo
    Instagram / visualmodo
    Twitter / visualmodo

КОМЕНТАРІ • 109

  • @len.2011
    @len.2011 Рік тому +3

    Awesome video guide and tips, my friend, thanks a lot

  • @alundasilva
    @alundasilva Рік тому +2

    Super! This is an eye opener for real! Thanks friend.

  • @nandaparb3179
    @nandaparb3179 2 роки тому +4

    Amazing tutorial, thanks a million!

  • @gilataph2848
    @gilataph2848 8 місяців тому +1

    Great tutorial! But there is not much of the My Account customization. It will be of much help if you add more information on how to customize the My Account because as you mentioned, that is the most hard to edit/customize. If you have any tutorials on how to fully customize the My Account Page, then that would be a big help.
    Thank you!

    • @visualmodo
      @visualmodo  8 місяців тому

      There is another tutorial on our WooCommerce playlist that adds extra options to the account page.

  • @zarasjourney6627
    @zarasjourney6627 Місяць тому +1

    Thank you so freaking much!❤

  • @richielandariego9298
    @richielandariego9298 19 днів тому +1

    You ROCK !

    • @visualmodo
      @visualmodo  19 днів тому

      Thank you so much for your comment!

  • @E3IELTS
    @E3IELTS 11 місяців тому +1

    amazing tutorial. thank you teacher.

    • @visualmodo
      @visualmodo  11 місяців тому

      Thank you so much for your comment!

  • @mayaken6660
    @mayaken6660 2 роки тому

    Excellent WordPress and WooCommerce tutorial!

  • @originale2114
    @originale2114 Рік тому +1

    So i have a question that i might didnt notice that good in the video. With that plugin u only customize ur e shop? Or the customisation affect the website too?

    • @visualmodo
      @visualmodo  Рік тому

      This is to customize the WooCommerce sections, so, it will affect some parts of pages controlled by woocommerce, other pages or global pages will be changed by your theme

    • @originale2114
      @originale2114 Рік тому +2

      @@visualmodo thank u so much for ur quick response the best i can do is yo subscribe. Keep going ur good job my friend greetings from Greece

    • @visualmodo
      @visualmodo  Рік тому

      Thanks a lot!

  • @economestre
    @economestre 2 роки тому +2

    Nice creation!

  • @AjayiGraceFolayemi
    @AjayiGraceFolayemi 4 місяці тому +1

    Thank you

  • @amirrezatm2872
    @amirrezatm2872 Рік тому +1

    That was an awesome plugin

  • @josephmulei
    @josephmulei 5 місяців тому +1

    Hello...I am using woostify theme in my store..but lately I realised that the customization is not possible despite installing and reinstalling the store customizer.How can go about making customizerable?

    • @visualmodo
      @visualmodo  5 місяців тому

      What did the theme devs told you to do?

  • @trendywen30
    @trendywen30 Рік тому +2

    Nice tutorial! Thank you. Do you know if it's possible to add buttons with links to all product pages with the premium version of this? Or is there another plugin you would recommend? We used HookMeUp previously but there are problems with it recently.

    • @visualmodo
      @visualmodo  Рік тому +1

      I'll try to find some good names and share it on the channel.

    • @trendywen30
      @trendywen30 Рік тому

      @@visualmodo thank you :)

    • @visualmodo
      @visualmodo  Рік тому

      you`re welcome

  • @jeang_va
    @jeang_va 11 місяців тому +1

    thanks! life saver :D

  • @tayyabqureshi1782
    @tayyabqureshi1782 6 місяців тому

    You should also understand how to left and right any text or search bar thank you

    • @visualmodo
      @visualmodo  6 місяців тому

      Sorry, can you explain more?

  • @JoeIgnizio
    @JoeIgnizio 9 місяців тому +1

    Thanks

  • @felippefriori7123
    @felippefriori7123 2 роки тому

    Truly good video!

  • @rythm4964
    @rythm4964 10 місяців тому

    Hello, I have a question. I'm more interested in customizing the whole shop product shop page. And by that I mean from default to customize things like yours: custom text color, custom add to card button, buttons to move to the next page. I don't want to just to adjust how many things are in a row/column etc.

    • @visualmodo
      @visualmodo  10 місяців тому

      What theme are you using?

    • @rythm4964
      @rythm4964 10 місяців тому +1

      @@visualmodo Astra

    • @visualmodo
      @visualmodo  10 місяців тому

      So, you may need to check if your theme isn't affecting your woo templates

    • @BrandoBank
      @BrandoBank 9 місяців тому

      Did you ever figure out the answer? I’m having the same problem

    • @rythm4964
      @rythm4964 9 місяців тому

      @@BrandoBank Use Royal Elementor

  • @shivendumishra
    @shivendumishra Рік тому

    Kindly tell how we could add or change images in the store?

    • @visualmodo
      @visualmodo  Рік тому

      Thanks for your comment, WP - Dashboard - Products - Select the Product and find the 'featured image' section in the right sidebar os options

  • @RADMultimedia_com
    @RADMultimedia_com 4 дні тому

    where can I change the logo in my shop to make it different from the rest of my site not in elementor? Also I added an image like u did at 21:33 to checkout page. its 1000x1000 like yours is but its not displaying?

    • @visualmodo
      @visualmodo  День тому

      The logo is added by your theme, what theme are you using?

    • @RADMultimedia_com
      @RADMultimedia_com День тому

      @@visualmodo​​⁠onePress I want one logo for the store and another for the rest of the site

  • @ArifulIslam-d3t1p
    @ArifulIslam-d3t1p 8 місяців тому

    So It's only allow us to customize things. We can't make our own design with that plugin ?

    • @visualmodo
      @visualmodo  8 місяців тому

      You can code it, using PHP and HTML

  • @hicarodestrui
    @hicarodestrui 2 місяці тому +1

    Valeu! (Sei que é BR só pelo sotaque kkkk)

    • @visualmodo
      @visualmodo  2 місяці тому

      Thank you so much for your comment! =D

    • @visualmodo
      @visualmodo  2 місяці тому

      sou sim!

  • @TheBenzoHouse
    @TheBenzoHouse Рік тому

    What about the banners and front landing page?

    • @visualmodo
      @visualmodo  Рік тому

      Depends on the theme you're using and how those banner was placed there.

  • @WiseTalks80808
    @WiseTalks80808 4 місяці тому +1

    Waaaaaaaatsup gaaaayeez❤

    • @visualmodo
      @visualmodo  4 місяці тому

      hahahahah All the best

  • @hridoystudent733
    @hridoystudent733 2 роки тому +1

    good tutorial

  • @kirapk09
    @kirapk09 Рік тому +1

    can you put a background on the section were a single product is?

    • @visualmodo
      @visualmodo  Рік тому

      Yes, but it depends on your theme, please check the visualmodo.com/docs/creating-a-store-on-wordpress/

    • @kirapk09
      @kirapk09 Рік тому

      @@visualmodo i use botiga theme

  • @Jennakey
    @Jennakey Рік тому

    If I turn off Product Tags, this just removes it from being seen? It doesn't affect SEO for it?

    • @visualmodo
      @visualmodo  Рік тому

      you'll only hide it to remove it from your archives (Google crawl archives) you must use a plugin for SEO, like Yoast or AIOSEO to remove those things form sitemap

  • @audunjemtland8287
    @audunjemtland8287 5 місяців тому

    How to customize it even more than that? Really built it from scratch. It's so limited. Thinking more of single product page.

    • @visualmodo
      @visualmodo  5 місяців тому

      Are you familiar with coding?

    • @audunjemtland8287
      @audunjemtland8287 5 місяців тому

      @@visualmodo A little bit

    • @visualmodo
      @visualmodo  5 місяців тому +1

      best way to customize woo is using codes, or you can create a page (like a landing page) to be the product page, build with elementor or any other page builder, and use add to cart link and use woocommerce only to cart and checkout.

    • @audunjemtland8287
      @audunjemtland8287 5 місяців тому

      @@visualmodo Thanks man. Got any videos on that?

    • @visualmodo
      @visualmodo  5 місяців тому +1

      here's the general ideas ua-cam.com/video/Olq2u11-_vs/v-deo.html
      + ua-cam.com/video/ZTBc31leRpo/v-deo.html

  • @seven7info141
    @seven7info141 11 місяців тому

    Could someone please explain why this plugin is no longer available? Was it removed or retrieved for a specific reason?

    • @visualmodo
      @visualmodo  11 місяців тому

      Are your sure it's off? seems to be working here, did you contacted their devs?

    • @jandgholdings7474
      @jandgholdings7474 9 місяців тому

      its off

  • @domingoscosta3328
    @domingoscosta3328 2 роки тому +1

    nice!! 🚀🚀🚀

  • @Shopdsn
    @Shopdsn Рік тому

    So your website was already created

  • @АртемСарг
    @АртемСарг Місяць тому

    at 15:06 Am i the only one who is annoyed with those doubling "Description" words on Tab and under it? how to delite the bigger text one?

    • @visualmodo
      @visualmodo  Місяць тому

      Can you please explain more?

  • @putinninovacuna8976
    @putinninovacuna8976 8 місяців тому

    its not editng its only customizer, you cant edit shop page layouts but customize

    • @visualmodo
      @visualmodo  8 місяців тому

      Did you have watched the video until the end?

  • @mestayno
    @mestayno 3 місяці тому

    I stil lcan't edit the actual layout blocks

    • @visualmodo
      @visualmodo  3 місяці тому

      WooCommerce pages with blocks?

    • @mestayno
      @mestayno 3 місяці тому

      @@visualmodo yes. Only shortcode was available. I didn't have elementor installed but another editor. It did allow me to edit with elementor finally.

  • @animenation4538
    @animenation4538 11 місяців тому

    Product per row for mobile not working

    • @visualmodo
      @visualmodo  11 місяців тому

      what theme are you using?

    • @animenation4538
      @animenation4538 11 місяців тому

      @@visualmodo postero

    • @visualmodo
      @visualmodo  11 місяців тому

      In this case, is better idf you contact the theme devs, this CSS is on the theme files probably

  • @ryanwilliams6989
    @ryanwilliams6989 Рік тому

    Any idea why this plugin is no longer available???

    • @visualmodo
      @visualmodo  Рік тому

      Very good question, did you tied to contact their devs?

  • @starseoltd.4927
    @starseoltd.4927 Рік тому

    Misses the most important setting the left and right margins I do not want full width. I hate elemenator. Stupid software.

    • @visualmodo
      @visualmodo  Рік тому

      Thanks for your comment but this guide does not uses Elementor plugin, just the native WooCommerce and a woo-addon

  • @jaredsdias
    @jaredsdias 2 роки тому +1

    👏👏👏

  • @hakujistrauma
    @hakujistrauma Рік тому +1

    :) it is a very well HATED Plugin ?????🤣🤣🤣

    • @visualmodo
      @visualmodo  Рік тому

      Thanks for your comment. do you have some suggestion?

  • @Pixel-gy7qv
    @Pixel-gy7qv 2 роки тому

    "who" != "woo"

    • @visualmodo
      @visualmodo  2 роки тому

      Thanks a lot for you comment

  • @jskup
    @jskup 27 днів тому

    .......nul