How can I assign a unique ID to a CMS item in Webflow?

Published on
September 22, 2023

To assign a unique ID to a CMS item in Webflow, you can follow these steps:

  1. Open the Webflow Designer and navigate to the Collection List that contains the CMS items you want to assign unique IDs to.
  2. Select the Collection List wrapper element by clicking on it.
  3. In the settings panel on the right-hand side, you will see the "Field settings" section.
  4. Open the "Settings" tab within the "Field settings" section.
  5. In the "Unique ID" field, you can either choose an existing unique field from your CMS collection or create a new one specifically for the unique ID.
  6. If you choose an existing field, make sure the field contains unique values for each item in your CMS collection, such as a unique SKU or product code.
  7. If you choose to create a new field, click on the "+ New Field" button, give the field a name (e.g., "Unique ID"), and select the appropriate field type (e.g., text or number).
  8. Once you have assigned the unique ID field, the unique IDs will be automatically assigned to each CMS item in your Collection List.
  9. To display the unique ID on your published site, you can add a text element inside the Collection List item and link it to the unique ID field you have assigned.

By assigning a unique ID to each CMS item, you can easily reference and style individual items using custom code or interactions. This can be useful for creating custom navigation menus, filtering CMS items, or creating custom interactions for individual CMS items.

Questions:

  1. How do I create a new field in the Webflow CMS?
  2. Can I change the unique ID assigned to a CMS item?
  3. How can I style CMS items based on their unique ID?