You're trying to locate the first Buy Button on the "Products Template" dynamic page in Webflow. This button is typically linked to the product's e-commerce integration (like Stripe) and allows customers to purchase the item directly.
1. Open the Product Template Page
- Go to your Webflow Designer.
- In the left panel, click the Pages icon (paper icon).
- Under the CMS Collection Pages section, click on Products Template.
- On the Products Template page, look in the main content area (usually inside sections like a product detail layout).
- Scroll through the Navigator panel (press F to search elements faster).
- Look for a Buy Button element — it usually has that label unless renamed.
3. What to Check in the Navigator
- The Buy Button is often placed inside a Product Wrapper, Product Info Section, or similar div.
- The Navigator might show it as:
- Button (Buy Button)
- Form Block (if customized)
- Look for elements connected to the CMS collection field "Product".
4. Ensure You're Viewing a Product Item Page
- This page dynamically pulls individual product data.
- Make sure you're viewing the live binding of content on that template — not hard-coded content.
5. Use the Search Feature
- Press 'F' (Quick Find) and search for Buy Button.
- If it's been renamed, you may need to check buttons that have ecommerce settings enabled.
Summary
To locate the first Buy Button on the “Products Template,” open the template page via the Pages panel, use the Navigator or Quick Find to search for "Buy Button", and look inside the product content section that pulls data from your Products collection. It’s usually linked to Webflow’s e-commerce fields and may appear in a product details wrapper.