Trello Freshplug

  • 6 December 2015
  • 17 replies
  • 101 views

This plug allows you to convert a ticket into a Trello card just clicking on the Freshplug link, if you select some text the selected text is added into the card description along with some ticket details



The card creation:







This topic has been closed for comments

17 replies

Very Cool!


I am not a programmer, but is there a simple edit that would allow the Card Name to show the freshdesk requester instead of my own company name?


I know you are not "tech support", just wondering if it's possible


Here you are with this code the card name will be: [#{{ticket.id}}] {{ticket.subject}} ({{ticket.requester.name}})

Eg.: [#6721] My compurer doesn't work anymore (Jim Morrison)

  

<script type="text/javascript">
function sendToTrello(win,name,sel){
var source = win.location.host;
var url = encodeURIComponent(win.location.href);
var desc = '### Ticket Details:\n'+
'**Ticket ID:** [{{ticket.id}}]({{ticket.url}})\n' +
'**Ticket status:** {{ticket.status}}\n' +
'**Requester:** {{ticket.requester.name}} ({{ticket.requester.email}})\n' +
'**Company:** {{ticket.requester.company.name}}\n' +
'**Agent:** {{ticket.agent.name}}\n\n' +
'--------------------------\n' +
sel;
win.open('https://trello.com/add-card'+
'?source='+source+
'&mode=popup'+
'&url='+url+
(name?'&name='+encodeURIComponent(name):'')+
(desc?'&desc='+encodeURIComponent(desc):''),
'add-trello-card',
'width=500,height=600,left='+(win.screenX+(win.outerWidth-500)/2)+
',top='+(win.screenY+(win.outerHeight-740)/2));
}
</script>
<div id="send_to_trello_freshplug" title="Send to trello FreshPlug">
<table width="100%">
<tr>
<td width="40%">
<a href="#" onclick="sendToTrello(window,'[#{{ticket.id}}] {{ticket.subject}} ({{ticket.requester.name}})',getSelection?getSelection().toString():'');">
<img alt="Send to Trello" src="https://d2k1ftgv7pobq7.cloudfront.net/meta/p/res/images/c13d1cd96a2cff30f0460a5e1860c5ea/header-logo-blue.svg" width="50%"/>
</a>
</td>
<td width="60%">
<b>Convert to a Trello card</b>
<p>Select a text if you want to add as description and then click on the Trello icon</p>
</td>
</tr>
</table>
</div>

  


That rocks!  Thanks for the update


 Agreed, great plugin!


This is great! Thanks!


Do you have any idea on how to include attachments in the card?



Has this stopped working for anyone else?
I've been having the problem for a week now. When you click on the Trello icon, it just jumps you back to the top of the page.


I suspect there's a javascript conflict somewhere?



Still working for me..



Interesting. Anyone else? This started happening quite suddenly for me and hasn't gotten any better.




When I click on the Trello logo, the page just jumps to the top (following the href="#", I suppose). 




The following gets printed to the console:








Here's the code I'm using (no changes from your original code above)


   


<script type="text/javascript">
function sendToTrello(win,name,sel){
var source = win.location.host;
var url = encodeURIComponent(win.location.href);
var desc = '### Ticket Details:\n'+
'**Ticket ID:** [#{{ticket.id}}]({{ticket.url}})\n' +
'**Ticket status:** {{ticket.status}}\n' +
'**Requester:** {{ticket.requester.name}} ({{ticket.requester.email}})\n' +
'**Company:** {{ticket.requester.company.name}}\n' +
'**Agent:** {{ticket.agent.name}}\n\n' +
'--------------------------\n' +
sel;
win.open('https://trello.com/add-card'+
'?source='+source+
'&mode=popup'+
'&url='+url+
(name?'&name='+encodeURIComponent(name):'')+
(desc?'&desc='+encodeURIComponent(desc):''),
'add-trello-card',
'width=500,height=600,left='+(win.screenX+(win.outerWidth-500)/2)+
',top='+(win.screenY+(win.outerHeight-740)/2));
}
</script>
<div id="send_to_trello_freshplug" title="Send to trello FreshPlug">
<table width="100%">
<tr>
<td width="40%">
<a href="#" onclick="sendToTrello(window,document.title,getSelection?getSelection().toString():'');">
<img alt="Send to Trello" src="https://d2k1ftgv7pobq7.cloudfront.net/meta/p/res/images/c13d1cd96a2cff30f0460a5e1860c5ea/header-logo-blue.svg" width="50%"/>
</a>
</td>
<td width="60%">
<b>Convert to a Trello card</b>
<p>Select a text if you want to add as description and then click on the Trello icon</p>
</td>
</tr>
</table>
</div>

   Any ideas? I'm stumped. I'm on Chrome for Windows, with all extensions disabled.


Cheers!




Andrew



Hi Pietro --




I've found the cause of the problem - but I don't know how to fix it!




It only happens when either the Requestor or Agent name has an apostrophe in it. It appears to be confusing the Javascript.




For example, my name is Andrew O'Sullivan, so when I click the add card to trello button, the code presumably gets parsed to something like this: 


  '**Company:** Acme, Inc.\n' +
'**Agent:** Andrew O'Sullivan\n\n' +
'--------------------------\n' +

It looks like the ' is breaking the code.




Do you have any suggestions on how to fix this?




Kindly




Andrew






Andrew



Andrew: You could try changing the single quotes to double quotes around the Agent line.



Hi, first of all great idea and would be glad to use it! 




First click goes well, I can also choose a board, but then I can't actually create the card.


After I choose a board I get an overview but can't click on "Create a Card" or something similar. The only option buttons I have is : "Choose a different board" and "Never mind".




Can you give me a hint of what goes wrong? Or did the plugin stopped working for more people?


Thanks! 



This is great, use it a lot. Anyone know of a way to send multiple tickets from a search to trello all at once?



This is a great plug which works really well. I would like to suggest an improvement if possible though.




When creating the Trello card, the link to the Trello card should be automatically linked back to the ticket it came from so there is a seemless link back and forth.



Can someone please help - the pop is missing the button to create the card... i.e. the Green button: Send to Inbox on My Tasks



Thank you so much, works like a charm!



How do I import this into freshdesk?


Userlevel 4
Badge +12

Folks,


We have a very powerful app that integrates with Trello. Here's what you can expect from the integration : 


1. Link an existing Trello card to a Freshdesk ticket

2. Create a new Trello card directly from a Freshdesk ticket, indicating a description of what's needed, requesters name, the status and priority for the Trello teams to be in sync

3. Receive updates on Freshdesk tickets from changes on the Trello cards linked, so agents stay updated on their status. 


You can find more details on the integration here.


Cheers!