Customizing your Help Desk page

Introduction

Upon activation of the Premium add-on of Sola Support Tickets, a basic default help desk page is created for you. In order to further customize your Help Desk page (for example, for it to look like ours), a variety of shortcodes and layouts can be used.

By default, Sola Support Tickets Pro includes Bootstrap styles and Fontawesome icons. This helps you create a custom, modern and beautiful help desk in just a few minutes.

 

For this tutorial, we’ll be using our help desk page as an example. Our help desk looks something like this:

custom-help-desk-sola-support-tickets

 

The default help desk, may look something like this:

default-help-desk

 

How to customize the Help Desk / Support Desk page

Before you begin, make sure you are logged in to wp-admin. Navigate to your list of pages and locate the “Support Desk” page. Click “Edit”.

You should notice the following as the contents of that page:

default content

 

Each of those shortcodes has a specific function. View details of these shortcodes here.

It’s completely up to you with how you would like your support desk to look and feel. We have provided a number of CSS classes within each element for you to manually style.

 

Copy our Help Desk layout

We use the following HTML and shortcodes on our custom help desk page:

<p style="text-align: center;">

In short, the following shortcodes are used on this page:

  • [ sola_st_support_centre_search_box ] : Adds the search box to the page
  • [ sola_st_support_centre_submit_link ] : Adds the submit ticket button to the page
  • [ sola_st_support_centre_all_tickets ] : Shows the latest support tickets that are public (or if logged in as admin, public and non public)
  • [ sola_st_support_centre_product_updates ] : Shows the latest “Product Update” posts that you have created
  • [ sola_st_support_centre_custom_pages ] : This can be used to display sub pages of a certain parent page. In this instance, our parent page is 7953 and 7935

 

Need more help? Use our Support Desk or contact us.