Announcement

Collapse
No announcement yet.

how do I configure it so that the recipient clicks on the image to link to a URL?

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • how do I configure it so that the recipient clicks on the image to link to a URL?

    I uploaded an image in the email, how do I configure it so that the recipient clicks on the image to link to a URL? I don't want to use a remote picture address

  • #2
    For example, how to insert base64 images?

    Comment


    • #3
      A simple and effective way:
      - When creating an email, make sure that the HTML option is enabled (screenshot 1).
      - Copy and paste the desired picture, or drag it, or use the picture insertion form (screenshot 1).
      - Use the link creation form (screenshot 2).
      - Go to Code View </> mode (screenshot 3) and replace the phrase​
      Code:
      forum test
      to
      Code:
      <img src="?entryPoint=attachment&amp;id=66d5b72d45f11a065" style="width: 81.007px;">
      - Delete the redundant code and save the changes (screenshot 4). You should be left with something like this:
      Code:
      <p><a href="https://forum.espocrm.com/forum/general/109793-how-do-i-configure-it-so-that-the-recipient-clicks-on-the-image-to-link-to-a-url" target="_blank"><img src="?entryPoint=attachment&amp;id=66d5b72d45f11a065" style="width: 81.007px;"></a></p>
      - You will get the result as in screenshot 5.

      For base64 images, you should replace the image reference in src with something like this:
      Code:
      <img src="data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==" />
      And the final code of your linked image will be something like this:
      Code:
      <p><a rel="noopener noreferrer" href="https://forum.espocrm.com/forum/general/109793-how-do-i-configure-it-so-that-the-recipient-clicks-on-the-image-to-link-to-a-url" target="_blank"><img src="data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg=="></a></p>
      It will also be useful:
      How to use an image as a link in HTML - We can add image as a link and other HTML elements as a link. A link is a connection from one Web page to another web page. We can add page links to a web page. HTML links are hyperlinks. The tag defines a hyperlink and used to link from one page to another. The href attribute is used with the

      Self-hosted and cloud-based error monitoring that helps software teams discover, triage, and prioritize errors in real-time.
      Attached Files

      Comment

      Working...
      X