Webflow sync, pageviews & more.
NEW

How can I create specific links to different parts of my e-commerce website on Webflow? Currently, I only have the option to link to the homepage when using the link settings.

TL;DR
  • Use Collection Page Links by selecting a Button/Link, opening Link Settings, and choosing a CMS Collection Page.
  • Link dynamically to Products/Categories by adding a Link Block/Button in a Collection List and selecting Current Product/Category.
  • Manually set static links using known URL structures and selecting External URL in Link Settings.
  • Use anchor links by assigning an ID to a section and linking with the format /product-name#section-id.
  • Customize navigation by adding manual links in the Nav Menu via the Pages panel in the Designer.

You can create specific links to different parts of your Webflow e-commerce website by using Collection URLs, dynamic page links, and anchor links. Here’s how:

  • Webflow automatically generates pages for your Products and Categories collections.
  • To link to a specific collection page:
  • Go to the Designer.
  • Select a Button or Link element.
  • Click Link Settings (⚙️ icon).
  • Under Page, choose a CMS Collection Page (e.g., a Product Page).
  • If you are using a Collection List, you can dynamically set links:
  • Add a Link Block or Button inside your Collection List.
  • Click Link Settings (⚙️ icon).
  • Choose Current Product or Current Category to link dynamically.
  • If you know the URL structure of your e-commerce pages, you can add static links:
  • Example: /product/product-name or /category/category-name.
  • To set a static link:
    • Select a Button or Text Link.
    • Click Link Settings.
    • Choose External URL and enter the full or relative path.
  • If you want to link to a specific section within a page:
  • Assign an ID to a section (e.g., #shipping-info).
  • Use Link Settings and choose External URL with the format /product-name#shipping-info.
  • To add specific pages to your navigation menu:
  • Go to Pages (left panel).
  • Click Nav Menu in the Designer.
  • Add Manual Links to specific product categories or collections.

Summary

To create specific links in Webflow’s e-commerce system, use Collection Page links, dynamic product/category links, or manual static URLs. For internal sections, use anchor links. Adjust the Nav Menu to ensure easy navigation for users.

Rate this answer

Other Webflow Questions