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.

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.

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

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.

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

What is Webflow University and why should you use it?

Learn all about what Webflow University is and how it helps you make beautiful websites.

Read Story
Thumbnail for blog post

How to build live search (autocomplete) in Webflow

Build a search with autocomplete (Google style) using Webflow and Jetboost.

Read Story
Thumbnail for blog post

An update on the new and improved version of Nocodelytics

Why we decided to rebuild Nocodelytics and a sneak peak at the new version!

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.