How can I insert the slug of a collection category into the URL of my blog using Webflow?

Published on
September 22, 2023

To insert the slug of a collection category into the URL of your blog using Webflow, follow these steps:

  1. Login to your Webflow account and navigate to the Designer.
  2. Open the page that displays your blog posts.
  3. In the Pages panel, click on the dynamic collection page for your blog posts.
  4. In the right sidebar, select the Collection List wrapper element that contains your blog posts.
  5. With the Collection List selected, go to the settings panel on the right sidebar.
  6. Under the "Settings" tab, scroll down to the "URL & SEO" section.
  7. Click on the "Add field" button next to "Slug".
  8. In the "Slug" field, click on the "Get text from..." dropdown and select the category field from your collection.
  9. Adjust the "URL path" format if needed to include the category slug. For example, you can use {slug} in the path to represent the category slug.
  10. Save your changes.

By following these steps, the slug of the collection category will be automatically inserted into the URL of your blog posts. This allows for more organized and SEO-friendly URLs, making it easier for search engines and users to navigate and understand the content on your website.

Additional tip:

  • You can further customize the URL structure by including other fields from your collection, such as the blog post title or a specific identifier. This can be done by adding more dynamic text to the "URL path" format.

These additional questions may help users find this answer:

  1. How to customize URLs in Webflow for blog categories?
  2. Can I include the category slug in my blog post URLs in Webflow?
  3. What are the steps to add collection category slugs to the URL in Webflow?