Webflow

Adding Accylin to Webflow is as easy as copying and pasting our script into your project's custom code settings. Works on all pricing plans, including Starter.

<script defer src="https://app.accylin.com/script.js" data-website-id="website-id" ></script>

1. Copy the code snippet from your website settings in Accylin similar to the one provided above.
2. Open your Webflow project and navigate to Site settings, then select Custom code.
3. Paste the copied code into the Head code section.
4. Click save, and publish your project.

That's it! Now visit your website, navigate around a bit, and you should see the events appearing at your Accylin dashboard.

Custom events

There are two ways you can track custom events with Accylin at Webflow.

If you know what you're doing and need some advanced tracking logic, such as tracking custom events, you can use our accylin.track('Event name') function, see Custom Events.

But the simplest way to track buttons, inputs, forms, or other elements clicks is by using html data attributes. We suggest looking at our custom events documentation first to understand how it works.

In the example below, we will add a data-accylin-event="My Event" attribute to a button element. But the same approach applies to any other element you want to track.

Adding Accylin data attributes to Webflow elements

1. Head to your Webflow project and click on a button or any other element you wish to track.

Finding Custom attributes settings.

2. On the right side, select Settings and then scroll down to Custom attributes.
3. Add a new attribute with the name data-accylin-event and value My Event.

Explaining this:

• We're adding a data-accylin-event="My event" attribute to selected button, this could be done with any element.
• The part My event is an event name, and you should replace it with any other event name you want to track.
• You can also add additional data attributes like data-accylin-event-amount or data-accylin-event-period to your elements. amount or period are just examples, you can use any other data attribute you need.

4. Save your changes and publish your project.

Now Accylin will automatically track any clicks on the button with data-accylin-event="My event" attribute, and you will see these events at your dashboard.

Support

Need help? Contact us at support@accylin.com or visit our help center.