Add a Product to Your Website

Add/Create a New Product

(Note: you can also select an existing product in the product list and clone it with the UpdraftPlus Clone plugin. Here, I’ll show you how to add a new product from scratch.

  1. Log in to your WordPress admin account (website.com/wp-admin)
  2. In WordPress’s left sidebar, choose: Products
  3. Click: Add new product (top left of page)
  4. Name your new product (this may change later, so it doesn’t have to be perfect)
  5. Add the Product Image
    (1200 x 1200 pixels, JPEG, RGB, web-optimized in Photoshop)
  6. Add the Product Gallery Images
    (1200 x 1200 pixels, JPEG, RGB, web-optimized in Photoshop)

Make your Product and Gallery Images

For this step, we’ll use Google’s Gemini AI to create mock-up images. This will be good practice for customizing your website.

1. Log in to your free Google Gemini AI account

2. Start a new chat

3. Copy and paste this prompt and press return: Please create a mock-up photo (square, 1200×1200 pixels) of a photorealistic thyme-green women’s V-neck T-shirt lying flat on a white background. The T-shirt front graphic should be a vector drawing of a white tulip and the creatively designed, scripty phrase “I Love My Flower Garden.”

Flat-lay mockup of a thyme-green women's V-neck T-shirt centered on a clean white background, featuring a white tulip illustration and the scripty text "I Love My Flower Garden.

4. Prompt: Perfect. Now, please create a photorealistic mock-up photo (square, 1200×1200 pixels) of an Asian woman in her 30s wearing this shirt (uploaded), posing like a model in her tulip garden. The flower garden and wooded forest behind her are slightly blurred. A white picket fence and trellis are also behind her, along with a white bench swing. 
(Click + and upload T-shirt image)

Photorealistic lifestyle photo of an woman in her 30s wearing the thyme-green V-neck T-shirt, smiling while posing in her tulip garden with a white picket fence, trellis, and bench swing in the blurred background.

Have Gemini write Alt Text for your Images

1. Copy and paste this prompt and press return: Please write alt text for these six product images. Product name: Green V-Neck T-Shirt – I Love My Flower Garden.

Here is the alt text for your six product images:

  • Image 1 (Flat Lay): Flat-lay mockup of a thyme-green women’s V-neck T-shirt centered on a clean white background, featuring a white tulip illustration and the scripty text “I Love My Flower Garden.”
  • Image 2 (Asian Woman in Garden): Photorealistic lifestyle photo of a woman in her 30s wearing the thyme-green V-neck T-shirt, smiling while posing in her tulip garden with a white picket fence, trellis, and bench swing in the blurred background.
  • Image 3 (Native American Woman in Garden): Photorealistic lifestyle photo of a woman in her 20s wearing the thyme-green V-neck T-shirt with braided hair, holding a garden basket while posing in a blooming tulip garden with a white picket fence and swing in the blurred background.
  • Image 4 (Hispanic Woman at Flower Stand): Photorealistic lifestyle photo of a woman in her 20s wearing the thyme-green V-neck T-shirt, posing at a farmer’s market flower stand holding a bouquet of tulips behind a wooden sign that reads “Fresh Flowers.”
  • Image 5 (White Woman on Park Bench): Photorealistic lifestyle photo of a woman in her 20s wearing the thyme-green V-neck T-shirt, sitting on a city park bench with her small dog, with a blurred fountain and flower garden behind her.
  • Image 6 (Black Woman on Patio Bench): Photorealistic lifestyle photo of a woman in her 30s wearing the thyme-green V-neck T-shirt, posing gracefully on a backyard stone paver patio bench with a blurred flower garden, wooden forest, and white picket fence in the background.

Optimize your Product and Gallery Images

  1. Download your images from Gemini
  2. Open your images in Photoshop
  3. File > Export > Save for Web (Legacy)
  4. Choose JPEG, High Quality, and set your size to 1200 x 1200 pixels. (It’s OK to size them up a little. Gemini’s free account usually defaults a square image to 1024 x 1024).
  5. Click: Save
  6. Name your optimized files like this:
    1. Green-V-Neck-T-Shirt-I-Love-My-Flower-Garden-Gallery-Image-Just-T-shirt.jpg
    2. Green-V-Neck-T-Shirt-I-Love-My-Flower-Garden-Gallery-Image-Woman1.jpg
    3. Green-V-Neck-T-Shirt-I-Love-My-Flower-Garden-Gallery-Image-Woman2.jpg
    4. Green-V-Neck-T-Shirt-I-Love-My-Flower-Garden-Gallery-Image-Woman3.jpg
    5. Green-V-Neck-T-Shirt-I-Love-My-Flower-Garden-Gallery-Image-Woman4.jpg
    6. Green-V-Neck-T-Shirt-I-Love-My-Flower-Garden-Gallery-Image-Woman5.jpg

Upload your Images to WordPress Media Gallery

  1. In WordPress, in your Product editing interface, in the right-hand column, find Product image and click: Set product image
  2. Click: Upload files
  3. Select all six optimized images and click: Upload
  4. After they upload, select each image and copy and paste the corresponding alt text into each one.
  5. Select the image you want to use for your main product image (first one seen) and click: Set product image.
  6. Next, (back in the product editing window) under Product gallery, click: Add product gallery images. Navigate to the Media Library and select the other remaining images (shift-click).
  7. Click: Add to gallery
  8. Nice job!