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:
1) The first one is about adding the "Banner" block.
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.
2) The second option is about adding the Background image to a structure. Here you can add the "Button" block.
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 firstname.lastname@example.org.
We would be glad to talk with you.