All Collections
Editor Questions
How-To Questions
How to add a button to the image?
How to add a button to the image?

In this article, you can check how to place a button on the background image or banner image in the Stripo template.

Artur Chernorot avatar
Written by Artur Chernorot
Updated over a week ago

We often want to make our emails more eye-catching and attractive. Today we will look at an example of how we can make the button even more visible and adorable.

If you want to add a button over your image, you could use two instructions:

First method:

This instruction is about adding the "Banner" block.

  • Click on the Banner block itself to activate its settings and upload the needed image, then find the "Additional picture" control and turn it on;

  • Then, prepare an image that looks like a button and add it as a picture. Also, don't forget to add a link for a whole banner;

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

Second method:

This method is about adding the Background image to a structure.

  • Add the "Button" block to a structure;

  • Afterward, go to the structure settings and upload a "Background image";

Please be sure that your image is wide enough! It is necessary that the image fits the dimensions of the structure itself (its width and height). Otherwise, the image will be non-responsive;

But don't be scared if you see only a small part of the image - just add a spacer block and turn on the "Dynamic spacer", drop it over and under the button block, and stretch it.

I would like to note that 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 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.

Thank you for taking the time to read our articles. We hope you will find this information helpful.

โ€‹If you have any additional questions, please email us at

We would be glad to talk with you.

Did this answer your question?