How to Change Images and Links (NEW! Liquid Templates)

  • Updated on Jan 16, 2024
  • Published on Sep 28, 2023
  • 1 minute(s) read
  • Gio Mauricio
 Prev Next
This is our current template syntax as of 2022. If you are not familiar with/used to this format, please check out our legacy template article How to Change Images and Links (Legacy)
Images need to be uploaded to the Opensense.com image bucket before adding to the signature designs (our image bucket ensures maximum deliverability). Follow this article to Upload Images to Opensense

Logo change? New Facebook page? If you want to replace an image or link on your signature, follow these steps. These instructions will not change the formatting of the signature. They are simply for image and link replacement

Note on Image Size

We recommend uploading images at 2x the image size in the HTML code. For example, if the image width in the HTML is "120", upload your image into "Images" (Marketing drop down menu > Images) with a width of 240px to achieve the recommended retina resolution

Image Replacement

  1. Go to the Marketing dropdown menu, and click on "Images"
  2. Find the image (or upload it) that you would like to use. Copy the image link, or click the "Copy to Clipboard" button
  3. Go to the Signatures drop down menu, and click on "Designer Studio"
  4. In the Designer Studio, search for your signature template
  5. Click "Edit"
  6. The HTML Template box will now be present. Search for the URL of the image that you would like replace (CTRL/CMD+F "src")
  7. Highlight the URL that represents the image that you would like to change (Note: Be sure to only highlight the text in between the quotation marks)
  8. Paste the URL that has been copied to your clipboard (from Step #2) over the highlighted URL that you would like to change in your HTML Template box
  9. Click the signature "Preview" button
  10. If necessary, adjust the image height so that image is proportional
  11. Click the "Preview" button!
  12. When satisfied with the image replacement, click Save

Link Replacement

  1. Go to your Signatures drop down menu, and click "Designer Studio"
  2. In the Designer Studio, search for your signature template
  3. Click "Edit"
  4. The HTML Template box will now be present. Search for the URL of the image that you would like to replace
  5. In the HTML editor, you can find the URL next to the href attribute. TIP: use CTRL/CMD+F to search for the URL to replace
  6. Highlight the link you want to replace, then copy and paste the desired URL
  7. When finished, click Save