This sticky CTA button WordPress build stays visible as visitors scroll, giving them an easy way to act at any point on the page, and a touch of transparency and blur keeps it from feeling like a flat overlay sitting on top of your content.
Add and style the button
From the Add panel, drop in a Button element, then switch it to the Primary, L variant and update its text.
From the Add panel, drop in an Icon element next to the text, open the icon library, and search for one that fits, for example a ticket icon.
In the Style panel, set Justify to Center so the button sits centered instead of aligned to one side.
Keep the button’s background color, but lower its alpha. You won’t see much of a difference yet, that comes together with the blur later.
Stretch, stick, and blur it
Set the button’s width to 100% so it stretches to fill its container, then add a max width, for example 8 columns, so it doesn’t stretch too far on larger screens.
Set the button’s position to Sticky and give it an offset from the bottom, for example 40 pixels, so it stays visible as the page scrolls.
Add a Backdrop filter to the button. The default blur amount already gives it a smooth, frosted glass look thanks to the transparency set earlier.
Result
The button now stays stuck to the bottom of the screen as visitors scroll, with a subtly transparent, blurred background that lets the page show through instead of sitting on top of it like a flat overlay.