Page 1 of 2

How to create an HTML signature line with links and images

Posted: Mar 4th, ’17, 00:11
by totalbalance
Is there any way to create a signature line, as below, but with email and website as html links and social media links with social media images replacing text name?
e.g. name@website, website URL, social media links as image links

{First Name} {Last Name}
Mobile:xxx-xxx-xxxx | Office:xxx-xxx-xxxx
{email} | {website URL}
Follow {First Name} on: {Facebook} {LinkedIn} {Google Plus} {Twitter}

Re: How to create an HTML signature line with links and images

Posted: Mar 5th, ’17, 21:46
by Marko
FastKeys can run HTML code - right click on a Substitute field to select HTML mode.

Re: How to create an HTML signature line with links and images

Posted: Mar 6th, ’17, 23:53
by Marko
Also check many online html signature generators, this one for example:
https://si.gnatu.re

After creating your signature, paste generated HTML code to FastKeys Substitute field (HTML mode).

Re: How to create an HTML signature line with links and images

Posted: Mar 7th, ’17, 01:01
by totalbalance
Just to be clear, am I pasting the HTML code or the generated HTML signature? If the later, I've tried to just copy my GMail Signature line but when pasted into Fastkey (HTML mode) it just comes back as a text string losing all formatting and links.

Re: How to create an HTML signature line with links and images

Posted: Mar 7th, ’17, 03:07
by totalbalance
OK, I finally got it to work. Part of the troubleshooting problem is after changes made, even with making sure everything was saved, it didn't work even when I did a "reload". However, one I exited and rebooted, it did ;) I hope this isn't a bug.

P.S. Copying HTML code with HTML selected is what worked it's just a pain to have to reboot PC for it to work :evil:

Re: How to create an HTML signature line with links and images

Posted: Mar 7th, ’17, 09:59
by Marko
yes, just paste the generated HTML code to Subsitute field in HTML mode and Save.

There is no need to reload - not sure what was the issue.

Re: How to create an HTML signature line with links and images

Posted: Mar 10th, ’17, 20:06
by Jon
Hello All,

I am working on a similar problem with HTML tags in my substitute field.

Code: Select all

<img src="%INPUT_IMG_LINK%"alt="LINKED_IMAGE" style= "%SELECT_MAX_CHOICE_EDGE%: %SELECT_SIZE%">
Above is what I have in the box currently, the user input fields are as follows.

%INPUT_IMAGE_LINK%- Paste a link to an image hosted on another server
%SELECT_MAX_CHOICE_EDGE% - Macro popup with radio to select (width/height)
%SELECT_SIZE% List Box popup with (25px/50px/100px/200px/300px/400px/500px)

When I run the string, it halts half way through the link being outputted and does not post the rest. I tried it with just random text and I am pretty sure that the link is what's causing the issue with the mid string halt.
This is what I want the outputted string to look like, but I dont want the URL to throw everything off...

Code: Select all

<img src="http://unitedstates.xylemappliedwater.com/files/2012/08/GWT_Residential_JRD5LT-Group1.jpg" alt="some_text" style="width:300px">
What am I missing?

Edit*
I have tried running this though HTML mode on the window as well, when I selected that option, there was no output at all.

Re: How to create an HTML signature line with links and images

Posted: Mar 11th, ’17, 21:29
by Tom
Maybe the link contains some special characters like #,+ ?

Are you copying the link to the field? Then you could replace %INPUT_IMAGE_LINK% with %Clipboard%.

Re: How to create an HTML signature line with links and images

Posted: Mar 14th, ’17, 15:17
by Jon
Tom wrote:

Maybe the link contains some special characters like #,+ ?

Are you copying the link to the field? Then you could replace %INPUT_IMAGE_LINK% with %Clipboard%.
To answer your question, I did try that, and it did not work.
I also tried to move the paste into a second command after the other portion was pasted, however that resulted in an extra space being entered into the line at the beginning and end of the link which once again throws off the final string.

This is what I got the closest with, but it creates two extra spaces.

Code: Select all

<img src=""alt="LINKED_IMAGE" style= "%SELECT_MAX_CHOICE_EDGE%: %SELECT_SIZE%">
^{Home}
{Right 10}
^{vk56}

Re: How to create an HTML signature line with links and images

Posted: Mar 14th, ’17, 22:57
by Marko
This works for me:

Code: Select all

<img src="^v" alt="LINKED_IMAGE" style= "%SELECT_MAX_CHOICE_EDGE%: %SELECT_SIZE%">