- My Forums
- Tiger Rant
- LSU Recruiting
- SEC Rant
- Saints Talk
- Pelicans Talk
- More Sports Board
- Fantasy Sports
- Golf Board
- Soccer Board
- O-T Lounge
- Tech Board
- Home/Garden Board
- Outdoor Board
- Health/Fitness Board
- Movie/TV Board
- Book Board
- Music Board
- Political Talk
- Money Talk
- Fark Board
- Gaming Board
- Travel Board
- Food/Drink Board
- Ticket Exchange
- TD Help Board
Customize My Forums- View All Forums
- Show Left Links
- Topic Sort Options
- Trending Topics
- Recent Topics
- Active Topics
Started By
Message
Clickable images in email sig
Posted on 8/28/21 at 8:45 am
Posted on 8/28/21 at 8:45 am
Would one of you tech brains explain how to create a clickable phone number for an email signature. Also need some help with imbedding social media link inside a clickable image like linkedin.
3
Posted on 8/28/21 at 11:08 am to Delta9
callto: or tel: for phone numbers.
Posted on 8/28/21 at 9:12 pm to SG_Geaux
quote:
callto: or tel: for phone numbers.
Clickable
This post was edited on 8/30/21 at 6:39 pm
Posted on 8/30/21 at 10:34 pm to Delta9
In what application? Outlook? Gmail?
Posted on 8/31/21 at 3:01 pm to Delta9
quote:
Clickable
What he posted was how to make them clickable. Can't help you with images unless we know what email service you use.
Posted on 8/31/21 at 3:09 pm to Delta9
Something like this? LINK
The issue is that if you just try and hyperlink the image to tel:######## then it's broken on desktop, so need to isolate to smaller screen sizes with CSS most likely.
Any context on the why here? Sometimes that may help get you to a better solution.
The issue is that if you just try and hyperlink the image to tel:######## then it's broken on desktop, so need to isolate to smaller screen sizes with CSS most likely.
Any context on the why here? Sometimes that may help get you to a better solution.
Posted on 9/1/21 at 7:00 am to fibonaccisquared
----------------------------------------------------------------------------------
What he posted was how to make them clickable. Can't help you with images unless we know what email service you use.
----------------------------------------------------------------------------------
Primarily Gmail but also Outlook
So I'm not even close to programmer level skill. From what little research I've been able to do, the number has to be entered into a specific code and embedding into the image, let's say clip art of a telephone. I get stuck at java script. Don't know what CSS is either.
What he posted was how to make them clickable. Can't help you with images unless we know what email service you use.
----------------------------------------------------------------------------------
Primarily Gmail but also Outlook
quote:
The issue is that if you just try and hyperlink the image to tel:######## then it's broken on desktop, so need to isolate to smaller screen sizes with CSS most likely.
Any context on the why here? Sometimes that may help get you to a better solution.
So I'm not even close to programmer level skill. From what little research I've been able to do, the number has to be entered into a specific code and embedding into the image, let's say clip art of a telephone. I get stuck at java script. Don't know what CSS is either.
This post was edited on 9/1/21 at 7:04 am
Posted on 9/1/21 at 8:38 am to Delta9
quote:
So I'm not even close to programmer level skill. From what little research I've been able to do, the number has to be entered into a specific code and embedding into the image, let's say clip art of a telephone. I get stuck at java script. Don't know what CSS is either.
Quick note: I'm going to use the wrong brackets intentionally because otherwise I have to force spaces around them on this board, it gets very angry at regular brackets... so { should be replaced with < and likewise for the other direction...
So the short version of what has to happen is this:
You insert a link with the img tag:
{img src="link.image", any other qualifiers you want}
This gets me my image. I then need to wrap that image with opening and closing link tags of {a href="https://www.yourlink.com"} {insert img code
above} {/a}
The a href now basically paints all of the image to go to the location you choose. In a normal scenario that's a webpage, but you want to change that.
Last major step:
Change https://www.yourlink.com that I used as a placeholder for "tel:4041234567"
Using W3Schools you can see how this works on mobile for yourself:
The last challenge comes from most non mobile devices not having a direct mechanism for calling. FWIW, in testing that page above, it tried to trigger my mac to make a Facetime call, though I didn't test to see if it actually would. If you are ok with that quirk, then you don't need any additional CSS. If you do, then that's where my previous post or some other options like the below show you how you can "hide" that link and not have it apply on non-mobile devices.
Another good breakdown here
Posted on 9/1/21 at 10:51 am to fibonaccisquared
I'll leave it up there, but after all of that, just re-read your message and realized I may have misunderstood the aim by a bit.
Clickable phone number in email signature:
take the same a href="yourphonenumber" piece I did above for the image, and wrap your phone number text with that tag instead.
For the image, do the same thing, but replace a href="yourphonenumber" with the link to your social media profile.
Within both Gmail and Outlook, this should all be possible with their visual editor though... highlight the text and Cmd/Ctrl + K in Gmail for example will allow you to link it, then you plug in the tel:##########
In practice from within the gmail mobile app, it seems this doesn't make it a 1 click link, rather it makes it easily selectable for a long press and you can call.
Separately, the image is just insert the desired image in your signature editor and then again, highlight it and Cmd/Ctrl + K in Gmail (or the equivalent linking function in Outlook) and plug in your social media link.
quote:
Would one of you tech brains explain how to create a clickable phone number for an email signature. Also need some help with imbedding social media link inside a clickable image like linkedin.
Clickable phone number in email signature:
take the same a href="yourphonenumber" piece I did above for the image, and wrap your phone number text with that tag instead.
For the image, do the same thing, but replace a href="yourphonenumber" with the link to your social media profile.
Within both Gmail and Outlook, this should all be possible with their visual editor though... highlight the text and Cmd/Ctrl + K in Gmail for example will allow you to link it, then you plug in the tel:##########
In practice from within the gmail mobile app, it seems this doesn't make it a 1 click link, rather it makes it easily selectable for a long press and you can call.
Separately, the image is just insert the desired image in your signature editor and then again, highlight it and Cmd/Ctrl + K in Gmail (or the equivalent linking function in Outlook) and plug in your social media link.
This post was edited on 9/1/21 at 10:52 am
Posted on 9/5/21 at 8:44 pm to fibonaccisquared
Still trying. Tried to copy what I've done to show here but it won't load. Will keep trying. Thanks!!!
Making some progress. Still having trouble with loading an image into the gmail signature in settings. Keeps giving me a ? in a little blue box.
Making some progress. Still having trouble with loading an image into the gmail signature in settings. Keeps giving me a ? in a little blue box.
This post was edited on 9/6/21 at 8:28 pm
Posted on 9/8/21 at 1:47 pm to Delta9
quote:
imbedding
quote:
embedding
Glad you figured that out at least.
Page 1 of 1
Popular
Back to top
Follow TigerDroppings for LSU Football News