Skip to main content
A
3mo ago

Rive -- Wordpress

Hey there!
I'm trying to connect my animation to my Wordpress website
https://rive.app/s/zQPttSGL6ECITT1skwOJSQ/
This is my hover animation .

I'm trying to do like at the home page, combination of Hover and clickable link that I try to add through the html.
There is any solution for this?
Target:
Hover+Click and going to other domain/link

2 replies
A
2mo ago

Love the dinos!

The way to communicate from Rive to your website is through events. In your case, it looks like you already have listeners for Pointer Enter and Pointer Exit. Now you just need to create an event for each one.

  1. Select the Event Tool and click anywhere on your stage to add a new event.

  2. Give each event a unique name

  3. Select your listener, click the + and select Report Event. Now when the listener is triggered, your event will be fired.

  4. Subscribe to the event in your runtime: https://rive.app/community/doc/rive-events/docbOnaeffgr#subscribing-to-events

  5. Now in your JS you can set your cursor to cursor: pointer

A
2mo ago

Thanks!