Solved

Portal Customisation - Cards

  • 30 July 2021
  • 3 replies
  • 1799 views

Hi,

Apologies if I’m missing anything obvious, but is there any way to add additional (or edit/remove existing) “cards” that are by default displayed in the portal home page via the dynamic placeholder {{ cards }} and associated loops in portal customisation? 

Cheers.

icon

Best answer by Glavin Crasta 4 August 2021, 09:40

View original

3 replies

Userlevel 7
Badge +16

Hello @ijones, here is a link that talks about customizing your support portal. This would be a good place to start https://support.freshservice.com/support/solutions/50000000136

Hope this helps :)

Userlevel 4
Badge +6

Hi @ijones , you can make use of this script and add it to the portal home script. Make sure you comment the existing script of each card.

 

This script contains 6 cards and you can modify as you need.

<a href="/support/solutions" class="card">
<img class="elem-inline-mid" role="presentation" alt="" src="https://assets2.freshservice.com/assets/portal_v2/solutions-b92af929b22b50b2f6d6330b65daea638744f33bf88b1a6716dfc155539dcba4.svg" onerror="fsImageHandler(this)">

<div class="elem-inline-mid">
<h3>Browse help articles
</h3>
<p>Look up self service guides or read FAQs to get answers faster</p>
</div>
</a>
<a href="/support/tickets/new" class="card">
<img class="elem-inline-mid" role="presentation" alt="" src="https://assets8.freshservice.com/assets/portal_v2/incident-f6d886d4f64ae8cf4da868255f3d296d526dacb74acb45b7e76a017202b77535.svg" onerror="fsImageHandler(this)">

<div class="elem-inline-mid">
<h3>Submit a ticket
</h3>
<p>Having trouble? Contact the support team</p>
</div>
</a>
<a href="/support/catalog/items" class="card">
<img class="elem-inline-mid" role="presentation" alt="" src="https://assets4.freshservice.com/assets/portal_v2/service_catalog-9c7801db4f2470efe9ac7e57b342b6ceef9b1ba072fa4788e57279265c713861.svg" onerror="fsImageHandler(this)">

<div class="elem-inline-mid">
<h3>Request a service
</h3>
<p>Raise a request for a new device, software or service</p>
</div>
</a>

<a href="/support/tickets" class="card">
<img class="elem-inline-mid" role="presentation" alt="" src="https://assets5.freshservice.com/assets/portal_v2/approvals-4c6622aaf9435302177e3c4d3a7ac2953c402e8d736d177162f4a9be812754ab.svg" onerror="fsImageHandler(this)">

<div class="elem-inline-mid">
<h3>My tickets
</h3>
<p>Check for updates on my ticket</p>
</div>
</a>
<a href="/support/changes/new" class="card">
<img class="elem-inline-mid" role="presentation" alt="" src="https://assets5.freshservice.com/assets/portal_v2/change-68fdc5ae8782b8eb742e2d817933e9246debcd81ef904abc8ecf981e36eaaecc.svg" onerror="fsImageHandler(this)">

<div class="elem-inline-mid">
<h3>Request for a change
</h3>
<p>Initiate a request to make changes to a project or system</p>
</div>
</a>
<a href="https://www.abdn.ac.uk/toolkit" target="_blank" class="card">
<img class="elem-inline-mid" role="presentation" alt="" src="https://image.shutterstock.com/image-vector/vector-illustration-icon-communication-concept-260nw-1190867326.jpg" onerror="fsImageHandler(this)">

<div class="elem-inline-mid">
<h3>Toolkit
</h3>
<p>Delivering digital skills and support to students and staff on their smartphones, tablets and PCs</p>
</div>
</a>

 

Hi @ijones , you can make use of this script and add it to the portal home script. Make sure you comment the existing script of each card.

 

 

That’s perfect - thank you very much!

Reply