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:
1. Use Collection Page Links
- 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).
2. Link to a Specific Product or Category
- 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.
3. Manually Set Static Links
- 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.
4. Use Anchor Links for Specific Sections
- 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
.
5. Create Custom Navigation Links
- 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.