Skip to main content
More in Learn
Custom product shape

Define a New Product Shape

Products have unique properties that describe them. If you’re selling a t-shirt or coffee, you’re working with very different product properties. In Crystallize, you can create as many product shapes as you need to best describe your products.

Just like folders and documents, products can contain and display a wide range of data and content as determined by their shapes. Each product shape is built up from zero or more components: rich text, paragraphs, and videos, just to name a few options. You’ll need to do some content modeling to figure out the ideal structure(s) for your own product shape(s). Once that’s done, actually defining the shape(s) is straightforward.

Creating Your Product Shape

Within the Crystallize App, click the Settings button on the left-hand side of the screen, then choose Shapes. Click the Product button in the center of the screen, or click the plus button (+) at the top of the screen and choose Product. Type a new name for the shape, then hit Enter or click Create. You can also bring up the command palette with CTRL+K or ⌘+K and type “Create Shape,” then select the Product option.

On the right side of the screen is a list of the components that you can add to the shape. Either left-click on them or drag and drop them to the center of the screen to add them to your shape definition. Once components have been added, you can click and drag on their left-hand tabs to reorder them, or you can click the action button (...) on the right-hand side to delete them. Every component will need to be named and properly configured, which is covered in more detail in the Concepts entry for each component.

There will be a toggle at the top of the page to switch between Product story and Variant story. The Product story components will apply at the product level, while the Variant story components will be unique to each individual product variant. For instance, if you were selling vacuum cleaners, you could set up a title and general description within the Product story, then show different videos, related accessories, properties tables, and/or user manuals within the Variant story to describe each available model under this product heading.

Click the Update button at the top of the screen to save changes to the shape. To delete the shape, click the action button (…) and select Delete.

Editing Product Shapes

You can always make changes to existing product shapes, either by accessing the Shapes screen under Settings or by clicking on the shape name that appears at the top of the screen above the product name whenever you’re creating/editing a product.

Once products have been created based on a particular shape, the View items button at the top of the shape edit screen will let you see at a glance exactly what products use the shape. This is important because any changes made to the product shape will affect all of these products in turn. Proceed carefully with your edits.

People showing thumbs up

Need further assistance?

Ask the Crystallize team or other enthusiasts in our slack community.

Join our slack community