{"id":1929,"date":"2020-03-16T13:32:20","date_gmt":"2020-03-16T17:32:20","guid":{"rendered":"http:\/\/newmediaproduction.mynmi.net\/?page_id=1929"},"modified":"2026-03-23T16:34:06","modified_gmt":"2026-03-23T16:34:06","slug":"woocommerce-starter-steps","status":"publish","type":"page","link":"https:\/\/nmi.cool\/webdev\/woocommerce-starter-steps\/","title":{"rendered":"WooCommerce Starter Steps"},"content":{"rendered":"\n<p>The following tutorial will walk you through the process of installing WooCommerce on your WordPress site. Before you get started, make sure that you&#8217;ve completed a few preliminary steps. <\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>You should have read the very helpful <a href=\"https:\/\/nmi.cool\/webdev\/intro-to-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">Intro to WordPress<\/a> lesson.<\/li>\n\n\n\n<li>You should have <a href=\"https:\/\/nmi.cool\/webdev\/wordpress-starter-steps\/\" target=\"_blank\" rel=\"noreferrer noopener\">WordPress installed on your server<\/a>. <\/li>\n\n\n\n<li>At this point, you should have already explored WordPress with the <a href=\"https:\/\/nmi.cool\/webdev\/wordpress-playground\/\" target=\"_blank\" rel=\"noreferrer noopener\">WordPress Playground<\/a> exercise.<\/li>\n\n\n\n<li>The Block Editor and Site Editor should not be new to you!<\/li>\n\n\n\n<li>And last, but certainly not least, you should have read the <a href=\"https:\/\/nmi.cool\/webdev\/woocommerce\/\" target=\"_blank\" rel=\"noreferrer noopener\">WooCommerce introductory lesson<\/a>.<\/li>\n<\/ol>\n\n\n\n<p>All set and ready to go? Let&#8217;s install WooCommerce! <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Installing WooCommerce<\/h2>\n\n\n\n<p>First off, you&#8217;ll want to log in to your WordPress site and navigate to the plugins section of your dashboard. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"478\" src=\"https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2025\/10\/WP-dashboard-plugin-1024x478.png\" alt=\"Plug-ins dashboard\" class=\"wp-image-6272\" style=\"box-shadow:var(--wp--preset--shadow--natural)\" srcset=\"https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2025\/10\/WP-dashboard-plugin-1024x478.png 1024w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2025\/10\/WP-dashboard-plugin-300x140.png 300w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2025\/10\/WP-dashboard-plugin-768x359.png 768w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2025\/10\/WP-dashboard-plugin-1536x717.png 1536w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2025\/10\/WP-dashboard-plugin.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">The Plugin area of your dashboard, source: <a href=\"https:\/\/wordpress.org\/documentation\/article\/manage-plugins\/\">WordPress.org<\/a><\/figcaption><\/figure>\n\n\n\n<p>Click &#8220;Add New&#8221; either at the top of the page or from the menu items on the dashboard. <\/p>\n\n\n\n<p>Next, you&#8217;ll do a quick search for WooCommerce. You&#8217;ll be looking for the plugin by Automattic (with two t&#8217;s!).<a href=\"#footnote-1-1929\" id=\"note-1-1929\" rel=\"footnote\">1<\/a> Once you&#8217;ve found it, click &#8220;Install Now.&#8221; Then, click &#8220;Activate.&#8221; <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"397\" src=\"https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2025\/10\/Screenshot-2025-10-20-at-10.46.27-AM-1024x397.png\" alt=\"WooCommerce plugin in search results\" class=\"wp-image-6274\" style=\"box-shadow:var(--wp--preset--shadow--natural)\" srcset=\"https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2025\/10\/Screenshot-2025-10-20-at-10.46.27-AM-1024x397.png 1024w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2025\/10\/Screenshot-2025-10-20-at-10.46.27-AM-300x116.png 300w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2025\/10\/Screenshot-2025-10-20-at-10.46.27-AM-768x297.png 768w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2025\/10\/Screenshot-2025-10-20-at-10.46.27-AM-1536x595.png 1536w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2025\/10\/Screenshot-2025-10-20-at-10.46.27-AM-2048x793.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Look for WooCommerce by Automattic <\/figcaption><\/figure>\n\n\n\n<p>As you will have noticed, there are LOTS of different plugins that enhance WooCommerce and you might want to explore some of them later\u2014 but let&#8217;s work on getting WooCommerce up and running first! <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Setup Wizard<\/h2>\n\n\n\n<p>To get started, we&#8217;re going to provide some information about our store. First, we need to provide an address. This will be a fictional store, so feel free to use the same information included in the example below! Click &#8220;Set up my store&#8221; to move forward.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"890\" src=\"https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2025\/10\/WooCommerce-welcome-1024x890.png\" alt=\"WooCommerce setup wizard\" class=\"wp-image-6276\" style=\"box-shadow:var(--wp--preset--shadow--natural)\" srcset=\"https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2025\/10\/WooCommerce-welcome-1024x890.png 1024w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2025\/10\/WooCommerce-welcome-300x261.png 300w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2025\/10\/WooCommerce-welcome-768x668.png 768w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2025\/10\/WooCommerce-welcome.png 1376w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Set up your store.<\/figcaption><\/figure>\n\n\n\n<p>This Set Up Wizard will take you through some initial start up steps and gather basic information about your store. You&#8217;ll want to make the following selections and\/or provide information:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>&#8220;I&#8217;m just starting my business.&#8221; But, notice that there&#8217;s also an option for setting up a store for a client. That could be handy to explore if you ever decide to dabble in freelance web development.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"996\" height=\"1024\" src=\"https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2025\/10\/WooCommerce-store-info-996x1024.png\" alt=\"WooCommerce setup wizard first screen asking for general information about your store\" class=\"wp-image-6285\" style=\"box-shadow:var(--wp--preset--shadow--natural)\" srcset=\"https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2025\/10\/WooCommerce-store-info-996x1024.png 996w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2025\/10\/WooCommerce-store-info-292x300.png 292w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2025\/10\/WooCommerce-store-info-768x790.png 768w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2025\/10\/WooCommerce-store-info.png 1210w\" sizes=\"auto, (max-width: 996px) 100vw, 996px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Give your store a name and a location \u2013 it doesn&#8217;t have to be a real one!<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Uncheck the box in the bottom corner to <strong>opt out <\/strong>of receiving tips from WooCommerce in your inbox.<\/li>\n<\/ul>\n\n\n\n<p>Next, you&#8217;ll see a page prompting you to add free features. We are going to skip this step. So, click on &#8220;Skip this step&#8221; in the top right corner.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"513\" src=\"https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2025\/10\/WooCommerce-get-started-1024x513.png\" alt=\"New WooCommerce dashboard in WordPress dashboard.\" class=\"wp-image-6283\" style=\"box-shadow:var(--wp--preset--shadow--natural)\" srcset=\"https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2025\/10\/WooCommerce-get-started-1024x513.png 1024w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2025\/10\/WooCommerce-get-started-300x150.png 300w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2025\/10\/WooCommerce-get-started-768x385.png 768w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2025\/10\/WooCommerce-get-started-1536x770.png 1536w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2025\/10\/WooCommerce-get-started-2048x1027.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Start up continues in our WordPress dashboard.<\/figcaption><\/figure>\n\n\n\n<p>Set up continues in your WordPress dashboard. Notice that a WooCommerce section is now including in your dashboard menu. In front of you is a 5-step checklist for setting up the main features of your store. <strong>We are going to focus, first, on Steps 2, 3, and 4.<\/strong> If you navigate away from this checklist, no problem! It will stay in your WooCommerce plugin Home until you launch your store. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Set up payments<\/h2>\n\n\n\n<p>Let&#8217;s do the easy steps first. Click on Step 3, &#8220;Set up Payments.&#8221;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"492\" src=\"https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2025\/10\/WooCommerce-payment-1024x492.png\" alt=\"Payments setup screen in WooCommerce plugin Settings\" class=\"wp-image-6284\" style=\"box-shadow:var(--wp--preset--shadow--natural)\" srcset=\"https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2025\/10\/WooCommerce-payment-1024x492.png 1024w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2025\/10\/WooCommerce-payment-300x144.png 300w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2025\/10\/WooCommerce-payment-768x369.png 768w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2025\/10\/WooCommerce-payment-1536x738.png 1536w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2025\/10\/WooCommerce-payment-2048x984.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Select Take offline payments<\/figcaption><\/figure>\n\n\n\n<p>We are not connecting our bank accounts or credit cards to WooCommerce, but we need to set up a payment method to launch our store, so we will select  &#8220;Take offline payments&#8221; and on the next page, select &#8220;Cash on delivery.&#8221;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Set up tax<\/h2>\n\n\n\n<p>Next up, Step 4. Click &#8220;Collect sales tax.&#8221; At the bottom of the next page, select &#8220;I don&#8217;t charge sales tax.&#8221;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"604\" src=\"https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2025\/10\/Screenshot-2025-10-20-at-9.14.41-PM-1024x604.png\" alt=\"Tax set up screen in WooCommerce plugin dashboard\" class=\"wp-image-6292\" style=\"box-shadow:var(--wp--preset--shadow--natural)\" srcset=\"https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2025\/10\/Screenshot-2025-10-20-at-9.14.41-PM-1024x604.png 1024w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2025\/10\/Screenshot-2025-10-20-at-9.14.41-PM-300x177.png 300w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2025\/10\/Screenshot-2025-10-20-at-9.14.41-PM-768x453.png 768w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2025\/10\/Screenshot-2025-10-20-at-9.14.41-PM-1536x906.png 1536w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2025\/10\/Screenshot-2025-10-20-at-9.14.41-PM-2048x1208.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">We&#8217;re not charging sales tax.<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Setting up your store<\/h2>\n\n\n\n<p>Okay, now we&#8217;re ready to start setting up the products in our store. But before we select &#8220;Add your products,&#8221; you&#8217;ll need to figure out what you want to sell in your store. It can be any <strong>physical product<\/strong>: flowers, coffee, fancy jam, t-shirts\u2014 the sky is the limit!<\/p>\n\n\n\n<p>A little later on we&#8217;re going to be asked for a product image. If you&#8217;re using images you already have, that&#8217;s great, but if you need to download some images you can turn to <a aria-label=\" (opens in a new tab)\" href=\"https:\/\/unsplash.com\" target=\"_blank\" rel=\"noreferrer noopener\">Unsplash<\/a> or even do a Google image search (You can search for images that are labeled for reuse by clicking &#8220;Tools&#8221; and &#8220;Usage Rights.&#8221; This isn&#8217;t required for an academic projects, but it is a good habit to be in for when you&#8217;re making your own projects for the web.) AI Generators can also come in handy to help you create the fake products of your dreams. For practice, though, we recommend Unsplash.<br><\/p>\n\n\n\n<p><strong>TIP:<\/strong><br>Once you have your images, we recommend editing them so that they are sized and oriented to look like a complete and consistent group of product images. When your images are ready, move on to the next step.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Adding your first product<\/h2>\n\n\n\n<p>First, we need to define our project type \u2013 Physical product.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"452\" src=\"https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2025\/10\/WooCommerce-Add-products-1024x452.png\" alt=\"Add Products set up screen in WooCommerce plugin dashboard\" class=\"wp-image-6280\" style=\"box-shadow:var(--wp--preset--shadow--natural)\" srcset=\"https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2025\/10\/WooCommerce-Add-products-1024x452.png 1024w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2025\/10\/WooCommerce-Add-products-300x133.png 300w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2025\/10\/WooCommerce-Add-products-768x339.png 768w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2025\/10\/WooCommerce-Add-products-1536x678.png 1536w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2025\/10\/WooCommerce-Add-products-2048x905.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Select Physical product.<\/figcaption><\/figure>\n\n\n\n<p>On the next screen, we are brought to the &#8220;Edit product&#8221; page. Let WooCommerce walk you through setting up your first product. Take your time with this and read the prompts carefully.<\/p>\n\n\n\n<p>You&#8217;ll need to:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Enter a product name<\/li>\n\n\n\n<li>Product description <\/li>\n\n\n\n<li>Price<\/li>\n\n\n\n<li>Short description <\/li>\n\n\n\n<li>Product image (upload the image you want to be the main image displayed on your Shop page.)<\/li>\n\n\n\n<li>Add product tags<\/li>\n\n\n\n<li>Add product categories<\/li>\n<\/ul>\n\n\n\n<p>Once you&#8217;re happy with your first product, click &#8220;Publish.&#8221; At this point you will see a white bar appear at the top of the editor window with a link to &#8220;View Product.&#8221; If you take a peek, you should have something that looks like this:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"727\" src=\"https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2025\/10\/Screenshot-2025-10-20-at-9.33.32-PM-1024x727.png\" alt=\"Chair product example with pricing, image, and product description displayed.\" class=\"wp-image-6295\" style=\"box-shadow:var(--wp--preset--shadow--natural)\" srcset=\"https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2025\/10\/Screenshot-2025-10-20-at-9.33.32-PM-1024x727.png 1024w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2025\/10\/Screenshot-2025-10-20-at-9.33.32-PM-300x213.png 300w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2025\/10\/Screenshot-2025-10-20-at-9.33.32-PM-768x545.png 768w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2025\/10\/Screenshot-2025-10-20-at-9.33.32-PM-1536x1091.png 1536w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2025\/10\/Screenshot-2025-10-20-at-9.33.32-PM.png 1780w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>If your page doesn&#8217;t look exactly like this, no worries. I&#8217;ve done some styling on this page already. We&#8217;ll get there. Keep going until you&#8217;ve added all of your Products.<\/p>\n\n\n\n<p>Navigate back to WooCommerce Home\u2014 see below for a screen shot. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"637\" src=\"http:\/\/nmi.cool\/newmediaproduction\/wp-content\/uploads\/sites\/14\/2021\/06\/Screen-Shot-2021-06-24-at-5.22.11-PM-1024x637.png\" alt=\"Image shows where to return to WooCommerce set up dashboard within the WordPress dashboard.\" class=\"wp-image-2903\" style=\"box-shadow:var(--wp--preset--shadow--natural)\" srcset=\"https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2021\/06\/Screen-Shot-2021-06-24-at-5.22.11-PM-1024x637.png 1024w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2021\/06\/Screen-Shot-2021-06-24-at-5.22.11-PM-300x187.png 300w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2021\/06\/Screen-Shot-2021-06-24-at-5.22.11-PM-768x478.png 768w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2021\/06\/Screen-Shot-2021-06-24-at-5.22.11-PM.png 1129w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Customize your store<\/h2>\n\n\n\n<p>Ok, now it&#8217;s time to tackle Step 1: Customize our store. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"484\" src=\"https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2025\/10\/WooCommerce-customize-1024x484.png\" alt=\"Customization screen in WooCommerce set up wizard\" class=\"wp-image-6281\" style=\"box-shadow:var(--wp--preset--shadow--natural)\" srcset=\"https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2025\/10\/WooCommerce-customize-1024x484.png 1024w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2025\/10\/WooCommerce-customize-300x142.png 300w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2025\/10\/WooCommerce-customize-768x363.png 768w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2025\/10\/WooCommerce-customize-1536x726.png 1536w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2025\/10\/WooCommerce-customize-2048x968.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Personalize your store<\/figcaption><\/figure>\n\n\n\n<p>There are three options for customizing your theme. Remember that any WordPress Installation has an active theme. The first option you have is to edit your current theme, which is likely WordPress&#8217;s Twenty Twenty Five theme (unless you&#8217;ve already explored switching up themes in your Playground site.)<\/p>\n\n\n\n<p>WooCommerce also offers a number of Templates and Patterns that let you build a store using the Block Editor If this feels like a good option for you, click on &#8220;Use the store designer.&#8221; <\/p>\n\n\n\n<p>Finally, you can activate a theme that works well with the WooCommerce plugin. We recommend <a href=\"https:\/\/wordpress.org\/themes\/storefront\/\">Storefront<\/a>. It&#8217;s a well-rated and vetted theme that can be easily adapted to lots of different product types.<\/p>\n\n\n\n<p>You can feel free to explore these options now, or come back to them a little later. We have a couple more things to look at together, so feel free to skip these for now! <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Exploring Pages<\/h2>\n\n\n\n<p>When you added WooCommerce to your WordPress site, a few pages were automatically created for you. Let&#8217;s check them out.<\/p>\n\n\n\n<p>Start by clicking the &#8220;Pages&#8221; link on your main dashboard. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"510\" src=\"https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2025\/10\/Screenshot-2025-10-20-at-9.54.50-PM-1024x510.png\" alt=\"Pages dashboard with new WooCommerce Pages\" class=\"wp-image-6298\" style=\"box-shadow:var(--wp--preset--shadow--natural)\" srcset=\"https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2025\/10\/Screenshot-2025-10-20-at-9.54.50-PM-1024x510.png 1024w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2025\/10\/Screenshot-2025-10-20-at-9.54.50-PM-300x150.png 300w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2025\/10\/Screenshot-2025-10-20-at-9.54.50-PM-768x383.png 768w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2025\/10\/Screenshot-2025-10-20-at-9.54.50-PM-1536x766.png 1536w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2025\/10\/Screenshot-2025-10-20-at-9.54.50-PM-2048x1021.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">WooCommerce already created some pages for you.<\/figcaption><\/figure>\n\n\n\n<p>You&#8217;ll notice that Storefront has already created a number of e-commerce related pages for you, including a Shop page, Cart page, and Checkout page. Feel free to browse the other pages, but these are the main three pages I&#8217;ll be looking for in your Project 3 commerce site.<\/p>\n\n\n\n<p>One final note \u2013 Your store will not go live until you launch it, Step 5. <strong>Don&#8217;t forget this important last step!<\/strong><\/p>\n\n\n\n<p>Happy WooCommercing! <\/p>\n<div class=\"footnotes\"><hr \/><ol><li id=\"footnote-1-1929\" class=\"footnote\"><p> Make extra sure that you&#8217;re picking the right WooCommerce plugin! Watch out for WooCommerce Blocks, or plugins with a similar name<a href=\"#note-1-1929\" class=\"footnote-return\">&#8617;<\/a><\/p><\/li><!--\/#footnote-1.footnote--><\/ol><\/div><!--\/#footnotes-->","protected":false},"excerpt":{"rendered":"<p>The following tutorial will walk you through the process of installing WooCommerce on your WordPress site. Before you get started, make sure that you&#8217;ve completed a few preliminary steps. All set and ready to go? Let&#8217;s install WooCommerce! Installing WooCommerce First off, you&#8217;ll want to log in to your WordPress site and navigate to the [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1929","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nmi.cool\/webdev\/wp-json\/wp\/v2\/pages\/1929","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nmi.cool\/webdev\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nmi.cool\/webdev\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nmi.cool\/webdev\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nmi.cool\/webdev\/wp-json\/wp\/v2\/comments?post=1929"}],"version-history":[{"count":15,"href":"https:\/\/nmi.cool\/webdev\/wp-json\/wp\/v2\/pages\/1929\/revisions"}],"predecessor-version":[{"id":6442,"href":"https:\/\/nmi.cool\/webdev\/wp-json\/wp\/v2\/pages\/1929\/revisions\/6442"}],"wp:attachment":[{"href":"https:\/\/nmi.cool\/webdev\/wp-json\/wp\/v2\/media?parent=1929"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}