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
You can add both tags and categories to your products to help your customers find what they're looking for.
Categories vs. tags
- Categories create a navigation on your landing page to help customers filter products. Use categories sparingly; too many categories can be confusing or overwhelming to your customers.
- Tags don't show on the page. Use them liberally to help optimize your products for search results.
- Both tags and categories can be used as filters in various organizational blocks.
We recommend using different Products Pages for very broad groups of products, and then use categories within those pages to divide products by type.
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 Enter 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 Enter 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 Shift 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.
- Create two folders titled Men's and Women's.
- In the Men's folder, add links to each of these categories: Shirts, Pants, and Outerwear.
- In the Women's folder, add links to each of these categories: Shirts, Pants, Outerwear, and Accessories.
When a visitor clicks one of the links, they'll see a filtered list of content with that category.
To learn more, visit Adding a navigation link for a category or tag.
Tip: As another option, you could add multiple Product Pages to each folder.
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.
- Using image clickthrough URLs - Link a gallery image to a category.
- Link to tags and categories - Add links to specific tags or categories to your Main Navigation or elsewhere on your site.
- 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.