All Collections
New Editor Questions
How-To Questions
(New editor) How to add a button to the image?
(New editor) How to add a button to the image?

In this article, you can check how to create a button on the background 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 to 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.

  • Upload the needed image from the "Styles" tab;

  • After that, find the Additional Image button from the top panel, which helps you to add the necessary image;

  • Then, prepare an image that looks like a button and add it as an image. 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, switch to the "Styles" tab, 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 block "Spacer", turn on the "Spacer mode: Space", drop it over and under the button block, and stretch it.

It is important to mention 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.


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 support@stripo.email.

We would be glad to talk with you.



​

Did this answer your question?