Creating a logical structure for your store is key to driving sales and creating a great shopping experience. There are a few ways to efficiently organize products in Squarespace. This guide will show you how to create navigation by category, add tags, reorder products, and use variants.
To follow this guide, you should already have at least one Products Page. To learn more, visit Adding products to your store.
You can create variants to provide options for a product. Variants display as drop-down menus on the product's item page. For example, size and color are two popular ways to offer variants. We recommend using variants when you have different choices for the same product and track stock levels for each choice.
A product can have up to 100 variants. However, we recommend using fewer variants than that if possible. Adding too many options to one product can make it difficult for customers to browse your store, which could affect conversion.
If you're setting up many options for a product or reached the variant limit, you may want to use another possibility:
Alternative #1 - Split into different products
If you have many variants for a product, and each option has a different price or stock level, you can split these up into separate products instead. We recommend dividing products by the most distinguishing option. For example, a t-shirt with options for size, color, and fit could be split into multiple products by fit. Each product can have two options: size and color.
As another tip, when creating different products for similar items, use unique descriptions and titles for each item. Descriptions that are too similar might affect how search engines rank your products.
Alternative #2 - Create a product form
You can create a custom product form to display when a customer clicks Add to Cart. We recommend using product forms for products that require many drop-down menus or customization options like submitting text.
Product forms don’t affect item price or stock. To help customers understand a product's options before they click Add to Cart, use the product's Description or Additional Information field to list its options.
Use categories and tags
Categories vs. tags vs. Products Pages
We recommend using different Products Pages for very broad groups of products, and then use categories within those pages to divide products by type.
Categorizing relatively conservatively is a good practice; too many categories can be confusing or overwhelming to your customers.
Tags, on the other hand, can be used liberally.
For example, if you sell apparel, you might want to organize your products like this:
- Add two Products Pages titled Men's and Women's.
- Add categories within those Products Pages like Shirts, Pants, Outerwear, and Shoes.
- Use tags within those Products Pages for flexible organization and labeling, like by material (cotton, wool), status (bestsellers, staff picks), or style (bohemian, glam).
The above is just an example. You can create different combinations and pages, categories, and tags to build a logical structure that fits your needs and creates the best experience for your customers.
In the next sections, we'll show you how to add categories and tags.
Step 1 - Open the product
In the Home Menu, click Pages. Click a Products Page. Double-click a product to open the Product Editor. For detailed steps, visit Editing a product.
Step 2 - Add tags
In the Product Editor, open the Item tab. Type directly into the Add Tags box, then press the Return or Enter key on your keyboard to save the new tag. You can also use the comma to save and enter a new tag.
Step 3 - Add categories
For categories, click Create Category or choose an existing category.
Create a new category by clicking the Create Category box, then type the new category in the field. Press Return or Enter on your keyboard to save the new category.
Step 4 - Save
When you're finished adding categories and tags, click Save.
Categories added to product items create automatic navigation on your Products Pages. The style of this navigation varies by template, but the categories are always listed in alphabetical order.
Visit our template guides to learn how your template displays category navigation.
Disable category navigation in the Style Editor. Depending on your template, you'll either uncheck Show Category Navigation, or select Display: Hide.
You may want to change the order in which products display in a Products Page. For example, you can place your best-selling items first.
Open a Products Page. In the panel click and drag a product to move it into place. You can press and hold the Shift key to select multiple products simultaneously.
After selecting one or more products, you can click these actions in the lower banner to automatically move products:
- Move to another page - Move products to another Products Page. Visit our guide for more information.
- Move to top - Move products to the top of the page. These will appear first in your store.
- Move to bottom - Move products to the bottom of the page. These will appear last in your store.
Another way to organize your store is by adding subnavigation using folders.
In the Adirondack template, when viewing pages in a folder, links to all pages in a folder display in a separate navigation menu.
To create this navigation, add multiple Product Pages to a folder. The Product Pages will act as subcategories within that a folder. You can even use categories to provide a third level of navigation.
- Create two folders titled Men's and Women's.
- Add these Products Pages to the Men's folder: Shirts, Pants, and Outerwear.
- Add these Products Pages to the Women's folder: Shirts, Pants, Outerwear, and Accessories.
- When viewing the Shirts Products Page, a menu with links to Shirts, Pants, Outerwear, and Accessories will display.
- Use categories within those Products Pages for the third level of navigation, such as:
- Short Sleeve, Long Sleeve, or Sleeveless in Shirts
- Jewelry, Handbags, and Hats in Accessories.
More ways to organize products
Visit these guides for more options for displaying tags and categories:
- Using the Tag Cloud Block - Display tags or categories in a graphic cloud formation.
- Using the Archive Block - Display tags or categories in a customizable text-only list.
- Summary Block overview - Present products in a category in a flexible magazine-style layout.
- Creating a text link - Click the Content tab, select the Products Page, and click the down arrow to select from a list of your categories.
- Using image clickthrough URLs - Link a gallery image to a category.
- Linking to an external page in your navigation - Add links to specific categories to your Main Navigation.
- Using folders - Create a drop-down menu for browsing categories.
For more details on managing tags and categories, visit our general tags and categories guide.