You're looking to locate the first Buy Button on the Products Template page, which is part of a Collection Page in Webflow. This can be tricky because the Buy Button is often nested within a dynamic layout.
1. Open the Product Template Page
- In the Webflow Designer, go to the Pages panel (icon on the left sidebar).
- Scroll to the “CMS Collection Pages” section.
- Click on “Product Template” (or whatever your product collection is named).
- Open the Navigator panel (press
F
or click the Navigator icon). - Start at the top and look through the dynamic content blocks or sections.
- Look for an element titled something like “Buy Button”, “Add to Cart”, or a Webflow eCommerce form block.
- The Buy Button is usually nested inside a Form Block, inside a Product Wrapper, or under a Product Details section.
3. Use the Element Selector
- Click on the canvas in the Designer.
- Scroll over elements until one highlights as a Buy Button.
- If you can't find it visually, use the Search bar in the top-left of the Navigator (click the magnifying glass) and search for “buy”, “cart”, or “button” keywords.
- Once you select the suspected element, check the Element Settings panel (D).
- Look for properties like:
- Connect to Product should be visible.
- Buy Button label should show under Component type.
Summary
To find the first Buy Button on the Products Template page, open the CMS Template under Pages, examine the structure via the Navigator, and search for the eCommerce Buy Button component—typically placed inside a form block connected to your product.