You can add a button to the image in two ways.

1) The first one is about adding the Banner block:


Please drop the banner there and upload the general image. After that, you will be able to find the Additional picture, turn it on:


And upload the picture. It will be your button:


You can put it anywhere, just hold the picture and see where you can move it.

Then add a link to the whole Banner:


After banner generation, you will see the banner and the picture on it as one image. The customer will be able to click on it for redirection.

2) The second variant is about adding the Background image to a structure. Here you can add the Button block.


You can find the Button block here:


For vertical-align please use the dynamic spacer (block Spacer, turn on the Dynamic spacer, drop it below the button):


Here is the Spacer block:


Please be advised! Using a picture as a background is not always a good option. For example, the Outlook email client has some problems displaying background images.

I would like to advise you to read our article https://support.stripo.email/en/articles/3174119-why-i-can-t-see-the-background-image-in-the-outlook for more details.

Also, the background image cannot be responsive for mobile, since the screen on the mobile is much narrower than on the desktop, and only part of the background is visible.

We hope you will succeed.

If you have any questions, please email us at support@stripo.email.


Have a great day:)

Did this answer your question?