Changing images and links in Liquid templates (classic UI)

Classic UI

This article covers the classic Opensense UI. For the New UI, see How to use the signature editor.

Overview

This article uses the current Opensense template syntax, Liquid (as of 2022). If you’re used to the older format, see Changing images and links in legacy templates (classic UI).

Logo change? New Facebook page? To replace an image or link in your signature, follow these steps. They won’t change the formatting of the signature; they’re only for replacing images and links.

Images must be uploaded to the Opensense.com image bucket before you add them to signature designs (our image bucket ensures maximum deliverability). See Uploading images to Opensense (classic UI).

Upload images at twice their 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 to Images (Marketing menu > Images) with a width of 240 px, for the recommended retina resolution.

Replacing an image

1. Open the Marketing menu, and select Images.

2. Find the image you want to use (or upload it). Copy the image link, or select the Copy URL to Clipboard button.

   

3. Open the Signatures menu, and select Designer Studio.

   

4. In Designer Studio, search for your signature template.

5. Select Edit.

6. The HTML Template box appears. Find the URL of the image you want to replace: press Ctrl+F (Cmd+F on a Mac), and search for src.

7. Highlight the URL of the image you want to change. Highlight only the text between the quotation marks.

8. Paste the URL you copied in step 2 over the highlighted URL in your HTML Template box.

9. Select the signature Preview button.

10. If necessary, adjust the image height, so the image is proportional.

    

11. Select the Preview button again.

12. When you’re happy with the image replacement, select Save.

Replacing a link

1. Open the Signatures menu, and select Designer Studio.

2. In Designer Studio, search for your signature template.

3. Select Edit.

4. The HTML Template box appears. Find the URL you want to replace.

5. In the HTML editor, the URL is next to the href attribute. Tip: press Ctrl+F (Cmd+F on a Mac) to search for the URL.

   

6. Highlight the link you want to replace, then paste the URL you want.

7. When you’re done, select Save.

What’s next

• Designer Studio for Liquid templates (classic UI)
• Uploading images to Opensense (classic UI)

For further help, contact Opensense Support at help@opensense.com.