< Back to Course

INF 270: WordPress — Week 5: Setting up WooCommerce

Install WooCommerce

  1. Log into WordPress and navigate to "Plugins"
  2. Click "Add New" and search for "WooCommerce"
  3. Click "Install Now" and then "Activate"

Set up your Store

  1. Click the blue "Set up my store" button
  2. Under "Which one describes you" pick "I'm setting up a store for a client"
  3. Fill out the form - enter your store name, select an industry, and select Ohio for the location.
  4. On the "get a boost" screen, uncheck all of these optional features.

Add your products

  1. On the left sidebar go to "Products" -> "Add New Product"
  2. Give your product a title and description.
  3. On the right sidebar, add a Product Image
  4. Scroll down to the Product Data panel. Make sure it says "Simple product" and then give your product a price (regular, not sale)
  5. On the right sidebar, under Product Categories, click "+Add New Category". Type in your category name and then click "Add new category"
  6. Make sure your new category is checked and "Uncategorized" is unchecked.
  7. Scroll up and click the blue "Publish" button
  8. Repeat two more times to create three total products.

Clean up your product categories

  1. Go to "Products" -> "Categories"
  2. Hover over one of the categories you just made and click "Make Default."
  3. Hover over the "Uncategorized" category and click "Delete."

Add the Shop page to your nav

  1. Go to Appearance -> Editor
  2. Select "Navigation"
  3. Click the 3 dots at the top and select "Edit"
  4. Use the list view or directly in the block editor, add the Shop page to your navigation menu.
  5. Click "Save"

Check your Shop page on the frontend

  1. Go to the frontend of your site and confirm the "Shop" menu item is showing up
  2. Navigate to your Shop page
  3. Add some products to your cart. If you notice any items that say "Read More" instead of "Add to Cart" it means you forgot to add a price.
  4. Click "View Cart" or click the cart icon in your nav to go to the checkout page.
  5. Notice the error message "There are no payment methods available." - we need to add a payment method.

Add Payment Method

  1. In the backend, go to WooCommerce -> Settings.
  2. Click the "Payments" tab.
  3. Scroll down and click "Take offline payments" and then enable the "Check payments" option.
  4. Refresh your checkout page and continue checking out.