How to add an attribute:

close icon
Hey! Give us some feedback here.
Functional

Mirror Click Events

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

12,221,304

loads per month

Mirror Click Events
Step #1

Copy the Solution <script> and paste into the <head> of your page

copy icon
Copy Script
Step #2

Implement in Webflow

Apply attributes to elements on the page

Below is a list of elements and options that are used to create this Attributes functionality. Click any of them to see more details.

navigator arrow
TRIGGER
I want this
button icon

Button, Text Link, Link Block, or Div Block

to trigger mirror events.
See how it works
see webflow attributes
Add this attribute
Description
Name
fs-mirrorclick-element
copy icon
Value
trigger
copy icon
When clicking on this element, a different element on the page will be clicked.

For example, a div block on the page that should submit a form when clicked, but is not the native form submit button.
how to add mirrorclick trigger attribute
navigator arrow
TARGET
I want this
div block icon

Div Block or any element

to be clicked when the trigger is clicked.
See how it works
see webflow attributes
Add this attribute
Description
Name
fs-mirrorclick-element
copy icon
Value
target
copy icon
This element is the mirrored click. This element will be clicked when the "trigger" is clicked.

For example, a Webflow form submit button.
how to add mirrorclick target attribute
navigator arrow
Option
DELAY
I want the target element to be clicked after waiting for a specific amount of time.
See how it works
see webflow attributes
Add this attribute
Description
Name
fs-mirrorclick-delay
copy icon
Value
TIME_IN_MS
copy icon
When clicking on the "trigger" element, the "target" element will be clicked after waiting the specified time.
Where?
Add to an element with fs-mirrorclick-element"trigger"

Working examples

See this solution working live in this Webflow project.

Example 1
Mirror click events
Copy and paste this example directly on Webflow
copy icon
Copy this example

Frequently Asked Questions

Everything you need to know about this attributes solution.

Yes, you can have several triggers for one target.

Developer documentation

external link icon

Next time implement inside Webflow

external link icon
Subscribe

Sign up for future releases!

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.