GoHighLevel Animated Buttons: Magnetic and Spotlight CTAs | FunnelSlayer

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.

8 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 and drop it on the page.

  • button
  • cta
  • magnetic
  • hover effect
  • call to action
  • link
63 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
64 controls, every variant running live

Specular Button

A light rides the edge. Two opposite arcs of the rim catch it at once, the way a real bevel does, and the whole streak swings toward the cursor as it gets close, brightening on the way in and easing back to its resting angle after it leaves. Built for dark and glass buttons, and it earns its place on one.

  • button
  • cta
  • specular
  • glow
  • edge light
  • rim light
71 controls, every variant running live

Liquid Metal Button

A call to action poured rather than painted: an alloy running light to dark down the face, a diagonal sheen that swings across it as the cursor arrives, and a soft gloss that follows the pointer around.

  • button
  • cta
  • metal
  • metallic
  • chrome
  • gold
70 controls, every variant running live

Flip Text Button

The label rolls out of the frame with a lean while a second copy rolls in behind it. Only the text moves: the face, the border and the icon hold still, which is what keeps it reading as premium rather than busy.

  • button
  • cta
  • hover effect
  • flip
  • roll
  • text swap
65 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.