How can I add a hyperlink or image to my signature?

<h2 id="h_01HETB9M9VCJ6GB46JPS15H8D7">Question</h2><p>How do I customize my signature with hyperlinks and images? Can I use a locally saved image in my signature?</p><h2 id="h_01M0DG6HM8PD1KPN0BGWJW6C1Q">Answer</h2><p>No. You can't use an image saved locally on your computer in your agent signature.</p><p>To use an image in your signature, upload the file to a public image hosting site or save it as an <a href="https://support.zendesk.com/hc/en-us/articles/4408829155226-Using-your-own-theme-assets-for-help-center" target="_blank" rel="noopener noreferrer">asset</a> in your knowledge base. This process generates a public URL that you can use in the Markdown code for your signature.</p><p>You can use Markdown formatting to add images and hyperlinks to your signature.</p><p>To add a hyperlink in Support:</p><ol>
<li data-list-item-id="ec3837311aec1b0b3dea20e7d6d865b48">Click your avatar at the top right corner, then select <strong>Manage profile</strong>. <br><img class="wysiwyg-image-resized" style="aspect-ratio: 655/760; width: 50%;" src="https://support.zendesk.com/hc/article_attachments/10569919845018" alt="Manage your profile on Zendesk" width="655" height="760">
</li>
<li data-list-item-id="e7fc2d1f7f4048ab040228c50b40d0d01">
<p>Under <strong>Signature</strong> on the left-hand panel, type the Markdown text below.</p>
<pre class="wysiwyg-code-block"><code class="language-auto">[Link display text]
(https://www.zendesk.com)</code></pre>
<p><br><img class="wysiwyg-image-resized" style="aspect-ratio: 646/286; width: 50%;" src="https://support.zendesk.com/hc/article_attachments/7856439963418" alt="link display text" width="646" height="286"></p>
</li>
</ol><p>Alternatively, add an image that is also a link using this Markdown:</p><pre class="wysiwyg-code-block"><code class="language-auto">[![alttext](imageurl)](linkurl)</code></pre><ul>
<li data-list-item-id="ed182eff623555b62c678a707f937690f">Replace <code>linkurl</code> with the link for the image to direct toward</li>
<li data-list-item-id="e3f5aa49807db91ab1aefca834b2a0ced">Replace <code>imageurl</code> with the link to the hosted image. After you resize the image, use an image host such as <a href="https://imgur.com/upload" target="_blank" rel="noopener noreferrer">imgur.com</a> <strong>&gt;</strong> Wait five seconds for the image to load <strong>&gt;</strong> Right-click the image <strong>&gt;</strong> Select <strong>Copy image link</strong>. This returns the link to paste instead of <code>imageurl</code>
</li>
</ul><p>To display the image without a clickable link, use this Markdown:</p><pre class="wysiwyg-code-block"><code class="language-auto">![](imageurl)</code></pre><div><p>This functionality also applies to global and brand signatures.</p></div><div>
<p><strong>Tip:</strong> Use a PNG or JPEG file and size the image to a smaller size, between 5 KB to 50 KB. For optimal display, start with an image size of approximately 120px wide by 40px high. Adjust as needed to maintain the logo proportions. Ensure the image is on an HTTPS server and test the signature in email clients and the Agent Workspace to ensure proper display.</p>
<!-- AI knowledge DO NOT DELETE -->
<style>
.ai-only {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
}
</style>
<div class="ai-only" aria-hidden="true">
<details>
<summary> </summary>
<h2 id="h_01M0DHG2CQ2HQR1E3XD6TJDKTC">
Can I use a locally saved image in my signature? Can I upload a picture
from my computer for my support person profile?
</h2>
<p>
No, you cannot use an image saved locally on your computer in your agent
signature. Upload the file to a public image hosting site or save it
as an asset in your knowledge base or help articles. This process generates
a public URL to use in the Markdown code for your signature.
</p>
<h2 id="h_01M0DHG2CQCK8060JXGWDTZ5A3">
How do I add a hyperlink to my signature? How do I put a link in my agent
profile?
</h2>
<p>
Use Markdown formatting to add hyperlinks to your signature.
</p>
<ol>
<li>
In Support, click your avatar at the top right corner and select
<strong>Manage profile</strong>.
</li>
<li>
Under <strong>Signature</strong> on the left-hand panel, type the
Markdown text: [Link display text](https://www.zendesk.com).
</li>
</ol>
<h2 id="h_01M0DHG2CQQ4B2WD160VH65Y17">
How do I add an image to my signature? How can I make a signature image
a clickable link?
</h2>
<p>
Use Markdown to display images or clickable images in your signature.
</p>
<p>
To add an image that is also a link, use this Markdown: [![alttext](imageurl)](linkurl).
Replace "linkurl" with the link for the image to direct toward. Replace
"imageurl" with the link to the hosted image.
</p>
<p>
To get the image link, resize the image, use an image host such as imgur.com,
wait five seconds for the image to load, right-click the image, and select
<strong>Copy image link</strong>. This returns the link to paste instead
of "imageurl".
</p>
<p>
To display the image without a clickable link, use this Markdown: ![](imageurl).
</p>
<h2 id="h_01M0DHG2CQEVXN7EX1V1JGD5BA">
Does Markdown formatting work for all signature types? Can I add images
to global and brand signatures?
</h2>
<p>
Yes, this functionality applies to global signatures and brand or multiple
websites signatures.
</p>
<h2 id="h_01M0DHG2CQ1DVSKR4GQPSEQBV7">
What are the best practices for signature images? What size should my
signature logo be?
</h2>
<p>
Use a PNG or JPEG file and size the image between 5 KB to 50 KB. For
optimal display, start with an image size of approximately 120px wide
by 40px high. Adjust as needed to maintain the logo proportions. Ensure
the image is on an HTTPS server and test the signature in email clients
and the <strong>Agent Workspace</strong> or inbox to ensure proper display.
</p>
</details>
</div>
</div>