Optimize for non-Webflow sites

Create or edit a click goal

Updated

Create or edit a click goal

Track clicks on buttons, links, and other interactive elements

A click goal tracks when visitors click one or more page elements — like a button or link. For example, you could track two “Subscribe” buttons on the homepage, or a “Contact us” link in the navbar. These goals help you measure engagement and understand how visitors interact with key elements on your site.

How click targets work

Optimize tracks element clicks with selectors, like an element’s ID (#subscribe-button), class (.cta-button), or visible text. In most cases you can just click a page element using the webpage preview to set its selector. For more complex scenarios — like nested elements or repeated components — you have the option to manually enter a selector value. 

Page elements can have different selectors on desktop, tablet, or mobile due to layout shifts, responsive styling, or the use of alternate elements. Use the Device dropdown (e.g., Desktop) to spot check the other layouts. If the element is not already selected in the alternate layout, simply select it to add it to your goal.

Create a click goal

Open your Optimize site in Webflow, then:

  1. Click Optimizations in the Navigation panel
  2. Click an optimization
  3. Click the Options icon > Edit Configuration
  4. Click the Goals tab
  5. Click Add goal
  6. Rename the goal (e.g., Subscribe buttons)
  7. Select Click on an element and click Continue
  8. Select a page element to target or enter a value in the Selectors field
  9. Click the Add icon to target another page element
  10. Click Set as target to use it as the target goal
  11. Click Create

Edit a click goal

Open your Optimize site in Webflow, then:

  1. Click Optimizations in the Navigation panel
  2. Click an optimization
  3. Click the Options icon > Edit Configuration
  4. Click the Goals tab
  5. Select a goal and make your edits:
    • Edit a selector — click a selector, then select a page element or replace the value
    • Add a selector — click the Add icon, then select a page element or enter a value
    • Delete a selector — hover over a selector and click the Delete icon
  6. Click Save

Related articles