How to track clicks on links in Webflow (without writing code)

How to track clicks on links in Webflow (without writing code)

Not sure how to track clicks on important links such as to external sites? Here's an easy and quick guide.
Sarwech Shar
Sarwech Shar

Why track link clicks in Webflow?

Tracking link clicks is a great way to know how people are actually interacting with your site. This gives you an insight into if people are using your site the way you want them to or if they're doing something else.

What kind of link clicks might be useful to track in your Webflow site?

  • Links to sections on the same page (e.g. "Learn more")
  • Sponsor/affiliate links
  • Share to social media/view social profile links
  • Other links to 3rd party sites
  • Actions that lead to an interaction or animation

Why is it useful to track these links?

By tracking link clicks on the above,  you can find ways to improve conversion and even the user experience of your site. For example, if you track your sponsor links, you can see which sponsors are getting the most clicks. You can even experiment with placing sponsor links in different places to see if that improves conversion.

Another example is with tracking links to sections on the same page. For example, if you track a "Learn more" link and see that very few people actually click it, then you can find ways to either make it more useful or remove it entirely.

One other cool use for tracking link clicks is to test feature ideas before you build them! Let's say you run a marketplace for freelancers and want to expand to new cities, you could test interest in a new city. If they do click on the link for a new city, you can show them a message to say it's not ready yet. Meanwhile, as you're tracking how many people actually click on it, you can decide if it's worth committing to or not.

How to track link clicks in Webflow

Tracking link clicks in Webflow is really simple with Nocodelytics.

1. Decide what you want to track

To start with, think of an important link on your site that you want to track. It might be a "Learn more" type of link, a sponsor link or something else entirely. Once you know which link you want to track, it's time to track it.

Let's run through an example.

In this case, we have this website which is a directory of space startups. In the footer of that site there's a link to the Instagram page. 

It might be worth tracking that link to see how much interest there is in both that content as well as Instagram in general. That way, we'll know if it's worth investing some time in growing that page with content from the site.

Link to track

So now that we know what we want to track, let's set it up in Nocodelytics.

2. Track the link in Nocodelytics

Now let's go to the dashboard in Nocodelytics and choose "New metric". On the new page, open the dropdown and choose "Button or Link Clicks". Now we'll need the ID of the link we want to track.

How do you find this ID in Webflow? It's simple!

  1. Go to the Designer and select the "Settings" tab in the Right Side Panel.
  2. Below "Section Settings" you'll see an ID field. This is what you need to use.

If you don't see any value in the ID field, this means an ID does not exist yet. No problem! Just enter a new ID here. Use something that is both unique and descriptive.

Find the link element ID in Webflow element settings

Then just give your new metric a name so you know what it's for then hit "Save to dashboard".

Adding a new link click metric in Nocodelytics

Haven't added your site yet? just follow the instructions on your dashboard. It's a simple 30 second process!

3. See results

Once you've saved your metric, you'll see it added to your dashboard.

The link click metric

We've set up the metric for this link and we can immediately start seeing how many clicks it has. Bonus! We can see historical data because this particular button had an ID already.

That's it! (No need to waste time testing if tags are being triggered here.)

More from the Blog

Thumbnail for blog post

A beginner's guide to building websites with Webflow in 2022

Learn how to go about building Webflow sites. Take all of these steps and you'll go from complete beginner to Webflow pro!

Read Story
Thumbnail for blog post

How to set up Google Analytics for your Webflow site

Learn how to set up Google Analytics on your Webflow site.

Read Story
Thumbnail for blog post

Webflow pricing changes explained [as of October 2022]

Not sure how Webflow's pricing works? In this post, we break down each of the plans and tell you which is right for you.

Read Story

Follow along.

Get new tutorials, tips and monthly product updates sent to your inbox.
We will never share your email address with third parties.