00:00
Buy Me a Beer

Webflow Mirror Click

Mirror a click event from one Webflow element to another element. Replicate user clicks on other elements on the page

How to add No-Code Javascript Mirror Click Events for Webflow

Firstly, make sure you have the VisualDX script before your </body>. Checkout the Quick Start for how to do this.

Add Mirror Click Button Attribute

Copy this attribute:

vdx-mirrorclick-button

Paste the attribute into the Button, Link, or Custom ElementCustom Attributes Name input. Give the Custom Attribute a unique Value. eg. mirrorclick

Button
Click Here
Button
Mirror Click Here
Button
Mirror Click Here
Button
Style
Settings
Interactions
Link Settings
Custom Attributes
Name
vdx-mirrorclick-button
Value
mirrorclick

Add Mirror Click This Attribute

Copy this attribute:

vdx-mirrorclick-this

Paste the attribute into the Button, Link, or Custom ElementCustom Attributes Name input. Add the unique Value from the vdx-mirrorclick-button to the Custom Attributes Value.

Button
Click Here
Button
Mirror Click Here
Button
Mirror Click Here
Button
Style
Settings
Interactions
Link Settings
Custom Attributes
Name
vdx-mirrorclick-this
Value
mirrorclick

Sponsor the Magic and
Buy Me a Beer

Ailín Tobin
Ireland

VisualDX is a free JavaScript library made for Webflow nerds like yourself. No ads, no paywalls—just pure, unfiltered JavaScript magic to supercharge your builds. If it’s saving you time, making your development easier, or just making you feel like a wizard in the Webflow Designer, consider slinging a virtual coffee my way.

Think of it like buying me a pint for keeping your Webflow spells flowing.

You can support it here.

Cheers, legend!

This is a method based on community and soundness. If you can't afford it, don't worry... One of your fellow Webflow nerds has already helped you out by donating.