WooCommerce Tutorial: How To Set Up An Online Store In 2021

Webデザイナーの1日・生活スタイル / Webデザイナーの仕事内容 / Webデザイナーの学校やスクールではどんなことを学ぶ?

WooCommerce Tutorial: How To Set Up An Online Store In 2021

This bit by bit instructional exercise will tell you EXACTLY the best way to set up a web-based store on WooCommerce. Millions of eCommerce businesses are insane for this WordPress module – and it ain’t hard to perceive any reason why!

This is what I’ll cover:

List of chapters

Essential Info and Requirements

  • What is WooCommerce?
  • What do you have to make a WooCommerce store?

Store Installation, Setup and Configuration

  1. The most effective method to appropriately set up and introduce WooCommerce
  2. The most effective method to get everything rolling on WooCommerce
  3. Wrapping up the underlying arrangement
  4. The most effective method to add and oversee items on WooCommerce
  5. Instructions to redo your WooCommerce store
  6. Setting up significant WooCommerce pages


Store Management & Optimization

  • WooCommerce marketing
  • WooCommerce management options & settings
  • WooCommerce settings


Wrap Up
  • Last musings

Most WooCommerce instructional exercises I saw were obsolete, so this refreshed article ought to give you something nearer to the real world. I’ve likewise tried to incorporate loads of ageless tips and models.

You’ll figure out how to begin with WooCommerce, design settings, add items – and parcels more. Furthermore, you’ll realize where everything is, so you can begin dealing with your store.

Furthermore, to direct you through each progression, I’ll set up my fake online cap shop right close by you.

woocommerce test site by bitcatcha

Indeed, caps.

What Is WooCommerce?

With more than 5 million establishments, WooCommerce is one of the most popular eCommerce platforms to assemble a web-based store.

The excellence of WooCommerce is that it assists you with planning your retail facade as well as cares for the trickier sides of eCommerce: things like tolerating installments, dealing with your stock, and following requests.

WordPress + WooCommerce

WordPress + WooCommerce = Free internet based shop!

The best part is that WooCommerce is free and genuinely simple to utilize. It openings into your WordPress site and does all the truly difficult work for you.

(Back To Top)

What Do You Need To Make A WooCommerce Store?

WooCommerce is a WordPress module, which implies you first need to have a working WordPress site.

In case you’re beginning without any preparation, here’s a synopsis of the things you’ll require:

  1. WooCommerce
  2. WordPress (to introduce WooCommerce on)
  3. A web host and area name (to set up your website and introduce WordPress)

Both WordPress and WooCommerce are free, however you’ll have to pay for your web facilitating and area name. In the following area, we’ll cover how to get everything rolling.


In the event that you as of now have a WordPress site, skirt ahead a couple passages to the WooCommerce segment.


Instructions to Properly Set Up and Install WooCommerce


Step #1: Get a web host and space name

To set up a WordPress site, you first need a solid web have and a space name.

We strongly suggest you pick a host that is enhanced for WordPress. Our top pick for WordPress destinations is Hostinger, however go ahead and look at our correlation of the top WordPress hosts if you like.

You’ll likewise have to enlist a space name. Many hosts (counting Hostinger) will remember a free space for their arrangements, yet you can likewise utilize a separate domain registrar and then connection your area to your web have physically.


Step #2: Install WordPress + WooCommerce

At the point when you’ve bought your facilitating plan, you ought to get an email from your web have with directions on the best way to get to your record.

Sign in and find your control board, then, at that point, search for the part that permits you to introduce the product. These change contingent upon what host you’re utilizing, for instance – has that utilization cPanel will utilize Softaculous.

On Hostinger – search for the ‘Auto Installer’ region.

Hostinger auto installer


Hostinger has a truly accommodating devoted button to introduce WooCommerce + WordPress together in a solitary advance. You simply need to click ‘Select’, fill in certain subtleties, and your WordPress site will be introduced WITH WooCommerce.

In case you’re utilizing another facilitating brand with cPanel, you’ll need to do this in 2 separate advances.

  • Go to the Softaculous installer and introduce WordPress. Go through the establishment interaction.
  • Then, at that point, sign into your WordPress dashboard and select ‘Modules’ from the left side menu. Snap ‘Add New’ and type WooCommerce in the inquiry bar. Snap ‘Introduce Now. When establishment is finished, click ‘Initiate’.


Step by step instructions to Get Started On WooCommerce

Ensure you’re signed into your WordPress site. The least demanding way of doing this is to tap on your location bar, and type in your site URL followed by /wp-administrator/

For instance, if my site is, I’d type in You would then be able to sign in utilizing your WordPress username and secret key.

You should now see a WooCommerce invite message welcoming you to run the 6-venture WooCommerce arrangement wizard.

WooCommerce setup wizard

In principle, you can skirt this and set up WooCommerce physically. However, why make life troublesome?

Snap ‘Begin Selling’ to dispatch the wizard. This is what you’ll be approached to do:


1. Set up your Store Details

By including your location, country/area, and postcode.

WooCommerce store details


2. Next – select the industries you are in

Tick all that apply.


WooCommerce industries


3. Next – Product Types

Show the sorts of items that you’ll sell.


WooCommerce product types


You’ll see there are some paid choices for specific kinds of item, for example, ‘Memberships’ and ‘Participations’. You can drift over the ‘I’ to get more data on these, however for this article I’ll be adhering to ‘Actual Products’.


4. Next – fill in some Business Details

Show the number of items you’ll show and in case you’re right now selling your items elsewhere (for example in an actual store, or on another eCommerce stage).

WooCommerce business details


5. Next – you’ll be suggested some WooCommerce modules

Snap on the little bolt close to the message that peruses ‘Add prescribed business provisions to my site’ to extend the full rundown. You can then independently tick or untick the ones you need.


WooCommerce recommended plugins


This is a genuinely new element that can be extremely useful for fledglings since you can introduce a ton of suggested modules across the board go – yet this shouldn’t imply that you need them all.

Here is an outline of a portion of the modules you may see.

  1. WooCommerce Payments
    • Completely coordinated installments answer for safely acknowledge significant credit/charge cards.Do you need it?
    • Most likely yes – Simplifies the installment interaction and no month to month charges.
  2. WooCommerce Shipping
    • Allows you to print delivering marks directly from your WooCommerce dashboard and makes you transport discounts.Do you need it?
    • Likely yes – makes satisfaction simple and reduces expenses off delivery
  3. WooCommerce Tax
    • Naturally ascertains deals charge for your orders.Do you need it?
    • Likely yes – Simplifies charge. Simply check that it will work in your country.
  4. Jetpack
    • Incredible security suite for overseeing reinforcements and ensuring you against malware.Do you need it?
    • Likely indeed, in case you’re a novice and don’t have a clue how to oversee security physically.
  5. Facebook
    • Incorporates with Facebook to assist you with setting up a Facebook or Instagram store.Do you need it?
    • Discretionary – Helps you market on Facebook, yet audits are really hopeless.
  6. Google Listings and Ads
    • Assists you with getting on free and paid Google postings, and set up ads.Do you need it?
    • Discretionary – More valuable on the off chance that you plan to buy advertisements.
  7. MailChimp
    • The most notable mail administration – extraordinary eCommerce functions.Do you need it?
    • You’ll improbable need MailChimp. Exploration or give them a shot, and pick your top choice.
  8. MailPoet
    • Incredible simplified interface for sending messages through WordPress. Useful for huge mailing lists.Do you need it?
    • You’ll improbable need MailPoet. Exploration or give them a shot, and pick your top choice.
  9. Innovative Mail
    • Assists you with planning and oversee lovely conditional messages for your customers.Do you need it?
    • You’ll improbable need Creative Mail. Exploration or give them a shot, and pick your top choice.


Relax in the event that you would prefer not to choose how – you can generally introduce the modules later on. At the point when you’re finished picking – click ‘Proceed’.

Introducing these may require a few minutes. Try not to freeze in case it’s sluggish. Make some tea.


6. Finally – choose a Theme

Your theme will be the basic layout of your site, which you can later customize more to your liking. You can click the tabs to browse Paid and Free themes.


Choose a theme


At the point when you discover a topic you like, click ‘Pick’. Furthermore, relax – you can generally change your topic later.

I’ll be adhering to the free topic ‘Customer facing facade’, so I’ll click ‘Proceed with my dynamic topic’.

7. Set up a Jetpack account

On the off chance that you showed before that you needed to introduce ‘Jetpack’, you’ll presently be incited to set up a Jetpack account. You’ll be coordinated to the Jetpack interface, where you should look down until you see something as per ‘Begin For Free. Snap on this and follow the on-screen steps.

Next – Let’s Finish The Initial Setup

You ought to ultimately wind up back on your WooCommerce dashboard where you’ll see a rundown of activities to ‘Complete Setup’.


WooCommerce setup overview


In the Finish arrangement region, you’ll see a guide of things to navigate and finish:

  1. Add my items
  2. Set up installments
  3. Set up charge
  4. Set up transportation
  5. Customize your store


I will take you through these underneath.

Leave your thought here

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

Popular tags

1つのWEBサイトを作るのには、どれだけの時間がかかるもの? alt属性とは?画像検索の対策 business DTPデザイナーが陥りがちな残念なWebデザイン IT Security IT services ITで働き方改革!クラウド、テレワークの新しい仕事の形とは LP(ランディングページ)って何? Pythonでできることって何だろう? Pythonとは?大人気プログラミング言語のメリット Webサイトの制作って、なぜこんなに高いの?! Webサイトを更新したのに反映されない?それ、キャッシュが原因 Webサイトを更新したのに反映されない?それ、キャッシュが原因かも…【PC編】 Webデザイナーの1日・生活スタイル WEB制作の現場で使われる用語をご紹介 WordPress(ワードプレス)でのホームページ制作・ウェブサイト制作 WordPressのメリットとデメリット WordPressを使ったホームページ作成のメリットデメリット 「デザインお願いします」と言われてデザイナーは何を考えてデザインしているの? この修正、お金かかるんですか? なんて名前? WEBサイトの基本パーツ名と導入時の注意点! イメージコピーとセールスコピーの違い クリック率とCV数をUP!サイトの入り口を飾る「titleタグ」「meta description」とは? コロナ対策のためにネットショップを素早く開設しよう!ECサイト構築 ネットワークエンジニアとは?ネットワークエンジニアの仕事内容と将来性 ネットワークエンジニアになるには資格が必要?おすすめの資格 フリーランスのWebデザイナーが仕事を効率良くする方法とは? ブログで使っているその画像は本当に大丈夫? プログラマーとは?プログラマーの種類と将来性 ペルソナってなに? 〜WEBサイトのターゲット ホームページとウェブサイトの違い! ホームページを制作する目的の重要性 ホームページ作成に失敗しないための、制作料⾦の費⽤相場と Web制作ツール・制作業者選定のポイント ホームページ制作で起きるトラブル事例と対策 ホームページ制作と動画や写真撮影などを一社でまとめるメリット ホームページ制作に関する著作権 ホームページ制作の注意点 企業にとってのホームページの役割と運用目的を再確認 働きながらWebプログラミングスクールに通う方法 初心者でも簡単!無料でホームページ作成ができるソフト 危険!Wordpressの更新は制作会社にご依頼ください。 古いサイトは何故ダメなのか 在宅でできるWebデザインを副業にしよう♪初心者におすすめの仕事は? 画像はリサイズして使いましょう! 〜重いサイトにしないために 結果が出ないホームページの初歩的なミス
Select the fields to be shown. Others will be hidden. Drag and drop to rearrange the order.
  • Image
  • SKU
  • Rating
  • Price
  • Stock
  • Availability
  • Add to cart
  • Description
  • Content
  • Weight
  • Dimensions
  • Additional information
  • Attributes
  • Custom attributes
  • Custom fields
Click outside to hide the comparison bar