GoHighLevel Animated Buttons: Magnetic and Spotlight CTAs | FunnelSlayer
Animated Elements

Animated buttons for GoHighLevel

The button is the only element on the page that has to be clicked. A default builder button asks politely. An animated one reacts to the person about to press it, and that difference shows up in click-through before it shows up anywhere else.

Both button elements work two ways. They can render the call to action themselves and own the click, or they can attach to a button you already built and add the motion while leaving every native GoHighLevel action intact. That second mode matters: one-click upsells, membership steps and named funnel steps live inside GoHighLevel’s own Button and cannot be reached by any custom widget, so attach mode is how you animate them without losing them.

2 elements

In this category

Magnetic Button

A call to action that leans toward the cursor and springs back when it leaves. The label drifts a little further than the button, so the whole thing reads as depth rather than a slide. Point it at an action here, or drop the magnet onto a button you already built and keep every GoHighLevel action it has.

  • button
  • cta
  • magnetic
  • hover effect
  • call to action
  • link
65 controls, every variant running live

Spotlight Button

A light travels across the button under the cursor, and the label inverts as it passes underneath, so the text stays readable on the button and on the light without anyone picking a second colour. Built for dark buttons, and it earns its place on one.

  • button
  • cta
  • spotlight
  • hover effect
  • call to action
  • light
66 controls, every variant running live
How to use them

How to use animated buttons in GoHighLevel

  1. 01

    Decide whether the widget owns the click

    Set Target to "This button" when you want the element to render the CTA itself, or "An existing button" to magnetise a button you already placed. Attach mode renders nothing of its own and keeps the original button’s actions.

  2. 02

    Point it at an action

    In built-in mode, pick from ten click actions: open popup, next step, website URL, download file, hide and show elements, scroll to element, call, SMS, email, or none. Popup and next step ride GoHighLevel’s own widget events.

  3. 03

    Match the button to your brand

    Set the label, size, padding, radius, colours, icon and shadow. Spotlight Button is built for dark buttons, where the label inverting under the light reads strongest.

  4. 04

    Check it on mobile

    Pointer effects have nothing to track on a touch screen, so both elements have their own mobile treatment and separate mobile sizing. Use the builder’s mobile view before publishing.

New to the app? Start with the install and setup guide.

Questions

Buttons & CTAs, answered

Can I animate a button I already built in GoHighLevel?
Yes. Set Target to "An existing button" and give it the custom class of the button you want to animate. The widget renders nothing itself and the original button keeps all of its native Button Actions, including one-click upsells, membership and named steps.
Do the animated buttons work with GoHighLevel popups?
Yes. Open popup and Next step are handled through GoHighLevel’s own widget events, so they behave the same as a native button on funnel steps and two-step order forms.
What happens on mobile where there is no cursor?
There is no pointer to follow on a touch screen, so both elements fall back to their mobile treatment rather than sitting still. Sizing, padding and motion are all configured separately for mobile.