Question
How can I add a hyperlink or image to my signature?
Answer
UseMarkdownformatting to add images and hyperlinks to yoursignature.
To add a hyperlink using Markdown
.zendesk.com
1. Click your avatar at the top right corner and thenView profile. |
|
2. UnderSignatureon the left-hand panel, type down the Markdown text below. |
Alternatively, you can add an image that is also a link using this Markdown:
[](linkurl)- Replace
(imageurl)with the link to the hosted image. - Replace
(linkurl)with the link that you want the image to direct towards.
If you want to display the image but not include a clickable link, use this Markdown:
This functionality also applies to global and brand signatures.
Tip:Zendesk recommends using a PNG or JPEG file and sizing the image to a smaller size, between 5 KB to 50 KB.
37 Comments
Is it possible to add a tel: link to the signature? Unfortunately, this doesn't seem to work:
Hi Daniël! After some testing, it appears this is not possible with markdown in the Agent Signature.
However, is possible with HTML, using the following formula:As an alternative, you could potentially include this formatting within your trigger notifications to include a callable link. Hope that helps!
Shannon Pesta|Customer Advocate
Two quick questions on signatures - I added an image to the signature, but the image size was really big when it came through. Is there a way to format the size of the picture? Also, can I make the picture to the left of all the other data in the signature?
Second question - Can you bold certain parts of the signature? I couldn't find any articles on that. Like if I wanted {{agent.name}} to be bold, how would I integrate that?
Any help is appreciated! Thank you!
Hey Joshua,
第一项,你只需要保存酸ce image you're using at the proper size you want it to display. If you don't, I believe it displays at full res, which is what you're seeing. I'm not sure about the styling to the left questions though.
For bolding, try using using two asterisks before and after the agent name.
ex: **Joshua Morris**
Thank you! I will create a smaller picture. The bolding worked.
Why the href doesn't work in chat?
Hey Riko,
Hrefs are currently not supported in Chat this time. I don't have any information on why this is the case but I would encourage you to share your feedback on this existing post:Chat Hyperlinks
Thank you!
Hi.
I tried to add image to email html template, because i'm inserting lots of text here, including company name. Now, i wolud like to add logo instead of text and i'm stuck.
I tried {{asset name}} after uploded logo into guide theme - it is now working.
I tried  both from theme site and other site - it not working, i see link instead of image.
Is it possible at all?
Does this just add the current ZD image to your signature?
How can I make the image appear under the text? When I put it in the format listed it posts the photo at the end of the text and not below.
Hey Cherberger,
In this example, I just added a new line to the end of the signature.
my output looks like this when i comment on a ticket
Is this what you're looking to do? Can you perhaps share with us what your signature configuration is currently?
Hello,
I have inserted the below:
However, the below appears in the email to the customer:
Not sure what I am doing wrong? Any idea as to why this would be appearing that way? The link takes me to the correct site, it's just the image does not appear.
Appreciate any help!
Hey there@...!
Happy to brainstorm some ideas with you here: If you try using other images besides that particular one, do those show up safely? Whether those other images are hosted through your company's webhosting or if you can find any random image URL online from another website, you and I can see if those ones appear just fine compared to the original image you're looking to display.
Otherwise, does the image load safely if you copy and paste its URL into your browser, or perhaps when loading the image URL from another computer entirely? Just as long as the image itself is publicly available and can be accessed by anyone who visits that URL, that'll confirm if there are any issues with how the image is hosted.
Thanks again Jonathan, and let us know if there's anything else we can help out with!
Thanks for the feedback@.... I believe the issue lies with where the image is hosted, as I am able to get other images to work.
We want to use our company's email signature. From what I've read, I can create a public URL for an image via Google Photos. Is this not the case? Is there another way to do this which so this will work?
Appreciate the help.
That's... a really good question@.... Testing that out now:
So interesting behavior: It looks like the URL that Google initially provides isn't quite a direct link, but it's almost like a link to the picture itself like if you were viewing it in your album where you can mess with editing, sharing, details, etc. That URL will look something like:https://photos.google.com/photo/uniqueIDhere
The URL you and I are truly after can be grabbed by right-clicking on the image itself and then clicking on Copy Image Address or Open Image In New Tab. From there, we're going to get averylong URL that begins with something likehttps://lh3.googleusercontent.com/- Copying that huge URL and using it in an agent signature, it looks like that does the trick.
If linking from your Google Photos account still isn't working, no prob: From there, you could either reach out to your IT/web team to have them upload an image onto your company's webhosting so that you can directly link it from there(likehttps://www.company.com/image.jpg),或者你可以use a free image hosting service like Imgurto quickly host your signature image online and get the direct link from there.
Thanks again Jonathan; hope this helps!
Thank you for your help@...! Pleasingly your advice regarding the Google photos link has worked.
Hi support!
I would like to add a video to my signature!
I have a hyperlink or the html code, it's supposed to be a moving video screen that is clickable.
Can you help me with this?
hey team,
can you do this with placeholders? i.e., [{{ticket.id}}]({{ticket.url}}]
Hey Bobby,
You bet, it should render out just fine as [123][url-to-your-zendeskdomain/123]
Thank you Austin,
This resolved the issue!
The URL you and I are truly after can be grabbed by right-clicking on the image itself and then clicking on Copy Image Address or Open Image In New Tab. From there, we're going to get averylong URL that begins with something likehttps://lh3.googleusercontent.com/-Copying that huge URL and using it in an agent signature, it looks like that does the trick.
How can I format my signature to have a logo on the left and the Agent information with multi-lines next to it similar to the below? I added the image as an asset in the theme.
我不知道有一个办法,但你could make the entire signature (image and text) an image (as you've included in your comment above), and make the image a clickable link to your webpage (so anywhere they click in the signature, it will take them there). This format that Dan Ross posted above should work for that (just substitute a url to your image, and the url to your website):
Hey there James,
For the quickest and easiest option that you could do in-house, I have to agree with Dave on making your entire signature as a single linkable image - definitely the most accessible option.
If you're an administrator in your account and you want to getrealfancy with formatting, you could try adding your signature as HTML directly into your account's trigger email notifications since ourtriggers can rendersomeHTML. You can also use placeholders to call out your name, phone number, andjust about anything else you can think of.
Super barebones setup, but feel free to try this out in a sandbox/testing environment by copying and pasting this entire chunk of code into a trigger email notification action(don't forget to replace the image and company URLs with your own!)
Hi there!
We are hoping to add color text to the agent signature. Is it possible to use Markdown?
Unfortunately,markdowndoes not support font color.For the next closest option though, you could potentially add colored text with HTML through trigger/automation email notifications for more of a global signature.
How do I use an image saved as an asset in the Help Center in an agent's signature field?
You will just have to access the asset. Then right click on the image and select Copy Image Address. That's the link that you will have to use in your signature. For more information on how to add image on your Signature, refer toHow can I add a hyperlink or image to my signature?
Hi Community, we have been struggling with this before and on recommendation with our consultant, went with the easiest solution: activate help center and pull the logo image from there.
Now this solution is not an option for one of our brands yet, as we can not activate a Zendesk Help Center for now. I just can't believe, therefore asking in this thread, that the following is impossible:
Create dynamic content for agent signature, incl. a placeholder like {ticket.brand.logo} - of course the logo is added as a file in the brand set up itself. Please confirm this indeed is not possible, as well as wether or not an easier solution to branding signatures is in the pipelines with zendesk in general?
PS: Because we did try the whole approach above when setting up our account initially, and without activating the zendesk Help Center in all honesty, the logo just looked horrible.
It seems that you have already opened a support ticket us regarding this concern with ticket number 10225302. One of my colleague is already assisting you on this one.
I'm trying to add icons for our social media accounts but instead of being side by side. icons are appearing on top of the other.
Pleasesign into leave a comment.