How to Use WordPress WooCommerce (Advance Setup)


How to Use WordPress WooCommerce (Advance Setup)
How to Use WordPress WooCommerce (Advance Setup)

In this tutorial I will teach you how to set up a beautiful WooCommerce online store. By the end of the article, your eCommerce site should look similar to the following image.

What is WooCommerce

Simply put, WooCommerce is by far the most popular WordPress eCommerce plugin, with 21% of all online stores on the Internet built with WooCommerce.

If you don't have a WordPress website yet, please follow this tutorial to create one first, the whole process is very easy.

  1. (a) Technically, WooCommerce is a WordPress plugin which, like any other plugin, needs to be installed and activated in order to function.
  2. It is free and open source, you don't need any license and you don't have to pay any fees.
  3. it is the most popular and feature-rich WordPress e-commerce plugin.
  4. The configuration process is very simple and usually takes only one hour to complete.
  5. It works with any theme on your WordPress website, you don't need to abandon your current website design.

I could keep lengthening the list above, but the bottom line is that WooCommerce provides you with almost everything you need in order to build a quality eCommerce site using WordPress.

What WooCommerce can be used to sell

There are many answers, such as.

  1. Digital products, software, downloads, e-books, etc.
  2. Physical Products
  3. Online or offline services
  4. Online Booking
  5. Subscription Services
  6. Other people's products - as affiliate marketers
  7. Other products you can think of

In other words, you can make money through the site. wooCommerce allows you to sell anything you can assign a price to and anyone can use it for free.

5 steps to launch a WooCommerce store.

  1. 1. Create a WordPress website
  2. 2. Install WooCommerce plugin
  3. 3. Adding products
  4. 4. Select a theme
  5. 5. Extended functions

1. Create a WordPress website

As already mentioned, WooCommerce is a plugin for WordPress, so in order to create a successful online store, you first need to have a WordPress website. Don't worry, creating a WordPress website is very easy and this tutorial will guide you step by step through the process:.

  1. How to create a WordPress website

2. Install WooCommerce plugin

As with all plugins, open Dashboard, navigate to Plugins → Install New menu, enter WooCommerce in the search field and you will see WooCommerce as the first search result:.

Simply click on the Install Now button next to the plugin and after a few seconds the text on the button will change to Active, keep clicking.

At this stage, you will see the WooCommerce setup wizard, which will help you with everything. An online store is a special kind of website that requires some specific pages to work properly, and the first step of the WooCommerce wizard is to create these pages for you:.

  1. Shop: This is the page used to display products
  2. Cart: This is the shopping cart where customers can adjust their orders before checkout
  3. Checkout: This is where the customer selects the receipt method and completes the checkout
  4. My Account: a page for registered customers where they can view orders and manage other details

1. Store settings

Here you will set the regional location of the store, defining the source of your business through several parameters.

When you are done, click the Let's go! button.

2. Payment method

The ability to accept online payments is at the heart of any e-commerce site, and WooCommerce offers a number of available solutions, initially offering you only two.

The most popular, PayPal, is located at the top, and below that are the available offline payment options, so you can just check the appropriate checkboxes to suit your needs. Of course, you can also choose from a wider variety of other payment options (such as Stripe and Square), and more options in the WooCommerce settings panel will be available later.

Note: For online payments to work properly, you need to sign up for PayPal, Stripe or Square separately, and the settings in WooCommerce only allow integration of your existing PayPal or Stripe account with the e-commerce site.

When finished, click the Continue button to go to the next step.

3. official recommendation

Here are the recommended themes and plugins for WooCommerce.

  1. Storefront is the official theme of WooCommerce, the default version is free and basically meets the needs of a new store builder.
  2. MailChimp is a subscription plugin where customers submit emails and subscribe to your website news, and then you can push various information to them.

I suggest you check all of them and then go ahead and click the Continue button.

4. Jetpack

Jetpack is one of the most used SEO (Search Engine Optimization) plugins, but most of them are bundled and installed. This plugin is so large and bloated that I suggest you skip this step and click on the Skip this step link at the bottom of the screen at

5. Everything is ready

Finally you have reached the final step, your website setup is complete and you now have a blank e-commerce website at.

Click the Visit Dashboard button in the bottom left corner to return to the backend, next we start adding products.

3. Add products

In order to make the store work, you need to add some goods (or services, downloads, and anything else you want to sell).

Go to Dashboard and click on the menu Products → Add New. There may be some messages at the top of the page, so let's ignore them and focus on the content editing module below.

The following is a description of each section.

  1. Product Name.
  2. Product description: Enter detailed product information here, and in addition to text, place images, tables, videos, and any other media you can think of.
  3. Product data: Here you can set the type of product to be added, physical or digital, in addition to adding various parameters.
  4. General: Set normal price and promotional price
  5. Inventory: Set inventory information
  6. Shipping: Set weight, size and shipping costs
  7. Linked Products: Ideal for setting up upsells and cross-sells, e.g., customers who buy this product also buy...
  8. Attributes: set custom attributes, such as color and size of clothes
  9. Advanced: Other settings, not required.
  10. Short Description: This is the text displayed below the product name and is best suited as a short summary of the product.
  11. Product category: Use similar products as a category, such as tops, pants, shoes, etc.
  12. Product tags: Another way to help you organize your products, such as trendy and fashionable, youthful and beautiful.
  13. Product image: the main image of the product.
  14. Product Gallery: Other images of the product, generally used for rotating display.

After you have done all the above, click the blue Publish button on the right side of the page and your first product is added. Next, follow the steps above to add additional products, then click on the menu Products → All Products and the page should look like this.

4. Select a theme

If there aren't any products in the database, then you can't visually view the various pages of the store and make sure everything is working properly. Following the steps above, you should now have most of your products added, and next we'll talk about optimization strategies from a purely visual perspective.

WooCommerce vs. your current theme

By default, WooCommerce works with any WordPress theme. This is good news, especially if you have chosen your own design and intend to stick to it all the time. Or, you can use WooCommerce-optimized themes that come with pre-defined styles that make all page elements look great.

Here is my suggestion.

  1. If you already have a unique WordPress theme, then go ahead and use it, just make sure it looks good on WooCommerce;.
  2. If not, then pick a new theme optimized for WooCommerce.

To learn about some of the best WordPress themes, check out this article.

The official WooCommerce theme is called Storefront, and the default version is free enough to support your existing business.

Or, you can visit the e-commerce section of ThemeForest, the highest-rated WordPress theme directory on the web.

Whether you are using the current theme, or a theme optimized for WooCommerce, all you need to do is make sure the individual pages look good.

Design rules for e-commerce websites

Before we get into the details, let's discuss some important guidelines, mainly: what makes an e-commerce website design better?

The following are the most important parameters.

  1. Ensure that the page design and functionality is clear enough and not confusing in any way that a confused visitor will not buy anything.
  2. the central content needs to quickly attract the attention of visitors and this area should be used to showcase products.
  3. The ability to easily adjust the sidebar and also to disable it completely for certain pages.
  4. Responsive and mobile optimized: Studies show that approximately 80% of users on the Internet have smartphones; according to another study, 61% of mobile visitors leave immediately. If your mobile browsing experience is poor, you will lose these potential customers.
  5. Good navigation structure: You want to provide a clear menu so that visitors can find whatever page they are looking for.

With the above in mind, you can perform a number of targeted actions on individual pages.

1. Store page

This is your main product listing page, and the page address should look something like this: https://thatmy.com/shop/.

If you don't have any pages corresponding to this link, then please change the fixed link settings of your website. Open the menu Settings → Permalinks, select Post name and then click the Save Changes button as follows.

This is a standard WordPress page that you can edit via Dashboard → Pages, and now the following needs to be done.

  1. Continue to add additional products to encourage visitors to shop on the site.
  2. Deciding whether you want to add a sidebar to your page is done through the theme's page templates, but requires the purchase of the Storefront Powerpack extension, which includes a large number of rich features such as page layout, color adjustment, and multiple styles, among others. You may not have to purchase it now.

In the Storefront theme, your store page should look like this.

As you can see, beautiful product images are key, and that's the first thing you should get right.

2. Single product page

To view these, click on any of the products on the store page.

If you are using a high quality theme, then you should not have any difficulties here. Basically, the only thing you can do is tweak the product description to make sure everything is visually appealing.

3. Shopping cart

Another key page that can be adjusted via Dashboard → Pages, you shouldn't offer too many other options for buyers here besides the checkout function.

In the product page, add it inside the shopping cart, and then the shopping cart page should look like this.

4. Checkout

This is where the buyer completes the order and pays for it, and you should not make any adjustments to this.

At this stage, you have basically adjusted the store design, next we look at the extended functionality.

5. Extended functions

Another important reason why WooCommerce is so popular is that you get access to hundreds of well-designed extensions and plugins, and we've picked out some of the best options that you can start using right away:.

WooCommerce Official Plugin Third Party Plugin

  1. Payment: these plugins allow you to accept additional payment methods on top of the standard PayPal.
  2. Shipping: automatic integration with the official shipping rates of companies such as UPS or FedEx.
  3. Accounting: Integrating your WooCommerce store with financial tools.
  4. WooCommerce Bookings: allowing customers to book services.
  5. WooCommerce Subscriptions: customers subscribe to your products or services and pay weekly, monthly or annually.
  6. EU VAT Number: for sellers doing business in the EU.
  7. TaxJar: Automated sales tax processing.
  8. Yoast SEO: improving the SEO (search engine optimization) of the entire website.
  9. Yoast WooCommerce SEO: improving SEO in e-commerce.
  10. WooCommerce Multilingual.: Run a multilingual WooCommerce site.
  11. Contact Form 7: Allowing visitors to contact you directly.
  12. UpdraftPlus: backups of all content of the site, including products and other data.
  13. Social Share Buttons by GetSocial: Let buyers share your products via social media.
  14. MonsterInsights: integrating your website with Google Analytics.
  15. iThemes Security: increasing the security of websites.
  16. W3 Total Cache: Accelerate your site with caching.

Summary

As you can see, creating your own e-commerce website with WordPress is not difficult. For the uninitiated, it usually takes at most one or two afternoons to complete all of these steps. A few years ago, you would have had to hire several developers and spend tens of thousands of dollars to get something like this, but now you can control everything yourself! The initial cost is not even more than $10.

If you wish to sell something online but don't want to manage products, inventory, shipping, etc., then you can create an affiliate store, see our this tutorial on how to create an Amazon affiliate store using WordPress for more details.

Affiliate Marketing FAQ

Fastest Shared Web Hostingers

But if you no with the use of free CDN, Advance cashing now a days we no need to worry about service provider uptime

Fastest Dedicated Server Hosting

But if you no with the use of free CDN, Advance cashing now a days we no need to worry about service provider uptime

Fastest VPS Hosting

But if you no with the use of free CDN, Advance cashing now a days we no need to worry about service provider uptime

High-speed hosting for small busines

But if you no with the use of free CDN, Advance cashing now a days we no need to worry about service provider uptime

How to improve website loading speed

But if you no with the use of free CDN, Advance cashing now a days we no need to worry about service provider uptime

How to Speed Up WordPress Website

But if you no with the use of free CDN, Advance cashing now a days we no need to worry about service provider uptime

How to Score a Perfect 100% on Google PageSpeed Insights

But if you no with the use of free CDN, Advance cashing now a days we no need to worry about service provider uptime

Best CMS Content Management Systems to Make Your Website Load Faster

But if you no with the use of free CDN, Advance cashing now a days we no need to worry about service provider uptime

Conclusion

The only question is, which side are you going to pick?

Let me know in the comments.

Share