CMS: Selling Items from Catalog Collections

Turn your CMS (Content Management System) collection into a sellable catalog and manage content and commerce in one place. Catalog collections are a good fit when your items already live in the CMS, or when you want to sell content-driven items like guides, rentals, digital downloads, art, or courses without building a traditional product catalog first.

With catalog collections, you manage your items in a collection and use Wix commerce features like cart, checkout, payments, discounts, and order management. If you sell physical items, you can also set up shipping and tax collection.

Before you begin:

• You need to add CMS to your site if you haven't already.

• Upgrade your site to a plan that supports selling online when you're ready to sell your items.

• You need to set up at least one payment method before customers can complete checkout.

• Catalog collections are best for content-first selling. If you need product variants, advanced inventory tools, or more complex store setups, Wix Stores may be a better fit.

Choose how you want to create a catalog collection

You can start with an existing collection or create a new catalog collection. Choose the path that matches where your content already lives.

Creating a new catalog collection

Use this method if you are starting from scratch and want to create a collection for items you plan to sell.

To create a new catalog collection:

1. Go to CMS in your site's dashboard. Alternatively, you can click CMS

   

   in your editor, then click Your Collections.

2. Click Create Collection at the top right.

3. Select Catalog collection and click Next.

4. Enter the Catalog collection name.

5. (If needed) Edit the Catalog collection ID. This ID is used in your site's code and cannot be modified later.

6. Select the catalog fields that will appear in the cart and checkout. You will map these to your collection fields and you can add more later.

7. Select the catalog fields you want to include under Essentials:

   • Name and Price are required and included by default.

   • Image and Description are optional and selected by default. Deselect them if you don't need them.

8. (Optional) Select Digital file under Fulfillment if you want to include a digital file that customers can download after purchase. Learn more about the 'Digital asset' field type.

9. Click Create Collection.

1. Add fields to your collection manually or by importing a CSV file:

   • Add fields manually: Click + Add Field to begin adding fields to your collection manually.

   • Import a CSV file: Click Import CSV file to upload a CSV file to your collection.

2. Add items to your collection:

   1. Click + Add Item.

   2. Add content about the item to each relevant field.

   3. Repeat this step to create as many items as you need.

Converting an existing collection into a catalog collection

Use this method if you already have a collection with items and want to add selling features to it. This is useful for collections like courses, downloads, rentals, artwork, or guides that are already structured in the CMS.

Once you convert to a catalog collection and publish your site, checkout and cart pages are automatically added to your site. After that, you need to customize the page you'll be selling from and add purchase actions.

To turn an existing collection into a catalog collection:

1. Go to CMS in your site's dashboard. Alternatively, you can click CMS

   

   in your editor, then click Your Collections.

2. Click the relevant collection.

3. Click More Actions at the top right and select Sell your items.

1. Click Continue in the setup window.

2. Map your collection fields to the catalog fields in the Set catalog fields dialog:

   • Item name: Select the text field that stores your item names.

   • Price: Select the number field that stores your item prices.

   • Image: (Optional) Select an image field to show product visuals.

   • Description: (Optional) Select a text or rich text field to show item details.

3. (Optional) Add a 'Digital asset' field type if you want to include a file customers download after purchase:

   1. Click + Add catalog field.

   2. Select the relevant 'Digital asset' field from the dropdown, or select + Add field to create a new field.

4. Click Set Fields.

Adding fields and items to your catalog collection

Catalog collections include fields used for selling. You can add more fields based on the type of items you sell.

In order to sell items from your catalog collection, make sure it includes a field for title and price. We recommend adding an image field and a description field to create a better shopping experience. After setting up the collection, you can add the items you want to sell.

Learn how to:

• Add fields to your CMS collection.

• Manage your collection, including adding items.

Setting up your selling experience

After your catalog collection is ready, you need pages where customers can browse items and purchase them. In most cases, that means adding dynamic pages and connecting purchase actions to buttons.

After your catalog collection is ready, you need pages where customers can browse and buy your items. In most cases you add a dynamic page for your catalog, then customize it to fit your site.

Before you begin:

Make sure to create your catalog collection before adding dynamic pages for it.

Adding dynamic pages for your catalog

Catalog collections use dynamic item pages and dynamic list pages to display collection content on your site. The item page shows one item at a time, and the list page shows multiple items together.

Add a dynamic page to show your catalog items on your site. Choose a Catalog Item Page to show one item at a time, or a Catalog List Page to show several items together.

You don't need to connect these pages yourself. The elements arrive connected to your catalog fields — item name, price, image and description — and the Add to cart and Buy now buttons are connected to their purchase actions. You can change any connection later, or start with a blank page and connect the elements yourself.

Studio Editor

1. Go to your editor.

2. Click CMS

   

   on the left side of the editor.

3. Click Your Collections.

4. Hover over the relevant catalog collection, click the More Actions icon

   

   , and select Add dynamic page.

1. Select the type of dynamic page you want to add:

   • Catalog List Page: Shows multiple items in elements within a repeater.

   • Catalog Item Page: Shows one item at a time in connected elements like text, buttons and images.

   • Blank Page: Shows one item at a time once you manually add and connect the elements to your collection.

   • Manage item page: Shows one item at a time where people with permissions can edit the content from your live site.

1. Click Add to Site.

2. (If needed) Click any of the elements to edit them. Click the CMS icon

   

   to choose which collection fields connect to each element.

3. (If needed) Repeat these steps to add another dynamic page type.

4. Publish your site when you're ready for the changes to go live.

Wix Editor

1. Go to your editor.

2. Click CMS

   

   on the left side of the editor.

3. Click Your Collections.

4. Hover over the relevant catalog collection, click the More Actions icon

   

   , and select Add dynamic page.

1. Select the type of dynamic page you want to add:

   • Catalog List Page: Shows multiple items in elements within a repeater.

   • Catalog Item Page: Shows one item at a time in connected elements like text, buttons and images.

   • Blank Page: Shows one item at a time once you manually add and connect the elements to your collection.

2. Click Add to Site.

1. (If needed) Click any of the elements to edit them. Click the CMS icon

   

   to choose which collection fields connect to each element.

2. (If needed) Repeat these steps to add another dynamic page type.

3. Publish your site when you're ready for the changes to go live.

Adding purchase actions to a dynamic page

If you added a Catalog Item Page or Catalog List Page, you already have purchase buttons on it. Use the steps below to add another button, or to add purchase actions to a blank page or to a dynamic page you created before you started selling.

A purchase action button is a regular button or image connected to a dataset. Each one has a click action — Add to cart or Buy now — that decides what happens when a customer clicks it. On a list page, you can put a purchase button inside a repeater so customers can add items without opening each item page.

Studio Editor

1. Go to your editor and navigate to the relevant dynamic page.

2. Add a regular button or image to use as your purchase action button.

3. Click the button or image, then click the Connect to CMS icon

   

   .

4. Make sure the dataset connects to your catalog collection.

5. Click the Click action connects to dropdown and select the action you want to assign to the button:

   • Add to cart: When clicked, a side panel opens where the customer can add the item to their cart.

   • Buy now: When clicked, the customer navigates to the checkout page where they can purchase the item.

1. Click Change Text on the button to customize the static text that displays on the button (e.g. "Add to cart" or "Buy now"). Alternatively, you can display dynamic text from your collection by selecting the relevant field from the Label connects to dropdown in the Connect Button panel.

1. Repeat these steps to add another 'Add to cart' or 'Buy now' button to the page.

2. (Recommended) Add a 'Cart icon' button if you don't already have one:

   1. Click Add Elements on the left, then click Store.

   2. Click Cart Icon, then click and drag the Cart Icon into place.

3. Publish your site when you're ready for the changes to go live.

Wix Editor

1. Go to your editor and navigate to the relevant dynamic page.

2. Add a regular button or image to use as your purchase action button.

3. Click the button or image, then click the Connect to CMS icon

   

   .

4. Make sure the dataset connects to your catalog collection.

5. Click the Click action connects to dropdown and select the action you want to assign to the button:

   • Add to cart: When clicked, a side panel opens where the customer can add the item to their cart.

   • Buy now: When clicked, the customer navigates to the checkout page where they can purchase the item.

1. Click Settings on the button to customize the static text that displays on the button (e.g. "Add to cart" or "Buy now"). Alternatively, you can display dynamic text from your collection by selecting the relevant field from the Label connects to dropdown in the Connect Button panel.

1. Repeat these steps to add another 'Add to cart' or 'Buy now' button to the page.

2. (Recommended) Add a 'Cart icon' button if you don't already have one:

   1. Click Add Elements on the left, then click Store.

   2. Click Cart Icon, then click and drag the Cart Icon into place.

3. Publish your site when you're ready for the changes to go live.

Displaying catalog items on static pages

You can also display catalog collection items on static pages, such as your homepage or landing pages. This lets you feature selected items outside the collection's dynamic pages.

Studio Editor

1. Go to your editor and navigate to a static page.

2. Click the element you want to connect to the CMS (e.g. text, image, button).

3. Click the Connect to CMS icon

   

   .

4. Click the Choose a dataset dropdown and select a dataset connected to your catalog collection. If none exists yet, click Add a Dataset, choose your catalog collection, give it a name, and click Create.

5. Connect each element to the relevant collection field — for example, connect an image element to your image field, and a text element to your title or description field.

6. (For buttons or images) Select the relevant click action after connecting:

   • Add to cart: Lets visitors add the item to their cart directly from the page.

   • Buy now: Takes visitors straight to checkout.

7. Publish your site when you're ready for the changes to go live.

Wix Editor

1. Go to your editor and navigate to a static page.

2. Click the element you want to connect to the CMS (e.g. text, image, button).

3. Click the Connect to CMS icon

   

   .

4. Click the Choose a dataset dropdown and select a dataset connected to your catalog collection. If none exists yet, click Add a Dataset, choose your catalog collection, give it a name, and click Create.

5. Connect each element to the relevant collection field — for example, connect an image element to your image field, and a text element to your title or description field.

6. (For buttons or images) Select the relevant click action after connecting:

   • Add to cart: Lets visitors add the item to their cart directly from the page.

   • Buy now: Takes visitors straight to checkout.

7. Publish your site when you're ready for the changes to go live.

Setting up your commerce settings

Before customers can complete purchases, you need to finish your commerce setup in the dashboard. This includes payments, and for physical items, shipping and tax settings.

Important:

You need at least one payment method before customers can check out.

Learn how to:

• Set up payments for your site.

• Set up shipping, delivery, and pickup methods.

• Set up your tax collections.

• Offer discounts to your customers.

Managing your orders

Orders from catalog collections are managed from your site's dashboard. This is where you can review purchases and handle fulfillment steps.

Learn more about managing your orders.

FAQs

Click for answers to common questions about selling items from CMS catalog collections.