After a rest in a hotel taken on a booking, a letter arrives: enter image description here How to make the same button in your letters ???

This button I noticed in the list of letters, where there is usually only a list of letters and the subject of the letter. Duck here at the booking, this button-link is present. How to do this ??

  • link (a href) with inline styles (style = "..."). in general, you can read about "Layout of e-mails" - Alexey Shimansky
  • and can be more precisely, what kind of styles? You can even give a link to an example. I hope you understood correctly this is not just a link in the letter itself. namely, where is the list of letters, where usually only the subject of the letter, this button-link got out. I have not seen anything like this in other letters - Alex Lizenberg
  • Here it is necessary to look more closely at the letter. From the screen is not clear. For example, you can decide that in fact this link is in the body of the letter and just in this case, this body is displayed in the header, creating such an effect - Alexey Shimansky
  • one
    In general, everything is very tedious and long. You can read here and further on the link in the answer, well, and then step by step further and further. - Alexander Belinsky
  • Alexander! Respect, what you need! - Alex Lizenberg

1 answer 1

Launch Google Chrome right-click on an empty spot on the page, select Inspect element Inspect element

then go in the tree to the desired item (red arrows) and look at the code as I did in my spam folder: red and blue arrows

As you can see, the subject field consists of two parts: (blue arrows) 1. the letter's subject itself 2. the beginning of the first line of the letter (I think the button code is hidden there)

When you find what's behind the code , share it here, I think many people are also interested in how to put a button into the subject of the letter.