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

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • Summer
    Junior Member
    • Aug 2024
    • 7

    #1

    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
  • Summer
    Junior Member
    • Aug 2024
    • 7

    #2
    For example, how to insert base64 images?

    Comment

    • victor
      Active Community Member
      • Aug 2022
      • 1168

      #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:
      Images can also be used as links in HTML, which means by clicking the images we can navigate to other web pages or resources. HTML image links are very useful in creating websites like photo galleries, portfolios, online stores, and so on.

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

      Comment

      Working...