Skip to main content

We're in the process of migrating from Fresh Desk to Fresh Service.  We spent a significant amount of time customizing the Fresh Desk customer portal and we're doing the same right now with Fresh Service before we go live.


We love hearing what others are doing with their portals.  Do you have any cool or unique portal customization ideas that you are willing to show off?



@Chase

For

disabling the Service Request icon

Navigate

to Admin>Helpdesk Rebranding>Portal Customization. Under Layout &

Pages, in the Page Layout tile, at the end of the script paste the below

script (along with <script>).

<script>


jQuery(".page-tabs a:nth-child(4)").hide();


jQuery('.popular-services').remove();


</script>​




@ChaseKetchum,

For

disabling the Service Request icon

Navigate

to Admin>Helpdesk Rebranding>Portal Customization. Under Layout &

Pages, in the Page Layout tile, at the end of the script paste the below

script (along with <script>).

<script>


jQuery(".page-tabs a:nth-child(4)").hide();


jQuery('.popular-services').remove();


</script>​




This seems like a definitely necessary piece that is missing from the first two tiers...




@kavitha.s

Did you find out how to remove 'service catalog' from the action menu?




@kenHow did you customize the jmenu panel (header menu) - I would like to remove the "Service Catalog" option altogether. Will greatly appreciate your insights.




Hi, 

I was wondering if it's possible to move our Service Catalog items wherever we need them and not rely on just the Alphabetic order they are listed as.

Currently, we just put a number 1., 2. , 3. ... to achieve the order we want them in but would be nice to be able to just drag them where we need them.




Hi there, FreshService helped us figure out how to alter the yellow part if folks are still working on that. 


<script>

  var custom_recent_items = {

        "services": c{

            name: "SR- Password Reset",

            link: "/support/catalog/items/9"

        }, {

            name: "SR- Remove ",

            link: "/support/catalog/items/52"

        }, {

            name: "SR- Access Request",

            link: "/support/catalog/items/45"

        }, {

            name: "SR- Scenario",

            link: "/support/catalog/items/27"

        }],

        "solutions": <{

            name: "Solution How to Clear 1895 Hardstop",

            link: "/support/solutions/articles/3000015090-clear-1895-hard-stop-instructions"

        }, {

            name: "Solution How to Clear 905 Hardstop",

            link: "/support/solutions/articles/3000015084-clear-905-hard-stop-instructions"

        }, {

            name: "eSign the 1003 (Instructions)",

            link: "/solution/articles/3000015243-esign-the-1003-instructions"

        }, {

            name: "Clear MI Hard Stop (Instructions)",

            link: "/solution/articles/3000015147-clear-mi-hard-stop-instructions"

        }]

    },

    services_container = ".popular-services",

    solutions_container = ".popular-solutions";

 

 

function render_custom_list() {

    var custom_sr,

        custom_sol;

    jQuery(services_container).find("ul li").remove();

    jQuery(solutions_container).find("ul li").remove();

    jQuery.each(custom_recent_items."services"], function(_i, _e) {

        custom_sr = "<li><i class='icon-ticket pull-left'></i><a href='" + _e.link + "'><span class='pull-left text-ellipsis'>" + _e.name + "</span><span class='pull-right toggledisplay'>Request</span></a></li>";

        jQuery(services_container).find("ul").append(jQuery(custom_sr));

    });

    jQuery.each(custom_recent_items "solutions"], function(_i, _e) {

        custom_sol = "<li><i class='icon-file2'></i><span class='text-ellipsis'><a href='" + _e.link + "'>" + _e.name + "</a></span></li>";

        jQuery(solutions_container).find("ul").append(jQuery(custom_sol));

    });

}

 

jQuery(document).ready(render_custom_list);

 

</script>




this is great information, I was wondering if anyone knows how to change the Widgets icon Image?




Hi Elizabeth,


Try this:


<a href="javascript:print();" class="icon-print solution-print-icon" title="{% translate portal.print_title %}"></a>



printicon_19363.png

Ken,


I did some minimal tinkering to see if I could figure out a way to change the area you highlighted yellow, but couldn't see any immediate solution.


Maybe you could help me though. The articles on your page have a print button and I'd love to know how you included that. Thanks!


Elizabeth




Thanks Elizabeth. Been looking at it but not convinced its much better that the original helpdesk.




Has anyone had any luck with customizing the lower part of the public portal?  I'd like to customize the area shaded yellow:



I'd like to replace the popular solutions with one or two other solution folders so it looks like this:



I ran this by Freshservice support and they indicate it cannot be done, but thought I would ask if anyone else has done anything like this.


Thanks!




Chick,


The Service Catalog is a default page when using Freshservice. I can see you're using Freshdesk, which is the system we started in before switching to Freshservice. I can imagine it would take a lot of work to create your own page in Freshdesk with something similar (if it's even possible at all).


If it's something you'd really like to have, take a look at Freshservice and see if it would fit your needs. They're both similar platforms and share the same basic functionality, but are catered for much different needs.


Let me know if you have any questions.


Best,

Elizabeth




Hi Elizabeth,


We're interested in how you made a custom page (Service Catalog) in the customer portal menu and the lefthand service category menu.


Here is a link to our freshdesk.

https://webwizards.freshdesk.com/support/home


Thanks,

Chick




Craig,


You mean our header logo? That one was the handiwork of Freshservice folks. 🙂 We liked the scalability of the logo that seemed to be by default in Freshdesk, so I reached out to see how to make that happen in our Freshservice portal.


Here's what they told me to put in the custom stylesheet:


Hope that helps you out!


Best,

Elizabeth




Hi Elizabeth,


Would you be so kind as to describe how you made your logo to that size please?




I am a big fan of Wilson Language Training's portal


I am thinking we should have a portal show off contest here in the forums. :)




Thanks Elizabeth!


Sure thing James! Here's where the code can be found: Admin > Helpdesk Rebranding > Customize portal > Layout & pages > Portal pages > Portal home


And what I did to edit the text:


Hope that helps!


Elizabeth




Hi Elizabeth, 


Would love to know how you changed the title and descriptions for the icons on the portal?



thanks, 

James




Hi Ken,


We too migrated from Freshdesk to Freshservice. I'm not sure how much customization you're talking about, but you can take a look at our Helpdesk portal and if you notice any specific tweaks you'd like to know more about, you can let me know.


Best,

Elizabeth




Reply