Note: While our most popular guides have been translated into Spanish, some guides are only available in English.

Using the classic product editor

We recently updated the product editor to offer a more streamlined experience. Both versions of the product editor are currently available on your site, and you can switch between them. This guide covers the classic product editor. If you haven't switched to the new product editor yet, use this guide to learn how to add and edit products using the classic editor.

Which product editor do I have?

If you’re not sure what version of the editor your site has, click these tabs:

The classic editor displays product photos on the left side of the editor window. To add product details, click through tabs at the top of the window. If this matches your site, continue reading this guide.

Screen_Shot_2020-10-07_at_5.58.58_PM.png

The new editor organizes photos and product information in a vertical stack. To add product details, scroll down in the editor window to access different fields. If this matches your site, visit Adding products to your store.

Screen_Shot_2020-10-07_at_5.52.58_PM.png

Add product details

To add or change product details:

  1. In the Home menu, click Pages, then click a store page.
  2. Double click the product you want to edit, or add a new product.
  3. Add details following the steps in this guide.
  4. When you're finished, click Done, then click Save.

Name and description

Use the Name and Description fields to add information for your product.

Name_and_description.png

Product images

Click the Upload images arrow in the image field or drag and drop images from a folder on your computer to add images for the product.

Multiple images display as thumbnails on the product item view. To learn more, visit Product images. Hover over an image and click the gear icon to add alt text.

  • Primary image - The image in the top-left corner in the product editor's Item tab is the primary image, and it displays first on product details pages. Click and drag images to change their order.
  • Additional images - All images after the first image are additional images, which display on product details pages, and on hover on the store page. Click and drag images to change their order.

Thumbnail images

The thumbnail image represents your product in product blocks, summary blocks, and when you share the product on social media.

The first product image you add is set as the thumbnail image by default.

To set a different thumbnail image, click the Options tab, click the trash can icon, then click the image uploader to add a new image. To reuse an image or use a stock image, click Search For Images.

Variant images

On product details pages, variant images show shoppers what each product variant looks like. For example, you can use variant images to show products in different sizes and colors. By default, the product thumbnail image displays until shoppers select a variant from the drop-down menu.

To add a variant image:

  1. Click the Pricing & Variants tab.
  2. In the far-left column, click the image field, then click Upload image. You can upload a new image, or choose an image you've already uploaded.

Pricing and variants

Click the Pricing & Variants tab to define attributes for your product and assign variant images. For Physical and Service products, you can define multiple variants for a product. To learn more, visit Adding product variants

Tags and categories

On the Item tab, click Tags or Categories to organize your products.

After adding categories to products, the categories create automatic navigation on your store pages. The style of this navigation varies. To learn more, visit Organizing products.

Tags_Categories.png

Digital products

For Digital products, use the Pricing & Upload tab to set a price and upload your file. To learn more about requirements for digital files, visit Digital products.

Subscription products

To turn a physical or service product into a subscription:

  1. In the product editor, check Subscription product.

SubscriptionProduct.png

  1. In the window that appears, use the drop-down menus to set the subscription frequency. Subscriptions can renew as often as once every week, and as infrequently as once every twelve months based on the purchase date.
  2. To limit the number of renewals, click the Billing Cycles drop-down menu and select the number of payments subscribers will make. This number includes the initial purchase. For example, if you want to offer a three-month-long subscription that renews every month, select repeats every 1 month and 3 payments. Select Ongoing payments if the subscription will renew indefinitely.

ongoing-payments-UI.jpg

  1. Click Save in the subscription settings window.
  2. Click Save.

It's not possible to set a stock limit for subscription products. To learn more, visit Subscription products.

Product weights and dimensions

If you offer depending on weight or carrier calculated shipping, add product weights and dimensions so shipping costs are calculated accurately at checkout.

To add dimensions and weight to a product:

  1. Click the Pricing & Variants tab.
  2. Click the Weight and Dimensions fields, and enter the measurements. Use measurements that cover how the products are boxed for shipping, including any wrapping and packing materials—not the item’s dimensions as-is.
Tip: For example, a poster is 24" x 36" laid flat. When shipped in a poster tube, its dimensions are 3" x 36". Use the tube dimensions, not the flat dimensions, since it'll ship in the tube.
  1. Complete this for all variants of this product.
  2. Repeat these steps for all products already in your store. When you add new products in the future, complete these steps too.

Additional information

Click the Additional Info tab to add more details to the product's page using blocks.  Hover over the field and click an insert point to add Blocks. To learn more, visit Adding additional information to products.

additional_info.png

More options

Create a custom product form

You can create custom forms for customers to complete before they can add a product to their cart. To create a form, click the Form tab, then click Create New Form. For more help, visit Creating a custom product form

Set product URL

The Product URL provides a direct link to the product. The Product URL will match the product name if no custom URL is specified. The Product URL must be between 3 and 200 characters.

Create a custom button

Products display an Add to Cart button by default. You can change this text in the Options tab by checking Use Custom Add Button Label and entering new text.

If you enable Use Custom Add Button Label and don't enter new text, a blank button will display.

Set as a featured product

Featured Product is a filter used by the summary block to highlight specific products. This is useful if you want to display multiple products from different collections in one location. To enable this, in the Options tab, check Featured Product. Then visit Using summary blocks for detailed instructions.

Optimize for search engines

Add an SEO title and SEO description to help search engines connect customers with your product. Click the SEO tab to enter relevant text in the SEO Title and SEO Description fields. A preview displays showing what your product's details may look like in search results.

Share on social

Spread the word about your products by pushing them to social networks. Click the Social tab to upload an Alternate Social Sharing Image to appear when you share the product. Click the Share tab to set up the social sharing options. Setting your social sharing toggles on will automatically push the product to the selected social networks when you publish the product.

Duplicate the product

You can duplicate a physical or service product to quickly create and customize a new, similar product. Click Duplicate at the bottom of the Edit Product window to create a copy. To learn more, visit Duplicating products.

Enable limited availability labels

Let customers know when your products are low in stock by enabling limited availability labels. When a product dips below an inventory threshold, you can display a label next to the product on the store page, product blocks, summary blocks, and product details page.

Enable the option to buy multiple service products

By default, customers can only buy one service product at a time. If you sell tickets to classes or workshops, check Show service product quantity in your checkout settings so customers can buy multiple service products at once.

Save

Click the Save & Publish button to publish the product to your store page. This sets the product as available for purchase.

Schedule a product

Instead of publishing a product right away, you can schedule it to appear on your site later, at a time you specify. This is a great option if you release new product lines periodically and want to promote a new collection all at once.

To schedule a product:

  1. In the product editor, click Hidden.
  2. Select Scheduled.
  3. Click the date next to Will be visible.
  4. In the calendar window, select a date and time for the product to become visible. You can also use the slider to make the product visible in a specified number of days from now.
  5. Click Save.

If you already published the product, click Visible, then select Scheduled to hide it until the scheduled date. 

Scheduled products have a Scheduled status in the Product and Inventory panels. On the product’s scheduled date, the status will change to Visible.

The scheduled date and time are based on your time zone set in Language and Region Settings, not a visitor’s local time. To ensure your products publish when you want them to, ensure your Language and Region Settings are correct.

Hide a product

To temporarily remove or unlist a product from your store:

  1. In the Home menu, click Pages.
  2. Click a store page.
  3. Double-click a product to open the product editor.
  4. Change the status from Visible to Hidden.
  5. Click Save.

Re-list a hidden product

To re-list a hidden product, change the status from Hidden to Visible:

  1. In the Home menu, click Pages.
  2. Click a store page.
  3. Double-click a product to open the product editor.
  4. Change the status from Hidden to Visible.
  5. Click Save.

Delete a product

To permanently remove a product from your store, delete it.

Before you begin, keep in mind:

  • Deleted products can’t be restored. If you think you’ll sell the product again, or if it includes information you might need later, hide it instead.
  • If you delete a product, you won't be able to export a .csv file for that specific product.
  • You can't reuse a deleted product's URL. To use it for other products, change the product's URL before deleting it.

To delete a single product:

  1. In the Home menu, click Pages.
  2. Click a store page.
  3. Double-click a product to open the product editor.
  4. In the product editor, click Delete.
  5. Click Confirm.

Delete multiple products

On a computer, you can delete multiple products at a time:

  1. In the Home menu, click Pages.
  2. Click a store page.
  3. Press and hold Shift, and click the products you want to delete.
  4. Continue holding Shift to select multiple products.
  5. Press + Delete (Mac) or Ctrl + Delete (on a PC).
  6. Click Confirm.

Switch to the new product editor

You can switch to the new product editor at any time. In the classic editor, click New editor in the top-right corner. After you switch, visit Adding products to your store to learn how to use the new product editor. To switch back, click Classic editor. This option is only available when editing your site on a computer.

SwitchToNewEditor.png

Was this article helpful?
5 out of 14 found this helpful
Using the classic product editor