Is there a widget specifically for creating a related products section in Webflow's new ecommerce feature, or do I have to manually set it up since the products are in a separate CMS?

Published on
September 22, 2023

In Webflow's new ecommerce feature, there isn't a specific widget for creating a related products section. However, you can manually set it up using the available tools and features. Since the products are stored in a separate CMS, there are a few different approaches you can take to create a related products section on your ecommerce website:

  1. Using the CMS Collection Lists:
  • Create a new CMS Collection List on the relevant product template page.
  • Set up filters to display products that are related based on criteria such as category, tags, or product features.
  • Customize the layout and styling of the CMS Collection List to suit your design preferences.
  • Add a dynamic link to each related product that redirects users to the respective product detail page.
  1. Manual Selection:
  • Manually select the related products for each product in the CMS.
  • Create a related products field in the product CMS template. This field can be a multireference field that allows you to select multiple related products.
  • In the product template, add a Collection List or use a Mixin to loop through the selected related products.
  • Customize the layout and styling of the related products section.
  1. Integration with third-party apps or services:
  • Use Zapier or Integromat to integrate Webflow with external ecommerce platforms like Shopify or WooCommerce that have built-in support for related products.
  • Set up the related products section using the functionality available in the third-party platform and embed it into your Webflow site using HTML embeds or iFrames.

Remember to optimize the related products section by incorporating relevant metadata, such as the product name, description, and keywords, to improve search engine visibility.

Additional Questions:

  1. How can I add a related products section using CMS In Webflow?
  2. Are there any plugins available in Webflow to create a related products section?
  3. Can I create a related products section in Webflow without using external tools or integrations?