Add a sticky call to action in WordPress

A call to action that stays on screen while the page scrolls. It floats in a bottom corner on desktop and becomes a full-width bar on phones.

Type

A pattern built on the Group block

Find it

Insert the Sticky Button [Grinner] pattern

Phones

Always a full-width bottom bar

Speed

It appears after the first screen, so it never crowds your hero

What you can change

The settings worth knowing.

Where it sits, when it shows and where it hides.

Left, center, right

Position

Which corner

Bottom-right, bottom-left or bottom-center on bigger screens.

One screen down

Appear

When it shows

After one screen of scrolling, or always visible.

Mid-page

Footer

By the footer

Hide near footer

Out of the way

Fades out as the footer arrives.

Classes run every Saturday

The last line of the page

Reserve space on mobile

Room at the bottom

Adds space on phones so the last content clears the bar.

How to add it

Three steps. No new tool.

1

Install Grinner free

It’s on WordPress.org. Or go to Plugins, Add New, and search for Grinner Blocks.

2

Insert the pattern

Add the Sticky Button [Grinner] pattern and write your button.

3

Choose when it shows

Pick a position, when it appears and which screens to skip, then publish.

Good to know

Fair questions.

The Sticky CTA bar is a Grinner pattern built on the Group block. It keeps a call to action on screen while the page scrolls, floating near the bottom on desktop and becoming a bar on phones. Use it so your main button is always one tap away.

No. There’s no close button, so keep it small and useful.

On phones, 767px and narrower, it’s always full width, whatever Position says.

Turn on Reserve space on mobile and the page gets room at the bottom.

It shows and hides without the fade and rise.

Pairs well with

Try it with these.

Slide fill, circle expand, text flip and more, in your own colors.

An icon before or after the label, with its own hover color.

Buttons that fill their card, or stack one above the other.

Grinner grinning

Go make something
beautiful.

Free on WordPress.org · No Pro version