How to Add a Button Over an Image in WordPress

At this point we all know how important buttons are in WordPress websites, they really be increasing the functionalities and interactivity of the websites. They are much more effective when placed over images on your site; in just a few minutes, you can easily create inviting call-to-action elements, clickable banners, or even interactive image galleries.

Now if you are looking for easy ways to add a button over an image in WordPress, you have landed in the right spot. Because in this step-by-step tutorial, you will find everything you need to know about adding buttons over images.

The whole process is short and pretty easy actually, let’s just go straight in. See for yourself. 

How to Add a Button Over an Image in WordPress

Go to the post or page where you want to add the button over an image. Once you have added the image, select it and click on the image icon from the toolbar.

Then click on the cover icon, and it will transform the image block to the cover block.

Now it will look something like this-

Now type in /button and select the buttons block.

A button will be added on top of the image. To change the button alignment, simply click on the justification icon and select the alignment.

Then add the text,

and URL to the button. 

You can change the color, size, border radius, and other things from the styles tab on the right-hand side panel. To adjust the image with the button, select the image and change the focal point from the settings tab. You can also change the opacity, an overlay color from the styles tab.

And, you’re done.


That was all. Now that you know how to add a button over an image in WordPress, go on and start turning your images into clickable wonders. As you can see, it only takes a few minutes.

Hope this helped you. Thanks. 

Read Also:

Introducing a New Table Block Plugin - Tableberg
This is default text for notification bar